/* ZLOT V460 - mobil logo + sosyal simge ayni satir */
@media (max-width: 820px){
  html body .z401-header{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:10px !important;
    padding:10px 12px !important;
    min-height:78px !important;
    flex-direction:row !important;
  }

  html body .z401-brand-panel{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
  }

  html body .z401-brand{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    flex:1 1 auto !important;
    overflow:visible !important;
  }

  html body .z401-brand img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-height:64px !important;
    max-width:min(220px, calc(100vw - 152px)) !important;
    min-width:130px !important;
    object-fit:contain !important;
    object-position:left center !important;
    flex:0 0 auto !important;
  }

  html body .z401-wordmark{
    font-size:54px !important;
    line-height:.9 !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
  }

  html body .z401-socials{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    align-self:center !important;
    gap:7px !important;
    width:auto !important;
    min-width:max-content !important;
    margin:0 0 0 auto !important;
    padding:0 !important;
    flex:0 0 auto !important;
  }

  html body .z401-socials a{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    flex:0 0 32px !important;
    font-size:16px !important;
    line-height:1 !important;
    border-radius:50% !important;
    margin:0 !important;
  }
}

@media (max-width: 420px){
  html body .z401-header{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:7px !important;
    padding:9px 10px !important;
    min-height:72px !important;
  }

  html body .z401-brand img{
    max-height:58px !important;
    max-width:min(200px, calc(100vw - 136px)) !important;
    min-width:118px !important;
  }

  html body .z401-wordmark{
    font-size:48px !important;
  }

  html body .z401-socials{
    gap:5px !important;
  }

  html body .z401-socials a{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    flex-basis:30px !important;
    font-size:15px !important;
  }
}