/* LOGOS Danismanlik — Mobile 4.2/4.3 app-like polish.
   Loaded after Mobile Polish 1. Keeps content/SEO intact and reduces vertical density. */

/* Visual 4.0 hid everything in the hero panel except .v4-desk.
   Visual 4.1 replaces it with .v41-desk, so explicitly keep the new desk visible. */
body.visual-v4.visual-v41 .hero__brand-panel>.v41-desk{display:flex!important}

@media (max-width:650px){
  /* Top strip: preserve phone + languages; move e-mail to contact sections/footer on very small screens. */
  body.visual-v4 .topbar__contacts a:nth-child(n+2){display:none!important}
  body.visual-v4 .topbar__inner{min-height:38px!important;padding:5px 0!important}
  body.visual-v4 .topbar__contacts{font-size:11px!important}

  /* Header: compact at the top and significantly smaller in the floating state. */
  body.visual-v4 .nav-wrap{min-height:76px!important;padding-left:10px!important;padding-right:10px!important}
  body.visual-v4 .brand img{width:min(220px,58vw)!important;max-height:58px!important}
  body.visual-v4 .nav-toggle{min-height:44px!important;padding:8px 13px!important}
  body.visual-v4.v4-scrolled .nav-wrap{
    min-height:62px!important;
    width:calc(100% - 16px)!important;
    margin:6px auto 0!important;
    padding:0 8px!important;
    border-radius:18px!important;
  }
  body.visual-v4.v4-scrolled .brand img{width:min(174px,48vw)!important;max-height:40px!important}
  body.visual-v4.v4-scrolled .nav-toggle{min-height:40px!important;padding:7px 11px!important;font-size:13px!important}
  body.visual-v4.v4-scrolled .header-language__toggle{height:40px!important;min-width:52px!important;padding:0 10px!important}

  /* Hero: two concise CTAs and swipeable info chips. */
  body.visual-v4 .hero,body.visual-v4.visual-v41 .hero{min-height:0!important;padding-bottom:42px!important}
  body.visual-v4 .hero__grid,body.visual-v4.visual-v41 .hero__grid{min-height:0!important;gap:28px!important}
  body.visual-v4 .hero__actions{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:22px!important}
  body.visual-v4 .hero__actions .btn{min-height:46px!important;padding:10px 11px!important;font-size:13px!important}
  body.visual-v4 .hero__badges,body.visual-v4.visual-v41 .hero__badges{
    display:flex!important;
    grid-template-columns:none!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    overflow-x:auto!important;
    margin-left:-2px!important;
    margin-right:-12px!important;
    padding:0 12px 5px 2px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.visual-v4 .hero__badges::-webkit-scrollbar{display:none}
  body.visual-v4 .hero__badges>*{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:7px 10px!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
    font-size:10.5px!important;
  }

  /* Digital Desk: content-sized on mobile. The previous min-height left a large empty lower half. */
  body.visual-v4 .hero__brand-panel,body.visual-v4.visual-v41 .hero__brand-panel{
    min-height:0!important;
    height:auto!important;
    padding:10px!important;
    border-radius:22px!important;
  }
  body.visual-v4.visual-v41 .hero__brand-panel>.v41-desk{display:flex!important}
  .v41-desk{min-height:0!important;height:auto!important;padding:12px!important}
  .v41-desk__intro{padding:11px 0 9px!important}
  .v41-desk__intro strong{font-size:19px!important;max-width:270px}
  .v41-desk__workspace{min-height:0!important}
  .v41-desk__flow{min-height:146px!important;padding:10px!important}
  .v41-desk__label b{display:none!important}
  .v41-desk__route{margin:17px 2px 9px!important;height:34px!important}
  .v41-desk__route:before{top:15px!important}
  .v41-desk__route span{top:7px!important;width:16px!important;height:16px!important}
  .v41-desk__flowmeta{gap:6px!important}
  .v41-desk__metric{padding:7px 8px!important}
  .v41-desk__metric small{font-size:7px!important}
  .v41-desk__metric strong{margin-top:3px!important;font-size:10px!important}
  .v41-desk__footer{align-items:center!important;margin-top:10px!important;padding-top:10px!important}
  .v41-desk__ai{max-width:66%;line-height:1.25!important}
  .v41-desk__langs b{min-width:24px!important;height:23px!important;font-size:7px!important}

  /* Growth cards: one card in focus + the next card peeking in. */
  .growth-launch{padding:44px 0 50px!important}
  .growth-launch__head h2{font-size:clamp(36px,9.7vw,44px)!important;line-height:1.02!important}
  .growth-launch__grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:11px!important;
    overflow-x:auto!important;
    margin-left:0!important;
    margin-right:calc((100vw - 100%)/-2)!important;
    padding:1px max(24px,calc((100vw - 100%)/2)) 12px 0!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .growth-launch__grid::-webkit-scrollbar{display:none}
  .growth-launch__card{
    flex:0 0 min(82vw,330px)!important;
    min-height:205px!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    box-shadow:0 14px 34px rgba(3,24,45,.09)!important;
  }
  .growth-launch__footer{padding-top:15px!important}
  .growth-launch__footer-links{display:flex!important;gap:8px 14px!important;flex-wrap:wrap!important}

  /* Services: stable family-aware grid. The previous horizontal flex gallery mixed
     family headings and service cards in one row, which could collapse legal cards. */
  body.visual-v4 #uslugi .services-grid,body.visual-v4.visual-v41 #uslugi .services-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    overflow:visible!important;
    margin-right:0!important;
    padding:0!important;
    scroll-snap-type:none!important;
  }
  body.visual-v4 #uslugi .service-family-heading,body.visual-v4.visual-v41 #uslugi .service-family-heading{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    margin:24px 0 2px!important;
    padding-bottom:12px!important;
  }
  body.visual-v4 #uslugi .service-family-heading:first-child,body.visual-v4.visual-v41 #uslugi .service-family-heading:first-child{margin-top:0!important}
  body.visual-v4 #uslugi .services-grid>.service-card:nth-child(n),body.visual-v4.visual-v41 #uslugi .services-grid>.service-card:nth-child(n){
    grid-column:auto!important;
    width:auto!important;
    min-width:0!important;
    flex:none!important;
    min-height:330px!important;
    padding:180px 16px 20px!important;
    scroll-snap-align:none!important;
  }
  body.visual-v4 #uslugi .v41-service-ui{left:14px!important;right:14px!important;top:53px!important;height:108px!important}
  body.visual-v4 #uslugi .service-card h3{font-size:20px!important;line-height:1.08!important}
  body.visual-v4 #uslugi .service-card>p{font-size:13px!important;line-height:1.55!important}
  body.visual-v4 #uslugi .service-card__phones{gap:6px!important}
  body.visual-v4 #uslugi .service-card__phones a{font-size:10px!important;padding:6px 7px!important}

  /* Horizontal service strip rather than tiny wrapped labels. */
  body.visual-v4 .service-strip__inner{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    padding:9px 2px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.visual-v4 .service-strip__inner::-webkit-scrollbar{display:none}
  body.visual-v4 .service-strip__inner>*{flex:0 0 auto!important;white-space:nowrap!important}

  /* Slightly shorter sections improve scan rhythm on a long homepage. */
  body.visual-v4 .section,body.visual-v4.visual-v41 .section{padding:60px 0!important}

  /* WhatsApp remains accessible but becomes a compact circular control on phones. */
  .whatsapp-assistant{right:10px!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
  .whatsapp-assistant__launcher{
    width:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    padding:8px!important;
    gap:0!important;
    border-radius:50%!important;
  }
  .whatsapp-assistant__launcher-icon{width:34px!important;height:34px!important}
  .whatsapp-assistant__launcher>span:last-child{display:none!important}
}

@media (max-width:520px){
  body.visual-v4 #uslugi .services-grid,body.visual-v4.visual-v41 #uslugi .services-grid{grid-template-columns:1fr!important}
  body.visual-v4 #uslugi .service-family-heading,body.visual-v4.visual-v41 #uslugi .service-family-heading{grid-column:1!important}
  body.visual-v4 #uslugi .services-grid>.service-card:nth-child(n),body.visual-v4.visual-v41 #uslugi .services-grid>.service-card:nth-child(n){grid-column:1!important;min-height:318px!important}
}

@media (max-width:390px){
  body.visual-v4 .hero__actions{grid-template-columns:1fr!important}
  .growth-launch__card{flex-basis:86vw!important}
  .v41-desk__intro strong{font-size:18px!important}
  .v41-desk__ai{max-width:72%!important}
}

/* Mobile 4.4 — premium lower-homepage compression.
   All content stays in the DOM; long stacks become focused swipe rails. */
@media (max-width:650px){
  body.visual-v4 #specjalizacje,
  body.visual-v4 #dla-kogo,
  body.visual-v4 #jak-pracujemy,
  body.visual-v4 #dlaczego-logos,
  body.visual-v4 #nowoczesna-obsluga,
  body.visual-v4 #zespol,
  body.visual-v4 #partnerzy,
  body.visual-v4 #lokalizacje,
  body.visual-v4 #faq,
  body.visual-v4 #kontakt{padding-top:48px!important;padding-bottom:48px!important}

  body.visual-v4 #dla-kogo .section-heading,
  body.visual-v4 #jak-pracujemy .section-heading,
  body.visual-v4 #zespol .section-heading,
  body.visual-v4 #lokalizacje .section-heading,
  body.visual-v4 #faq .section-heading{margin-bottom:24px!important}

  body.visual-v4 #dla-kogo .section-heading h2,
  body.visual-v4 #jak-pracujemy .section-heading h2,
  body.visual-v4 #lokalizacje .section-heading h2,
  body.visual-v4 #zespol .section-heading h2{font-size:clamp(30px,9vw,42px)!important;line-height:1.02!important}

  body.visual-v4 .landing-audiences__grid,
  body.visual-v4 .landing-process__grid,
  body.visual-v4 .landing-reasons__grid,
  body.visual-v4 .team-grid,
  body.visual-v4 .locations-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    margin-right:calc((100vw - 100%)/-2)!important;
    padding:2px max(24px,calc((100vw - 100%)/2)) 14px 0!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.visual-v4 .landing-audiences__grid::-webkit-scrollbar,
  body.visual-v4 .landing-process__grid::-webkit-scrollbar,
  body.visual-v4 .landing-reasons__grid::-webkit-scrollbar,
  body.visual-v4 .team-grid::-webkit-scrollbar,
  body.visual-v4 .locations-grid::-webkit-scrollbar{display:none}

  body.visual-v4 .landing-audience-card{
    flex:0 0 min(82vw,330px)!important;
    min-height:206px!important;
    padding:24px!important;
    border-radius:24px!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    box-shadow:0 16px 38px rgba(7,29,50,.08)!important;
  }
  body.visual-v4 .landing-audience-card h3{font-size:22px!important;line-height:1.08!important}
  body.visual-v4 .landing-audience-card p{font-size:14px!important;line-height:1.5!important}

  body.visual-v4 .landing-process__grid>article{
    flex:0 0 min(80vw,320px)!important;
    min-height:188px!important;
    padding:24px!important;
    border-radius:22px!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }

  body.visual-v4 .landing-reasons__grid>article{
    flex:0 0 min(78vw,310px)!important;
    min-height:190px!important;
    padding:22px!important;
    border-radius:22px!important;
    scroll-snap-align:start;
  }
  body.visual-v4 .landing-reasons__cta{margin-top:18px!important;padding:22px!important;border-radius:22px!important;gap:16px!important}
  body.visual-v4 .landing-reasons__cta .btn{width:100%!important;text-align:center!important}

  body.visual-v4 .person-card{
    flex:0 0 min(78vw,300px)!important;
    min-height:130px!important;
    border-radius:22px!important;
    scroll-snap-align:start;
    box-shadow:0 14px 34px rgba(3,24,45,.08)!important;
  }

  body.visual-v4 .partner-teaser__card{
    min-height:0!important;
    padding:24px!important;
    border-radius:26px!important;
    gap:22px!important;
  }
  body.visual-v4 .partner-teaser__copy h2{font-size:clamp(32px,9vw,44px)!important;line-height:1!important;margin-bottom:14px!important}
  body.visual-v4 .partner-teaser__copy>p:not(.eyebrow){font-size:16px!important;line-height:1.55!important;margin-bottom:18px!important}
  body.visual-v4 .partner-teaser__action{display:inline-flex!important;margin-top:0!important}
  body.visual-v4 .partner-teaser__identity{
    min-height:170px!important;
    padding:24px!important;
    border-radius:20px!important;
  }
  body.visual-v4 .partner-teaser__identity span{font-size:34px!important}
  body.visual-v4 .partner-teaser__identity strong{font-size:21px!important;letter-spacing:.16em!important}

  body.visual-v4 .location-card{
    flex:0 0 min(82vw,330px)!important;
    min-height:190px!important;
    padding:24px!important;
    border-radius:24px!important;
    scroll-snap-align:start;
    box-shadow:0 16px 38px rgba(7,29,50,.07)!important;
  }
  body.visual-v4 .location-card h3{font-size:22px!important;line-height:1.14!important}

  body.visual-v4 .landing-faq__list{gap:8px!important}
  body.visual-v4 .landing-faq__list details{border-radius:18px!important}
  body.visual-v4 .landing-faq__list summary{padding:17px 18px!important;font-size:15px!important}
  body.visual-v4 .landing-faq__list details p{padding:0 18px 18px!important;font-size:14px!important;line-height:1.55!important}
  body.visual-v4 .contact-grid{gap:24px!important}
  body.visual-v4 .contact-copy h2{font-size:clamp(36px,11vw,52px)!important;line-height:.98!important}

  .whatsapp-assistant__launcher{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:7px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .growth-launch__grid,
  .landing-audiences__grid,
  .landing-process__grid,
  .landing-reasons__grid,
  .team-grid,
  .locations-grid{scroll-behavior:auto!important}
}