/* LeadLoop 1.0.71 — single, isolated stable mobile correction layer. */
/* Avoid dynamic viewport units during page scroll: Chrome toolbar can expand/collapse. */
@media (max-width:700px) {
  html.ll-home-refresh-active {scroll-snap-type:none!important;scroll-behavior:auto!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh {scroll-snap-type:none!important;overflow-anchor:auto!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh > section {scroll-snap-align:none!important;}

  /* HERO: header is part of initial document flow; only its remaining height belongs to hero. */
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero {
    box-sizing:border-box!important;
    height:auto!important;
    min-height:calc(100svh - 85px)!important;
    max-height:none!important;
    padding:12px 0 18px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    overflow:hidden!important;
    contain:none!important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid {
    height:auto!important;
    flex:1!important;
    min-height:calc(100svh - 115px)!important;
    max-height:none!important;
    width:calc(100% - 34px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    align-items:stretch!important;
    gap:0!important;
    padding:0!important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy {flex:none!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik {
    width:calc(100vw - 12px)!important;
    max-width:540px!important;
    margin:0 auto!important;
    flex:0 1 auto!important;
    min-height:0!important;
    align-self:center!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    overflow:visible!important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik>img {
    width:100%!important;
    max-width:none!important;
    height:clamp(270px,40svh,395px)!important;
    max-height:46svh!important;
    min-height:0!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    transform:none!important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik>.actions{margin-top:-8px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik .loopik-benefits{margin:12px auto 0!important;}
  /* No old decorative proof line. */
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-proof{display:none!important;}

  /* Funnel: use entire viewport, not the previous subtract-header value; inset artwork safely. */
  html.ll-home-refresh-active #oxy-main.ll-refresh .llf-premium {
    height:100svh!important;
    min-height:100svh!important;
    max-height:none!important;
    margin:0!important;
    padding:24px 0 28px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    contain:none!important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .llf-shell {
    width:min(calc(100% - 22px),440px)!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    grid-template-rows:minmax(0,1fr) minmax(0,.39fr) minmax(0,2.26fr) minmax(0,.33fr) minmax(0,1.67fr)!important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .llf-page{width:92%!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .llf-client{width:76%!important;}

  /* Game: minimum full screen, with enough breathing room but no oversized dead zone. */
  html.ll-home-refresh-active #oxy-main.ll-refresh .game-experience {
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    min-height:100svh!important;
    max-height:none!important;
    padding:22px 0 25px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    contain:none!important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .game-experience>.ll-game-section{width:100%!important;max-width:none!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .game-experience:before {
    background-position:right 8% top!important;
    background-size:auto 60%!important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .game-intro-copy {
    margin-bottom:clamp(56px,9svh,84px)!important;
  }
  /* Do not let content be artificially hidden for screen fit on small phones. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .ll-lap__button {min-height:52px!important;height:52px!important;}
}
@media(max-width:700px) and (max-height:760px) {
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero {padding-top:9px!important;padding-bottom:12px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid{min-height:calc(100svh - 105px)!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik>img {height:clamp(230px,36svh,305px)!important;max-height:41svh!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .llf-premium{padding-top:19px!important;padding-bottom:22px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .game-intro-copy {margin-bottom:clamp(40px,7svh,62px)!important;}
}
/* Header is visible at the top of the page and from the section after funnel only. */
@media(max-width:820px) {
  header.ll-delay-floating-menu.ll-floating-hidden,
  .ll-site-header.ll-delay-floating-menu.ll-floating-hidden,
  #ll-header.ll-delay-floating-menu.ll-floating-hidden,
  #oxy-header.ll-delay-floating-menu.ll-floating-hidden,
  .oxy-header-wrapper.ll-delay-floating-menu.ll-floating-hidden {
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,calc(-100% - 12px),0)!important;
  }
  header.ll-delay-floating-menu.ll-floating-ready,
  .ll-site-header.ll-delay-floating-menu.ll-floating-ready,
  #ll-header.ll-delay-floating-menu.ll-floating-ready,
  #oxy-header.ll-delay-floating-menu.ll-floating-ready,
  .oxy-header-wrapper.ll-delay-floating-menu.ll-floating-ready {
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(0,0,0)!important;
  }
  .ll-delay-floating-menu{transition:opacity .22s ease,transform .22s ease,visibility .22s!important;}
}
@media(prefers-reduced-motion:reduce){.ll-delay-floating-menu{transition:none!important}}


/* LeadLoop 1.0.74 — mobile refinement pass */
@media (max-width:700px) {
  /* Smaller sticky menu footprint and safer section entry under the floating header. */
  html.ll-home-refresh-active #oxy-main.ll-refresh {scroll-padding-top:88px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .header-inner{min-height:78px!important;}

  /* HERO */
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero{min-height:100svh!important;padding:88px 0 16px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid{min-height:calc(100svh - 124px)!important;gap:6px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy h1{font-size:clamp(45px,12.7vw,60px)!important;line-height:.95!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-lead{margin:12px 0 14px!important;font-size:13px!important;line-height:1.42!important;max-width:31ch!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik{width:calc(100vw - 16px)!important;max-width:620px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik>img{height:clamp(318px,45svh,430px)!important;max-height:49svh!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid>.loopik-benefits{padding-top:10px!important;margin-top:2px!important;}

  /* One-screen intent for the key sections visible with the floating header. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda.section,
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt.section,
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces.section,
  html.ll-home-refresh-active #oxy-main.ll-refresh .brand-film{padding-top:96px!important;padding-bottom:18px!important;min-height:100svh!important;display:flex!important;align-items:center!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .wrap,
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt .wrap,
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces .wrap,
  html.ll-home-refresh-active #oxy-main.ll-refresh .brand-film .wrap{width:calc(100% - 30px)!important;}

  /* Method section */
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .section-top{gap:6px!important;margin-bottom:10px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .section-top h2{font-size:clamp(23px,6.8vw,29px)!important;line-height:1.03!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .section-top>.lead{font-size:11px!important;line-height:1.35!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-layout{gap:9px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-tabs{gap:5px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-tab{min-height:54px!important;padding:7px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-tab strong{font-size:11px!important;line-height:1.16!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-tab small{font-size:9px!important;line-height:1.18!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-map{padding:10px 8px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-map .map-title{font-size:8px!important;letter-spacing:.14em!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-map .map-path b{font-size:9px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-map .map-path small{font-size:5.5px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-map>p{font-size:8px!important;line-height:1.28!important;margin-top:8px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-caption{padding:11px 10px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-caption>span{font-size:8px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-caption h3{font-size:14px!important;line-height:1.14!important;margin:5px 0!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-caption p{font-size:9px!important;line-height:1.35!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .quiet-note{display:none!important;}

  /* Results section */
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt .section-top{gap:6px!important;margin-bottom:10px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt .section-top h2{font-size:clamp(23px,6.8vw,29px)!important;line-height:1.03!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt .section-top>.lead{font-size:11px!important;line-height:1.35!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt .outcome-grid{gap:6px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt .outcome-grid>article{padding:10px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt .outcome-grid h3{font-size:13px!important;line-height:1.14!important;margin:6px 0!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt .outcome-grid p{font-size:10px!important;line-height:1.32!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt .outcome-grid small{font-size:6.5px!important;line-height:1.2!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt .outcome-route{margin-top:8px!important;padding:7px 8px!important;gap:3px!important;font-size:7px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt .quiet-note{display:none!important;}

  /* Continuous mobile slider and slightly calmer CTA block. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-slider-controls{display:none!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-viewport{overflow-x:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-viewport::-webkit-scrollbar{display:none!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-track{will-change:transform!important;}

  /* Game section: cleaner stacking on mobile. */
  html.ll-home-refresh-active #oxy-main.ll-refresh .game-experience{min-height:100svh!important;padding:94px 0 20px!important;background-position:right -8px top 92px!important;background-size:auto 54%!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .game-experience:before{background:linear-gradient(90deg,rgba(5,6,6,.98) 0%,rgba(5,6,6,.88) 42%,rgba(5,6,6,.26) 100%),linear-gradient(180deg,rgba(5,6,6,.2),transparent 24%,rgba(5,6,6,.12) 72%,#08090a 100%)!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .ll-lap{padding:0 18px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .game-intro-rule{width:auto!important;max-width:210px!important;margin:8px 0 14px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .game-intro h2{font-size:clamp(30px,9.4vw,40px)!important;line-height:1.03!important;margin:0 0 10px!important;max-width:8ch!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .game-intro-copy{max-width:18ch!important;font-size:13px!important;line-height:1.4!important;margin:0 0 18px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .game-intro{display:flex!important;flex-direction:column!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .game-offer-action{display:grid!important;gap:10px!important;order:4!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .game-benefits{order:5!important;width:100%!important;padding:9px 8px!important;border-radius:18px!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;row-gap:6px!important;column-gap:8px!important;background:rgba(12,12,12,.7)!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .game-benefits b{display:none!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .game-benefits span{font-size:10px!important;line-height:1.2!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .ll-lap__consent{margin:0!important;font-size:12px!important;line-height:1.3!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .ll-lap__button{min-height:54px!important;height:54px!important;font-size:16px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #gra .game-instructions-link{order:6!important;align-self:flex-start!important;margin:8px 0 0!important;font-size:12px!important;}

  /* Cooperation section: tighter 2x2 grid that fits the screen. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces .section-top{gap:6px!important;margin-bottom:10px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces .section-top h2{font-size:clamp(23px,6.8vw,29px)!important;line-height:1.03!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces .section-top>.lead{font-size:11px!important;line-height:1.35!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces .process-steps{gap:6px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces .process-steps>li{min-height:168px!important;padding:10px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces .process-steps .process-icon{width:34px!important;height:34px!important;margin:0 auto 6px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces .process-steps .process-icon svg{width:20px!important;height:20px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces .process-steps li>h3{font-size:14px!important;line-height:1.15!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces .process-steps li>p{font-size:9.5px!important;line-height:1.3!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces .process-steps li>small{margin-top:7px!important;font-size:6.5px!important;line-height:1.2!important;}
}

@media (max-width:700px) and (max-height:760px) {
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero{padding-top:82px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik>img{height:clamp(300px,42svh,380px)!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda.section,
  html.ll-home-refresh-active #oxy-main.ll-refresh #efekt.section,
  html.ll-home-refresh-active #oxy-main.ll-refresh #proces.section,
  html.ll-home-refresh-active #oxy-main.ll-refresh .game-experience{padding-top:88px!important;}
}
