/* LOGOS Homepage 2026 — mobile polish 2.2
   Visual-only overrides. Keeps content, semantics and SEO untouched. */

@media (max-width:760px){
  body.home-2026{overflow-x:hidden}
  .home-2026 .container{width:min(100% - 30px,1180px)}

  /* Shorter, calmer page rhythm */
  .home-2026 .section{padding:62px 0}
  .home-2026 .section-heading{margin-bottom:29px}
  .home-2026 .section-heading h2,
  .home-2026 h2{font-size:clamp(2rem,8.9vw,2.8rem);line-height:1.02;letter-spacing:-.045em}
  .home-2026 .section-heading p:not(.eyebrow){font-size:.94rem;line-height:1.62}
  .home-2026 .eyebrow{margin-bottom:10px;font-size:.64rem;letter-spacing:.17em}

  /* Hero: premium, but not a full-screen wall before content */
  .home-2026 .hero{border-radius:0 0 24px 24px}
  .home-2026 .hero__grid{gap:27px;padding:42px 0 48px}
  .home-2026 .hero h1{margin:14px 0 19px;font-size:clamp(2.72rem,12.2vw,3.95rem);line-height:.98;letter-spacing:-.06em}
  .home-2026 .hero__lead{margin-bottom:22px;font-size:.96rem;line-height:1.58}
  .home-2026 .hero__actions{gap:8px;margin-top:22px}
  .home-2026 .hero__actions .btn{min-height:49px;font-size:.88rem}
  .home-2026 .hero__meta{margin-top:16px;gap:5px;font-size:.76rem}
  .home-2026 .hero__meta span{min-height:29px;padding:4px 9px}

  /* Advisor: two-column answer grid cuts the initial hero height substantially */
  .home-2026 .logos-advisor{width:100%;border-radius:22px;box-shadow:0 22px 58px rgba(15,0,24,.27)}
  .home-2026 .logos-advisor__header{padding:17px 18px 15px;border-radius:21px 21px 0 0}
  .home-2026 .logos-advisor__title{font-size:1.12rem}
  .home-2026 .logos-advisor__body{padding:17px 18px 19px}
  .home-2026 .logos-advisor__question{font-size:1.26rem}
  .home-2026 .logos-advisor__intro{font-size:.78rem}
  .home-2026 .logos-advisor__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
  .home-2026 .logos-advisor__options--step-0 .logos-advisor__option:last-child{grid-column:1/-1}
  .home-2026 .logos-advisor__option{min-height:66px;padding:10px 11px;border-radius:13px}
  .home-2026 .logos-advisor__option strong{font-size:.82rem}
  .home-2026 .logos-advisor__option span{font-size:.66rem;line-height:1.28}
  .home-2026 .logos-advisor__back{margin-top:12px;font-size:.74rem}
  .home-2026 .logos-advisor__result-grid{grid-template-columns:1fr}
  .home-2026 .logos-advisor__actions{grid-template-columns:1fr 1fr}

  /* Horizontal bento rails: user sees the next card peeking in, so swipe is obvious. */
  .home-2026 #dla-kogo .audience-grid,
  .home-2026 #oferta .cards--4,
  .home-2026 .knowledge-teaser .knowledge-grid--teaser,
  .home-2026 .trust-section .trust-grid{
    display:flex!important;
    gap:11px!important;
    width:auto;
    margin-inline:-15px;
    padding:2px 15px 13px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:15px;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .home-2026 #dla-kogo .audience-grid::-webkit-scrollbar,
  .home-2026 #oferta .cards--4::-webkit-scrollbar,
  .home-2026 .knowledge-teaser .knowledge-grid--teaser::-webkit-scrollbar,
  .home-2026 .trust-section .trust-grid::-webkit-scrollbar{display:none}

  .home-2026 #dla-kogo .audience-card,
  .home-2026 #dla-kogo .audience-card:nth-child(n){
    flex:0 0 min(79vw,310px);
    min-height:230px!important;
    scroll-snap-align:start;
    padding:21px;
  }
  .home-2026 #oferta .service-card,
  .home-2026 #oferta .service-card:nth-child(n){
    flex:0 0 min(82vw,320px);
    min-height:255px!important;
    scroll-snap-align:start;
    padding:22px;
  }
  .home-2026 #oferta .service-card p{min-height:0}
  .home-2026 .knowledge-teaser .knowledge-card,
  .home-2026 .knowledge-teaser .knowledge-card:nth-child(n){
    flex:0 0 min(84vw,330px);
    min-height:275px!important;
    scroll-snap-align:start;
    padding:22px;
  }
  .home-2026 .trust-section .trust-card{
    flex:0 0 min(82vw,320px);
    min-height:225px;
    scroll-snap-align:start;
    padding:22px;
  }

  /* NGO and technology sections */
  .home-2026 #ngo .split-grid{gap:26px}
  .home-2026 #ngo .ngo-panel{padding:18px;border-radius:20px}
  .home-2026 #ngo .ngo-panel h3{font-size:1.45rem}
  .home-2026 #ngo .stats{gap:7px;margin-top:18px}
  .home-2026 #ngo .stats div{padding:11px 8px}
  .home-2026 #ngo .stats strong{font-size:.78rem}
  .home-2026 #ngo .stats span{font-size:.64rem}

  .home-2026 #nowoczesna-wspolpraca .communication-shell{padding:21px 17px;border-radius:22px}
  .home-2026 #nowoczesna-wspolpraca .communication-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .home-2026 #nowoczesna-wspolpraca .communication-feature{min-height:145px;padding:15px;border-radius:16px}
  .home-2026 #nowoczesna-wspolpraca .communication-feature h3{font-size:.94rem}
  .home-2026 #nowoczesna-wspolpraca .communication-feature p{font-size:.73rem;line-height:1.42}

  /* Process: 4 steps become a compact 2x2 product grid */
  .home-2026 #jak-dzialamy .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .home-2026 #jak-dzialamy .steps article{min-height:188px;padding:17px 15px;border-radius:17px}
  .home-2026 #jak-dzialamy .steps span{width:34px;height:34px;margin-bottom:14px;font-size:.78rem}
  .home-2026 #jak-dzialamy .steps h3{margin-bottom:6px;font-size:.98rem}
  .home-2026 #jak-dzialamy .steps p{font-size:.76rem;line-height:1.45}

  /* Locations stay visible rather than hidden in a carousel */
  .home-2026 #lokalizacje .audience-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0!important;padding:0!important;overflow:visible!important}
  .home-2026 #lokalizacje .audience-card,
  .home-2026 #lokalizacje .audience-card:nth-child(n){min-height:0!important;padding:20px;border-radius:19px}
  .home-2026 #lokalizacje .audience-card:nth-child(3){padding:22px}
  .home-2026 #lokalizacje .audience-card h3{font-size:1.05rem!important}
  .home-2026 #lokalizacje .audience-card p{font-size:.84rem;line-height:1.55}

  /* Changing office and checklist: compact cards, less dead vertical space */
  .home-2026 .switch-office__grid{gap:28px}
  .home-2026 .switch-office__intro{padding-right:0}
  .home-2026 .switch-office__steps{display:flex;gap:10px;margin-inline:-15px;padding:2px 15px 13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .home-2026 .switch-office__steps::-webkit-scrollbar{display:none}
  .home-2026 .switch-step{flex:0 0 min(84vw,330px);grid-template-columns:42px 1fr;gap:12px;padding:18px;scroll-snap-align:start;border-radius:18px}
  .home-2026 .switch-step__number{width:40px;height:40px;border-radius:11px}
  .home-2026 .switch-step h3{font-size:1rem}
  .home-2026 .switch-step p{font-size:.8rem;line-height:1.48}
  .home-2026 .logos-checklist__grid{gap:27px}
  .home-2026 .logos-checklist__item{min-height:58px;padding:10px 11px;border-radius:14px}
  .home-2026 .logos-checklist__item label{font-size:.82rem;line-height:1.35}

  /* Benefits: six items in 3 rows instead of one very long column */
  .home-2026 .section--benefits{padding:66px 0}
  .home-2026 .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .home-2026 .benefits-grid>div{min-height:145px;padding:16px 14px;border-radius:16px}
  .home-2026 .benefits-grid strong{font-size:.88rem;line-height:1.3}
  .home-2026 .benefits-grid p{font-size:.71rem;line-height:1.45}

  /* About: logo remains a visual signature, but no longer dominates a full screen */
  .home-2026 #o-nas .about-grid{gap:28px}
  .home-2026 #o-nas .about-visual{min-height:235px;border-radius:22px}
  .home-2026 #o-nas .about-visual:after{inset:14px;border-radius:16px}
  .home-2026 #o-nas .about-visual__logo-image{width:min(70%,250px)}
  .home-2026 #o-nas p{font-size:.9rem;line-height:1.62}

  /* FAQ + closing contact */
  .home-2026 #faq .faq-list{gap:7px}
  .home-2026 #faq .faq-list details{padding-inline:16px;border-radius:15px}
  .home-2026 #faq .faq-list summary{padding:17px 2px;font-size:.88rem}
  .home-2026 #faq .faq-list p{font-size:.82rem;line-height:1.55}
  .home-2026 .contact{padding:58px 0}
  .home-2026 .contact-grid{gap:24px}
  .home-2026 .contact h2{font-size:clamp(2.05rem,9vw,2.75rem)}
  .home-2026 .contact-grid>div:first-child p:not(.eyebrow){font-size:.9rem;line-height:1.58}
  .home-2026 .contact-mini-grid{gap:7px}
  .home-2026 .contact-mini{padding:11px 12px;border-radius:13px}
  .home-2026 .contact-mini small{font-size:.63rem}
  .home-2026 .contact-mini strong{font-size:.79rem}
  .home-2026 .contact-form{padding:20px 17px;border-radius:20px}
  .home-2026 .contact-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 9px}
  .home-2026 .contact-form .form-field:nth-child(1),
  .home-2026 .contact-form .form-field:nth-child(2),
  .home-2026 .contact-form .form-field--full{grid-column:1/-1}
  .home-2026 .contact-form label{font-size:.72rem;line-height:1.25}
  .home-2026 .contact-form input,
  .home-2026 .contact-form select{min-height:44px;padding:9px 10px;font-size:.82rem}
  .home-2026 .contact-form textarea{min-height:108px;padding:10px;font-size:.82rem;line-height:1.45}
  .home-2026 .contact-form .form-actions{gap:9px;margin-top:12px}
  .home-2026 .contact-form .form-actions .btn{min-height:46px}
  .home-2026 .contact-form .form-note{font-size:.68rem;line-height:1.42}

  /* Footer: one compact address block, no repeated phone/email and no duplicate cities */
  .home-2026 .footer{padding-top:42px}
  .home-2026 .footer-grid{grid-template-columns:1fr 1fr;gap:20px 16px}
  .home-2026 .footer-grid>div:first-child{grid-column:1/-1}
  .home-2026 .footer-grid p{font-size:.76rem;line-height:1.5}
  .home-2026 .footer .footer-offices~.footer-offices{display:none!important}
  .home-2026 .footer-offices .footer-office-card:nth-of-type(n+3){display:none!important}
  .home-2026 .footer-offices{grid-template-columns:1fr!important;gap:8px;margin-top:18px;padding-top:18px}
  .home-2026 .footer-offices__intro{padding:0 0 8px}
  .home-2026 .footer-offices__intro>span{margin-bottom:5px;font-size:.62rem}
  .home-2026 .footer-offices__intro>strong{margin-bottom:7px;font-size:1.13rem}
  .home-2026 .footer-offices__intro p,
  .home-2026 .footer-offices__intro>a[href^="tel:"],
  .home-2026 .footer-offices__intro>a[href^="mailto:"]{display:none}
  .home-2026 .footer-offices__intro>a.footer-google-profile{margin-top:7px;font-size:.76rem}
  .home-2026 .footer-office-card{padding:13px 14px;border-radius:14px}
  .home-2026 .footer-office-card__city{margin-bottom:5px;font-size:.61rem}
  .home-2026 .footer-office-card>strong{margin-bottom:4px;font-size:.95rem}
  .home-2026 .footer-office-card address{font-size:.76rem;line-height:1.4}
  .home-2026 .footer-office-card__hours{margin:6px 0 0;font-size:.7rem;line-height:1.4}
  .home-2026 .footer-office-card__actions{flex-direction:row;gap:8px 14px;margin-top:9px}
  .home-2026 .footer-office-card__actions a{font-size:.71rem}
  .home-2026 .page-footer-links{gap:8px 12px;padding-top:17px;font-size:.72rem}
  .home-2026 .footer-bottom{padding-right:132px;font-size:.64rem;line-height:1.4}
}

@media (max-width:390px){
  .home-2026 #jak-dzialamy .steps{grid-template-columns:1fr 1fr}
  .home-2026 #jak-dzialamy .steps article{padding:15px 12px}
  .home-2026 #nowoczesna-wspolpraca .communication-feature{padding:13px 11px}
  .home-2026 .benefits-grid>div{padding:14px 11px}
  .home-2026 .contact-form{padding:18px 14px}
  .home-2026 .contact-form .form-grid{gap:9px 7px}
}

@media (prefers-reduced-motion:reduce){
  .home-2026 #dla-kogo .audience-grid,
  .home-2026 #oferta .cards--4,
  .home-2026 .knowledge-teaser .knowledge-grid--teaser,
  .home-2026 .trust-section .trust-grid,
  .home-2026 .switch-office__steps{scroll-behavior:auto}
}