/* Marketing Creattivo — 03/11/2026 | Mobile layout repair.
   Only <=768px. Desktop's scroll chapters and their timing are unchanged. */
.mcs-mobile-carousel-controls{display:none}
@media(max-width:768px){
  /* On mobile there are no pin tracks; each chapter owns its own background.
     The desktop JS color interpolation would otherwise leave empty red/cream pages. */
  body.kiwi-motion.mcs-creattivo-home{
    --page-bg:#090909!important;
    background:#090909!important;
    overflow-x:clip;
  }
  body.kiwi-motion .sectors{
    height:auto!important;min-height:0!important;
    padding:70px 0 66px!important;
    background:#f4f1ed!important;
  }
  body.kiwi-motion .sectors-head{margin-bottom:26px}

  /* Three photographic scenes in a compact, full-bleed stack (no pin spacer). */
  body.kiwi-motion .scene-outer{
    height:auto!important;min-height:0!important;
    background:#080808!important;
  }
  body.kiwi-motion .scene-sticky{
    position:relative!important;inset:auto!important;
    height:auto!important;min-height:0!important;overflow:visible!important;
    display:block!important;background:#080808!important;
  }
  body.kiwi-motion .scene-pane,
  body.kiwi-motion .scene-pane.sp-soluzione,
  body.kiwi-motion .scene-pane.sp-terza{
    position:relative!important;inset:auto!important;
    display:flex!important;align-items:center!important;
    height:auto!important;min-height:clamp(380px,64svh,590px)!important;
    padding:64px 22px!important;margin:0!important;
    opacity:1!important;transform:none!important;filter:none!important;
    clip-path:none!important;pointer-events:auto!important;
    background:#080808!important;isolation:isolate;
  }
  body.kiwi-motion .scene-pane + .scene-pane{
    border-top:1px solid rgba(255,255,255,.08);
  }
  body.kiwi-motion .scene-pane .sp-inner{
    display:block!important;grid-template-columns:1fr!important;
    max-width:540px;width:100%;margin:0 auto!important;
    position:relative;z-index:3;
  }
  body.kiwi-motion .scene-pane .sp-scene-image,
  body.kiwi-motion .scene-pane.sp-soluzione .sp-scene-image,
  body.kiwi-motion .scene-pane.sp-terza .sp-scene-image{
    position:absolute!important;inset:0!important;
    display:block!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:60% 50%!important;
    opacity:.79!important;filter:none!important;
  }
  body.kiwi-motion .scene-pane::before,
  body.kiwi-motion .scene-pane.sp-soluzione::before,
  body.kiwi-motion .scene-pane.sp-terza::before{
    content:"";position:absolute;inset:0;z-index:2;
    background:linear-gradient(90deg,rgba(3,3,4,.94) 0%,rgba(3,3,4,.83) 38%,rgba(3,3,4,.54) 75%,rgba(3,3,4,.45) 100%)!important;
  }
  body.kiwi-motion .scene-pane .sp-h2{
    font-size:clamp(32px,9vw,44px)!important;line-height:.99!important;
    max-width:550px;margin:0 0 19px!important;
    color:#f8f6f3!important;
  }
  body.kiwi-motion .scene-pane .sp-h2 em{display:block;margin:5px 0 0!important}
  body.kiwi-motion .scene-pane .sp-body,
  body.kiwi-motion .scene-pane.sp-soluzione .sp-body,
  body.kiwi-motion .scene-pane.sp-terza .sp-body{
    font-size:14px!important;line-height:1.56!important;
    color:rgba(255,255,255,.85)!important;
  }
  body.kiwi-motion .scene-pane .sp-body-box{padding:0!important;margin:0!important}
  body.kiwi-motion .scene-pane .sp-ghost{display:none!important}

  /* Services: native finger-swiping horizontal carousel rather than five tall cards. */
  body.kiwi-motion .pillars{
    position:relative!important;height:auto!important;min-height:0!important;
    padding:72px 0 36px!important;background:#0b0b0d!important;
  }
  body.kiwi-motion .pillars-stage{
    height:auto!important;min-height:0!important;position:relative!important;
    display:block!important;overflow:visible!important;
    width:100%!important;box-sizing:border-box!important;padding:0 24px!important;
  }
  body.kiwi-motion .pillars .ph{
    position:relative!important;top:auto!important;height:auto!important;
    margin:0 0 22px!important;padding:0!important;
    max-width:none!important;
  }
  body.kiwi-motion .pillars .ph .sec-h2{font-size:clamp(36px,10vw,49px)!important}
  body.kiwi-motion .pillars .ph .sec-sub{font-size:14px;line-height:1.6}
  body.kiwi-motion .pillars .pg{
    position:relative!important;top:auto!important;height:auto!important;min-height:0!important;
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;
    box-sizing:border-box!important;width:calc(100% + 48px)!important;max-width:none!important;
    margin:0 -24px!important;padding:8px 24px 26px!important;
    gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory;scroll-padding-inline:24px;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    scrollbar-width:none;perspective:none!important;
  }
  body.kiwi-motion .pillars .pg::-webkit-scrollbar,
  body.kiwi-motion .trk-wrap::-webkit-scrollbar{display:none}
  body.kiwi-motion .pillars .pillar,
  body.kiwi-motion .pillars .pillar:nth-child(2),
  body.kiwi-motion .pillars .pillar:nth-child(4){
    position:relative!important;inset:auto!important;display:flex!important;
    flex:0 0 min(82vw,370px)!important;width:min(82vw,370px)!important;
    max-width:none!important;min-height:490px!important;height:auto!important;
    align-self:stretch!important;margin:0!important;padding:28px 24px 20px!important;
    scroll-snap-align:center;scroll-snap-stop:always;
    opacity:1!important;transform:none!important;pointer-events:auto!important;
    clip-path:none!important;will-change:auto!important;
  }
  body.kiwi-motion .pillars .p-num{font-size:46px!important;margin-bottom:14px!important}
  body.kiwi-motion .pillars .p-title{font-size:clamp(29px,8vw,36px)!important;line-height:1.02}
  body.kiwi-motion .pillars .p-body{font-size:13px!important;line-height:1.56}
  body.kiwi-motion .pillars .p-arr{width:52px;height:52px;min-width:52px}
  body.kiwi-motion .pillars-outro{padding:32px 24px 68px!important;background:#0b0b0d}

  /* Commercial packages: swipeable cards, no 460vh desktop scroll track. */
  body.kiwi-motion .percorsi-out{
    position:relative!important;height:auto!important;min-height:0!important;
    background:#0b0b0d!important;
  }
  body.kiwi-motion .percorsi-stick{
    position:relative!important;top:auto!important;height:auto!important;min-height:0!important;
    display:block!important;overflow:visible!important;
    padding:65px 0 54px!important;background:#0b0b0d!important;
  }
  body.kiwi-motion .percorsi-out .ph2{margin-bottom:25px!important;padding:0 24px!important}
  body.kiwi-motion .percorsi-out .ph2 .sec-h2{font-size:clamp(37px,10vw,49px)}
  body.kiwi-motion .percorsi-out .ph2 .sec-sub{font-size:14px;line-height:1.6}
  body.kiwi-motion .trk-wrap{
    overflow-x:auto!important;overflow-y:hidden!important;
    width:100%!important;max-width:none!important;
    padding:0!important;mask-image:none!important;-webkit-mask-image:none!important;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:24px;
    scrollbar-width:none;
  }
  body.kiwi-motion .trk{
    display:flex!important;flex-wrap:nowrap!important;
    grid-template-columns:none!important;align-items:stretch!important;
    width:max-content!important;max-width:none!important;
    gap:14px!important;margin:0!important;padding:8px 24px 26px!important;
    transform:none!important;will-change:auto!important;
  }
  body.kiwi-motion .card-p{
    flex:0 0 min(82vw,370px)!important;width:min(82vw,370px)!important;
    min-height:415px!important;height:auto!important;
    padding:29px 25px!important;margin:0!important;
    scroll-snap-align:center;scroll-snap-stop:always;
    transform:none!important;opacity:1!important;
  }
  body.kiwi-motion .perc-prog{display:none!important}
  body.kiwi-motion .reel-burst{
    height:auto!important;min-height:0!important;
    padding:76px 0 84px!important;background:#f4f1ed!important;
  }
  body.kiwi-motion .reel-sticky{
    height:auto!important;min-height:0!important;position:relative!important;top:auto!important;
    overflow:visible!important;
  }
  /* The reveal still responds to scroll, but without giant blank 170svh gaps. */
  body.kiwi-motion .proof{
    padding:64px 0 56px!important;
    overflow:visible!important;background:#0b0b0d!important;
  }
  body.kiwi-motion .proof-h{padding:24px 22px 0!important;margin:0 auto 12px!important}
  body.kiwi-motion .proof-g{display:block!important;gap:0!important}
  body.kiwi-motion .proof-c,
  body.kiwi-motion .proof-c:nth-child(even){
    position:relative!important;display:block!important;
    height:auto!important;min-height:98svh!important;
    margin:0!important;padding:12svh 18px 8svh!important;
    opacity:1!important;transform:none!important;
  }
  body.kiwi-motion .proof-c>.proof-vis{
    position:sticky!important;top:12svh!important;
    width:100%!important;height:auto!important;aspect-ratio:5/4!important;
    margin:0 0 17px!important;max-width:100%!important;
  }
  body.kiwi-motion .proof-c>.proof-meta{
    position:relative!important;top:auto!important;
    width:100%!important;padding:8px 4px 0!important;
    background:transparent!important;
  }
  body.kiwi-motion .proof-c>.proof-meta h4{font-size:clamp(29px,8vw,39px)}
  body.kiwi-motion .proof-c>.proof-meta p{font-size:14px;line-height:1.6}
  body.kiwi-motion .proof-logo-card .logo-b,
  body.kiwi-motion .proof-logo-card .logo-a{padding:5%}
  body.kiwi-motion .metodo{background:#0b0b0d!important}
  body.kiwi-motion.mcs-creattivo-home .cta-fin{background:#0a0a0c!important;min-height:0!important}

  /* Controls added by mobile-carousel JS, hidden on desktop. */
  .mcs-mobile-carousel-controls{
    display:flex;align-items:center;justify-content:space-between;
    gap:16px;padding:1px 0 0;max-width:100%;
    color:#f3f0ed;
  }
  .mcs-mobile-carousel-controls .mcs-carousel-count{
    font:11px/1.4 var(--fl,monospace);letter-spacing:.16em;
    color:#e0d8d6;white-space:nowrap;
  }
  .mcs-mobile-carousel-actions{display:flex;align-items:center;gap:10px}
  .mcs-carousel-prev,.mcs-carousel-next{
    appearance:none;display:grid;place-items:center;
    width:45px;height:45px;border:1px solid rgba(227,27,35,.7);
    background:#1b1315;color:#f6f2ef;border-radius:0;
    font:22px/1 Arial,sans-serif;cursor:pointer;
  }
  .mcs-carousel-prev:disabled,.mcs-carousel-next:disabled{opacity:.38;cursor:default}
  .mcs-carousel-prev:focus-visible,.mcs-carousel-next:focus-visible{outline:2px solid #fff;outline-offset:3px}
  .pillars .mcs-mobile-carousel-controls{margin:0 24px}
  .percorsi-out .mcs-mobile-carousel-controls{margin:0 24px}
}
@media(max-width:370px){
 body.kiwi-motion .scene-pane .sp-h2{font-size:31px!important}
 body.kiwi-motion .pillars .pillar{min-height:525px!important}
}
@media(prefers-reduced-motion:reduce){
 .mcs-mobile-carousel-controls *{scroll-behavior:auto!important}
}