/* FORMABYCZAREK V34 — premium mobile layer. Desktop remains unchanged. */
@media (max-width: 759px){
  html{scroll-padding-top:76px}
  body.page-home,body.page-online,body.page-personal,body.page-calculator,body.page-form{overflow-x:hidden}
  body.page-home,body.page-online,body.page-personal{padding-bottom:86px}
  body.page-form{padding-bottom:max(18px,env(safe-area-inset-bottom))}
  body.page-home .container,body.page-online .container,body.page-personal .container,body.page-calculator .container{width:calc(100% - 32px);max-width:none}

  /* Shared mobile navigation */
  body.page-home .nav-inner{height:72px;gap:8px}
  body.page-home .brand-with-logo{gap:8px;min-width:0}
  body.page-home .brand-logo{width:50px;height:50px}
  body.page-home .brand{font-size:.94rem;letter-spacing:-.04em}
  body.page-home .nav-actions{gap:7px}
  body.page-home .mini-cta{height:44px;padding:0 13px;border-radius:12px;font-size:.82rem;box-shadow:0 8px 24px rgba(255,23,23,.16)}
  body.page-home .menu-toggle{width:44px;height:44px;border-radius:12px}
  body.page-home .mobile-menu{inset:72px 0 0;background:rgba(5,5,5,.985);backdrop-filter:blur(20px);transform:translateY(-105%)}
  body.page-home .mobile-menu .inner{padding:13px 16px calc(24px + env(safe-area-inset-bottom));gap:4px}
  /* V35: otwarte menu musi nadpisywać transform z warstwy mobilnej */
  body.page-home .mobile-menu.open{transform:translateY(0)!important}

  /* Nie pokazujemy pływającego przycisku Cookies. */
  #fc-cookie-settings-btn{display:none!important}

  body.page-home .mobile-menu a{padding:15px 12px;border-bottom:1px solid #1c1c20;border-radius:10px;font-size:1rem}
  body.page-home .mobile-menu .mobile-featured{padding:14px 12px;margin:3px 0 5px;background:linear-gradient(180deg,rgba(255,23,23,.11),rgba(255,23,23,.045));border-color:rgba(255,23,23,.28)}

  /* Thin progress line gives the long landing page orientation without clutter. */
  .mobile-page-progress{position:fixed;top:71px;left:0;right:0;height:2px;z-index:91;pointer-events:none;background:transparent}
  .mobile-page-progress>i{display:block;width:0;height:100%;background:#ff1717;box-shadow:0 0 12px rgba(255,23,23,.55)}

  /* HOME — hero */
  body.page-home .hero{padding:24px 0 10px}
  body.page-home .hero-grid{display:block}
  body.page-home .eyebrow{font-size:.69rem;letter-spacing:.145em;margin-bottom:10px}
  body.page-home h1{font-size:clamp(2.82rem,12.7vw,3.55rem);line-height:.93;letter-spacing:-.062em;margin-bottom:15px;text-wrap:balance}
  body.page-home .lead{font-size:.98rem;line-height:1.53;color:#b9b9be;margin-bottom:17px}
  body.page-home .btn{min-height:56px;border-radius:14px}
  body.page-home .btn-primary{font-size:.98rem;box-shadow:0 13px 32px rgba(255,23,23,.18)}
  body.page-home .micro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 17px;font-size:.72rem}
  body.page-home .micro span{display:flex;align-items:center;justify-content:center;min-width:0;padding:8px 5px;border:1px solid #242429;border-radius:10px;background:#0e0f11;color:#cfcfd3;text-align:center;line-height:1.15}
  body.page-home .micro span:before{margin-right:4px}
  body.page-home .hero-photo-wrap{aspect-ratio:5/6;max-height:560px;border-radius:20px;margin-top:0;border-color:#26262a;box-shadow:0 20px 60px rgba(0,0,0,.45)}
  body.page-home .hero-photo{object-position:center 34%}
  body.page-home .hero-photo-wrap:before{content:"PROWADZENIE 1:1";position:absolute;left:12px;bottom:12px;z-index:3;padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(4,4,5,.67);backdrop-filter:blur(10px);color:#fff;font-size:.63rem;font-weight:900;letter-spacing:.1em}

  /* HOME — proof/stats */
  body.page-home .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:9px 0 35px}
  body.page-home .stat{padding:11px 5px 10px;border-radius:13px}
  body.page-home .stat-icon{width:31px;height:31px;margin-bottom:7px;border-radius:9px;font-size:16px}
  body.page-home .stat strong{font-size:.86rem;line-height:1.05}
  body.page-home .stat small{font-size:.61rem;line-height:1.15}

  /* HOME — section rhythm */
  body.page-home section{padding:43px 0}
  body.page-home .section-kicker{font-size:.66rem;letter-spacing:.14em}
  body.page-home .section-title{font-size:clamp(2rem,9.2vw,2.55rem);line-height:1;letter-spacing:-.05em;margin:8px 0 10px;text-wrap:balance}
  body.page-home .section-sub{font-size:.91rem;line-height:1.5;margin-bottom:20px;color:#99999f}

  /* Transformations — proper mobile cards with a visible next-card peek */
  body.page-home .transform-scroll{grid-auto-columns:88%;gap:11px;margin-right:-16px;padding-right:16px;padding-bottom:9px;scroll-padding-left:0}
  body.page-home .result-card{padding:10px;border-radius:18px;background:linear-gradient(180deg,#121315,#0a0b0d);box-shadow:0 12px 30px rgba(0,0,0,.20)}
  body.page-home .result-image-wrap{border-radius:12px;margin-bottom:11px}
  body.page-home .result-card>strong{display:block;padding:0 3px;font-size:1rem}
  body.page-home .result-details{padding:0 3px 3px;font-size:.83rem}
  body.page-home .swipe-hint{font-size:.72rem;color:#68686e;margin-top:7px}

  /* Benefits — denser, premium scanning */
  body.page-home .benefits{gap:8px}
  body.page-home .benefit{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:13px 14px;border-radius:15px;background:linear-gradient(180deg,#0e0f11,#0a0b0c)}
  body.page-home .icon{width:44px;height:44px;border-radius:12px}
  body.page-home .benefit h3{font-size:.97rem;margin:1px 0 3px}
  body.page-home .benefit p{font-size:.82rem;line-height:1.4}

  /* Process — numbered timeline */
  body.page-home .steps{position:relative;gap:8px}
  body.page-home .steps:before{content:"";position:absolute;left:32px;top:34px;bottom:34px;width:1px;background:linear-gradient(#ff1717 0%,#33343a 78%,transparent);opacity:.7}
  body.page-home .step{position:relative;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px;border-radius:15px;background:#0d0e10}
  body.page-home .num{width:36px;height:36px;margin:0;z-index:1;box-shadow:0 0 0 5px #0d0e10}
  body.page-home .step h3{font-size:.96rem}
  body.page-home .step p{font-size:.82rem;line-height:1.42}

  /* Personal teaser on home stays secondary */
  body.page-home .personal-section{padding:10px 0 43px}
  body.page-home .personal-card{padding:18px;gap:14px;border-radius:18px}
  body.page-home .personal-card h2{font-size:1.45rem}
  body.page-home .personal-card p{font-size:.87rem}
  body.page-home .personal-btn{min-height:50px}

  /* Reviews */
  body.page-home .reviews{grid-auto-columns:91%;gap:10px;margin-right:-16px;padding-right:16px}
  body.page-home .review{padding:17px;border-radius:17px}
  body.page-home .review p{font-size:.9rem;line-height:1.52;margin-bottom:14px}
  body.page-home .stars{margin-bottom:10px;font-size:.9rem}

  /* About */
  body.page-home .about{gap:10px}
  body.page-home .about-photo,body.page-home .about-photo-img,body.page-home .about-photo img{min-height:0;height:auto}
  body.page-home .about-photo{aspect-ratio:4/5;border-radius:18px}
  body.page-home .about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
  body.page-home .about-card{padding:17px;border-radius:18px}
  body.page-home .about-card .section-title{font-size:1.75rem!important}
  body.page-home .about-card p{font-size:.87rem;line-height:1.5}
  body.page-home .about-mini{grid-template-columns:1fr;gap:7px;margin-top:15px}
  body.page-home .about-mini div{padding:11px 12px}
  body.page-home .my-transform{margin-top:18px;padding-top:18px;gap:12px}
  body.page-home .my-transform h3{font-size:1.2rem}
  body.page-home .my-transform-copy p{font-size:.84rem}
  body.page-home .my-transform-image-wrap{min-height:0;aspect-ratio:16/11}

  /* FAQ + close */
  body.page-home .faq{gap:7px}
  body.page-home details{padding:15px;border-radius:13px}
  body.page-home summary{font-size:.92rem;padding-right:20px}
  body.page-home details p{font-size:.84rem;line-height:1.48}
  body.page-home .closing{padding:23px 17px;border-radius:19px}
  body.page-home .closing h2{font-size:1.95rem}
  body.page-home .closing p{font-size:.88rem;line-height:1.48}

  /* Home footer */
  body.page-home .site-footer{padding-top:18px}
  body.page-home .footer-card{border-radius:18px}
  body.page-home .footer-main{padding:18px;gap:15px}
  body.page-home .footer-mark{width:68px}
  body.page-home .footer-brandline{gap:11px}
  body.page-home .footer-bottom{padding:14px 18px 18px;gap:13px}
  body.page-home .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  body.page-home .footer-links a{width:100%;min-height:42px;padding:0 10px;justify-content:center;text-align:center;font-size:.7rem}
  body.page-home footer{padding-bottom:100px}

  /* Sticky conversion dock */
  body.page-home .sticky-apply{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));padding:7px 7px 7px 11px;border-radius:16px;background:rgba(10,10,12,.94);box-shadow:0 14px 45px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.015)}
  body.page-home .sticky-copy strong{font-size:.84rem}
  body.page-home .sticky-copy span{font-size:.67rem}
  body.page-home .sticky-apply .btn{min-height:46px;padding:0 16px;border-radius:11px;font-size:.82rem}
  body:has(#fc-cookie-layer.show) .sticky-apply{opacity:0!important;pointer-events:none!important}

  /* ONLINE 1:1 page */
  body.page-online .nav-inner{height:70px}
  body.page-online .nav .brand{font-size:.91rem}
  body.page-online .nav .brand img{width:48px!important;height:48px!important}
  body.page-online .nav-actions{gap:7px}
  body.page-online .back{padding:9px 10px;font-size:.76rem}
  body.page-online .nav-cta{padding:10px 12px!important;font-size:.78rem!important}
  body.page-online .hero{padding:32px 0 36px}
  body.page-online .hero-grid{display:grid;grid-template-columns:1fr;gap:18px}
  body.page-online .hero h1{font-size:clamp(3rem,13.2vw,4rem);line-height:.91;letter-spacing:-.062em;text-wrap:balance}
  body.page-online .lead{font-size:.96rem;line-height:1.55}
  body.page-online .hero-actions{display:grid;grid-template-columns:1fr;gap:8px}
  body.page-online .hero-actions .btn{width:100%;min-height:54px}
  body.page-online .hero-card{padding:18px;border-radius:18px}
  body.page-online section{padding:44px 0}
  body.page-online .section-title{font-size:clamp(2rem,9.5vw,2.55rem);line-height:1;letter-spacing:-.05em}
  body.page-online .section-sub{font-size:.9rem}
  body.page-online .cards,body.page-online .process,body.page-online .compare,body.page-online .forwho{grid-template-columns:1fr!important;gap:8px!important}
  body.page-online .card,body.page-online .process-step,body.page-online .compare-card,body.page-online .forwho-card{padding:15px!important;border-radius:15px!important}
  body.page-online .closing{padding:23px 17px!important;border-radius:19px!important}

  /* PERSONAL TRAINING page */
  body.page-personal .navin{height:70px}
  body.page-personal .brand img{width:48px;height:48px}
  body.page-personal .brand span{font-size:.9rem}
  body.page-personal .navlinks .apply{padding:10px 12px;font-size:.8rem}
  body.page-personal .hero{padding:34px 0 28px}
  body.page-personal .hero h1{font-size:clamp(3rem,13vw,4.1rem);line-height:.91;letter-spacing:-.062em;text-wrap:balance;margin:10px 0 16px}
  body.page-personal .lead{font-size:.96rem;line-height:1.55}
  body.page-personal .cta{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}
  body.page-personal .btn{width:100%;min-height:54px}
  body.page-personal .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:24px}
  body.page-personal .fact{padding:12px 7px;text-align:center;border-radius:13px}
  body.page-personal .fact b{font-size:1rem;line-height:1.1}
  body.page-personal .fact span{font-size:.66rem;line-height:1.15}
  body.page-personal .section{padding:43px 0}
  body.page-personal .section h2{font-size:clamp(2rem,9.2vw,2.55rem);margin-bottom:18px}
  body.page-personal .cards,body.page-personal .process{grid-template-columns:1fr;gap:8px}
  body.page-personal .card,body.page-personal .step{padding:15px;border-radius:15px}
  body.page-personal .notice{padding:17px;border-radius:16px}
  body.page-personal .closing{padding:22px 17px;border-radius:19px}

  /* CALCULATOR page */
  body.page-calculator .navin{height:70px}
  body.page-calculator .brand img{width:48px;height:48px}
  body.page-calculator .brand span{font-size:.9rem}
  body.page-calculator .navlinks .apply{padding:10px 12px;font-size:.8rem}
  body.page-calculator .calculator-section{padding:24px 0 52px}
  body.page-calculator .calc-after{border-radius:16px;padding:14px;margin-top:11px}
  body.page-calculator .primary{width:100%;min-height:52px}
  body.page-calculator .footer{padding-bottom:90px}

  /* FORM — mobile keyboard-first */
  body.page-form .nav-in{width:calc(100% - 24px);height:64px;gap:7px}
  body.page-form .brand-with-logo{gap:6px;min-width:0}
  body.page-form .brand-logo{width:46px;height:46px}
  body.page-form .brand{font-size:.86rem}
  body.page-form .back{padding:8px 9px;font-size:.72rem;white-space:nowrap}
  body.page-form main{width:calc(100% - 24px);padding:18px 0 30px}
  body.page-form .intro{margin-bottom:15px}
  body.page-form .eyebrow{font-size:.65rem;margin-bottom:7px}
  body.page-form h1{font-size:clamp(2.22rem,10.5vw,2.75rem);margin-bottom:9px;line-height:.96}
  body.page-form .intro p{font-size:.86rem;line-height:1.48}
  body.page-form .form-shell{border-radius:18px;box-shadow:0 18px 46px rgba(0,0,0,.35)}
  body.page-form .progress-wrap{padding:14px 14px 0}
  body.page-form .progress-meta{font-size:.7rem;margin-bottom:8px}
  body.page-form form{padding:17px 14px 14px}
  body.page-form .form-step.active{display:flex;flex-direction:column;min-height:330px}
  body.page-form .qnum{font-size:.69rem}
  body.page-form h2{font-size:1.43rem;line-height:1.12;margin:6px 0 13px}
  body.page-form label.field-label{font-size:.8rem;line-height:1.42}
  body.page-form input[type=text],body.page-form input[type=email],body.page-form input[type=number],body.page-form textarea{font-size:16px!important;min-height:52px;border-radius:12px;padding:13px}
  body.page-form textarea{min-height:125px}
  body.page-form .choices{gap:7px}
  body.page-form .choice label{padding:12px;border-radius:12px;font-size:.86rem;line-height:1.35}
  body.page-form .actions{margin-top:auto;padding-top:18px;position:sticky;bottom:0;background:linear-gradient(to bottom,rgba(9,9,11,0),#09090b 20%);z-index:3}
  body.page-form .btn{min-height:53px;border-radius:12px}
  body.page-form .btn-back{width:52px;padding:0;flex:none}
  body.page-form .consent{padding:11px;border-radius:12px}
  body.page-form .consent label{font-size:.73rem}
  body.page-form .privacy-note{font-size:.68rem}
  body.page-form .error{font-size:.82rem;padding:11px 12px}
}

@media (max-width: 374px){
  body.page-home .brand-logo{width:46px;height:46px}
  body.page-home .brand{font-size:.83rem}
  body.page-home .mini-cta{padding:0 10px;font-size:.76rem}
  body.page-home h1{font-size:2.65rem}
  body.page-home .micro{font-size:.66rem}
  body.page-form .brand span{display:none}
  body.page-form .brand-logo{width:48px;height:48px}
}

@media (max-width:759px){
  .mobile-conversion-dock{position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:78;display:flex;align-items:center;gap:10px;padding:7px 7px 7px 11px;border:1px solid #2b2c30;border-radius:16px;background:rgba(10,10,12,.94);backdrop-filter:blur(16px);box-shadow:0 14px 45px rgba(0,0,0,.58);transform:translateY(125%);opacity:0;transition:.22s ease}
  .mobile-conversion-dock.show{transform:none;opacity:1}
  .mobile-conversion-dock .dock-copy{min-width:0;flex:1}
  .mobile-conversion-dock .dock-copy strong{display:block;font-size:.82rem;line-height:1.15}
  .mobile-conversion-dock .dock-copy span{display:block;color:#8f8f96;font-size:.66rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-conversion-dock a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 15px;border-radius:11px;background:#ff1717;color:#fff;font-size:.8rem;font-weight:900;text-decoration:none;white-space:nowrap}
  body:has(#fc-cookie-layer.show) .mobile-conversion-dock{opacity:0!important;pointer-events:none!important}
}
