/* LOGOS Danismanlik — responsive polish after static Visual 4 rollout.
   Purpose: make 900–1100px layouts behave like a real tablet/mobile UI,
   prevent squeezed desktop navigation and improve hero/Growth readability. */

@media (max-width:1100px){
  body.visual-v4 .container{width:min(100% - 32px,1240px)!important}

  /* Header: switch to the compact drawer earlier, before desktop nav becomes cramped. */
  body.visual-v4 .site-header{overflow:visible!important}
  body.visual-v4 .nav-wrap{
    position:relative!important;
    min-height:76px!important;
    padding:0 14px!important;
    gap:14px!important;
  }
  body.visual-v4 .brand{min-width:0!important}
  body.visual-v4 .brand img{width:230px!important;max-width:52vw!important;height:auto!important}
  body.visual-v4 .nav-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    margin-left:auto!important;
    padding:9px 14px!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(3,24,45,.06)!important;
  }
  body.visual-v4 .main-nav{
    display:none!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:calc(100% + 7px)!important;
    z-index:220!important;
    width:auto!important;
    max-height:min(70vh,580px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    padding:12px!important;
    border:1px solid rgba(16,32,54,.10)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 28px 70px rgba(3,24,45,.20)!important;
    backdrop-filter:blur(22px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  }
  body.visual-v4 .main-nav.is-open{display:flex!important}
  body.visual-v4 .main-nav>a:not(.btn){width:100%!important;padding:10px 12px!important;border-radius:11px!important;font-size:15px!important;line-height:1.3!important}
  body.visual-v4 .main-nav>a:not(.btn):after{display:none!important}
  body.visual-v4 .main-nav>a:not(.btn):hover,body.visual-v4 .main-nav>a:not(.btn):focus-visible{background:#f2f5f7!important}
  body.visual-v4 .main-nav>.btn{width:100%!important;min-height:46px!important;margin-top:5px!important;border-radius:12px!important}
  body.visual-v4 .nav-service-groups{width:100%!important;display:grid!important;gap:5px!important}
  body.visual-v4 .nav-services{width:100%!important}
  body.visual-v4 .nav-services__toggle{width:100%!important;min-height:46px!important;padding:0 12px!important;border-radius:11px!important;font-size:15px!important}
  body.visual-v4 .nav-services__menu{max-height:240px!important;overflow:auto!important;border-radius:12px!important}
  body.visual-v4.v4-scrolled .nav-wrap{width:calc(100% - 20px)!important;margin-top:7px!important;padding:0 12px!important}
  body.visual-v4.v4-scrolled .main-nav{padding-right:12px!important}
  body.visual-v4.v4-scrolled .header-language{right:72px!important}

  /* Hero: stack sooner so the product panel does not become a narrow dark rectangle. */
  body.visual-v4 .hero,body.visual-v4.visual-v41 .hero{min-height:auto!important;padding:64px 0 70px!important}
  body.visual-v4 .hero__grid,body.visual-v4.visual-v41 .hero__grid{
    grid-template-columns:1fr!important;
    gap:38px!important;
    min-height:auto!important;
  }
  body.visual-v4 .hero__content,body.visual-v4.visual-v41 .hero__content{max-width:820px!important}
  body.visual-v4 .hero h1,body.visual-v4.visual-v41 .hero h1{font-size:clamp(46px,7.6vw,68px)!important;line-height:1.01!important;max-width:760px!important}
  body.visual-v4 .hero__brand-panel,body.visual-v4.visual-v41 .hero__brand-panel{
    width:100%!important;
    max-width:760px!important;
    min-height:430px!important;
    margin:0 auto!important;
    transform:none!important;
  }
  .v41-desk__workspace{grid-template-columns:1fr 1fr!important}
  .v41-desk__queue{display:flex!important}

  /* Growth: more readable at tablet widths. */
  .growth-launch{padding:64px 0 68px!important}
  .growth-launch__head{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:24px!important}
  .growth-launch__head h2{font-size:clamp(34px,5.5vw,50px)!important;max-width:760px!important}
  .growth-launch__head p{max-width:780px!important;font-size:16px!important}
  .growth-launch__grid{grid-template-columns:1fr 1fr!important;gap:14px!important}
  .growth-launch__card{min-height:200px!important}
}

@media (max-width:650px){
  body.visual-v4 .container{width:min(100% - 24px,1240px)!important}

  body.visual-v4 .topbar__inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:7px 0!important;
  }
  body.visual-v4 .topbar__contacts{gap:2px!important;min-width:0!important;font-size:12px!important;line-height:1.45!important}
  body.visual-v4 .topbar__contacts a{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.visual-v4 .lang-switch a,body.visual-v4 .lang-switch span{padding:4px 7px!important;font-size:11px!important}

  body.visual-v4 .nav-wrap{min-height:70px!important;padding:0 10px!important}
  body.visual-v4 .brand img{width:178px!important;max-width:58vw!important}
  body.visual-v4 .nav-toggle{min-height:44px!important;padding:8px 12px!important;font-size:14px!important}
  body.visual-v4 .main-nav{left:8px!important;right:8px!important;top:calc(100% + 6px)!important;max-height:66vh!important;padding:10px!important;border-radius:18px!important}
  body.visual-v4 .main-nav>a:not(.btn){padding:9px 11px!important;font-size:14px!important}
  body.visual-v4 .nav-services__toggle{min-height:44px!important;font-size:14px!important}
  body.visual-v4 .main-nav>.btn{min-height:44px!important}
  body.visual-v4.v4-scrolled .nav-wrap{min-height:62px!important;width:calc(100% - 12px)!important;margin-top:5px!important}
  body.visual-v4.v4-scrolled .brand img{width:160px!important;max-height:42px!important}
  body.visual-v4.v4-scrolled .header-language{display:none!important}

  body.visual-v4 .hero,body.visual-v4.visual-v41 .hero{padding:42px 0 48px!important}
  body.visual-v4 .hero__grid,body.visual-v4.visual-v41 .hero__grid{gap:30px!important}
  body.visual-v4 .hero .eyebrow{font-size:10px!important;letter-spacing:.13em!important;padding:6px 9px!important}
  body.visual-v4 .hero h1,body.visual-v4.visual-v41 .hero h1{font-size:clamp(39px,11.4vw,50px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin-bottom:18px!important}
  body.visual-v4 .hero__lead,body.visual-v4.visual-v41 .hero__lead{font-size:16px!important;line-height:1.58!important}
  body.visual-v4 .hero__actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:24px!important}
  body.visual-v4 .hero__actions .btn{width:100%!important;min-height:48px!important}
  body.visual-v4 .hero__badges,body.visual-v4.visual-v41 .hero__badges{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:18px!important}
  body.visual-v4 .hero__badges span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 8px!important;text-align:center!important;font-size:11px!important}

  body.visual-v4 .hero__brand-panel,body.visual-v4.visual-v41 .hero__brand-panel{
    min-height:330px!important;
    padding:9px!important;
    border-radius:24px!important;
  }
  .v41-desk{min-height:310px!important;padding:14px!important}
  .v41-desk__top{gap:8px!important;padding-bottom:11px!important}
  .v41-desk__brand{font-size:10px!important}.v41-desk__brand i{width:27px!important;height:27px!important;border-radius:8px!important}
  .v41-desk__status{padding:6px 8px!important;font-size:8px!important}
  .v41-desk__intro{padding:14px 0 11px!important}.v41-desk__intro small{font-size:8px!important}.v41-desk__intro strong{font-size:21px!important}
  .v41-desk__workspace{grid-template-columns:1fr!important;min-height:145px!important}
  .v41-desk__queue{display:none!important}
  .v41-desk__flow{padding:12px!important;border-radius:15px!important}
  .v41-desk__route{margin:22px 2px 13px!important;height:40px!important}.v41-desk__route:before{top:18px!important}.v41-desk__route span{top:10px!important}
  .v41-desk__metric{padding:8px 9px!important}.v41-desk__metric strong{font-size:11px!important}
  .v41-desk__footer{gap:8px!important;padding-top:10px!important;font-size:8px!important}.v41-desk__ai{padding:6px 8px!important}.v41-desk__ai:before{width:19px!important;height:19px!important}
  .v41-desk__langs b{min-width:22px!important;height:21px!important;padding:0 4px!important;font-size:7px!important}
  .v41-desk__float{display:none!important}

  .growth-launch{padding:48px 0 54px!important}
  .growth-launch__head{margin-bottom:20px!important}
  .growth-launch__head h2{font-size:clamp(31px,9.4vw,40px)!important;line-height:1.04!important}
  .growth-launch__head p{font-size:15px!important;line-height:1.62!important}
  .growth-launch__grid{grid-template-columns:1fr!important;gap:11px!important}
  .growth-launch__card{min-height:168px!important;padding:20px!important;border-radius:18px!important}
  .growth-launch__card small{margin-bottom:11px!important}
  .growth-launch__card h3{font-size:20px!important}
  .growth-launch__card p{font-size:14px!important}
  .growth-launch__action{padding-top:16px!important}
  .growth-launch__footer{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;margin-top:18px!important}
  .growth-launch__footer-links{display:grid!important;gap:8px!important}

  body.visual-v4 .section,body.visual-v4.visual-v41 .section{padding:66px 0!important}
  body.visual-v4 .section-heading h2,body.visual-v4.visual-v41 .section-heading h2{font-size:clamp(32px,9.6vw,42px)!important}
  body.visual-v4 .service-strip__inner{padding:9px 0!important;gap:8px!important;font-size:11px!important}
}

@media (max-width:390px){
  body.visual-v4 .brand img{width:164px!important;max-width:56vw!important}
  body.visual-v4 .nav-toggle{padding:8px 10px!important}
  body.visual-v4 .hero h1,body.visual-v4.visual-v41 .hero h1{font-size:38px!important}
  body.visual-v4 .hero__badges,body.visual-v4.visual-v41 .hero__badges{grid-template-columns:1fr!important}
}