/* Najmex 2026-09-27: mobile-first katalog ogłoszeń.
   Cel: prawdziwe oferty mają pojawiać się znacznie wyżej na ekranie telefonu.
   Desktop pozostaje bez zmian. */
@media (max-width:700px){
  .nx-market-page .nx-market-top{
    width:calc(100% - 16px)!important;
    margin-top:8px!important;
    padding:14px 0 12px!important;
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(10,44,73,.055)!important;
  }
  .nx-market-page .nx-market-top>.container,
  .nx-market-page .container{width:calc(100% - 20px)!important}

  /* Na telefonie nie zabieramy pierwszego ekranu na okruszki i rozbudowane intro. */
  .nx-market-breadcrumbs{display:none!important}
  .nx-market-hero-copy{margin:0 0 9px!important;max-width:none!important}
  .nx-market-kicker{font-size:9px!important;letter-spacing:.06em!important}
  .nx-market-hero-copy h1{
    margin:4px 0 6px!important;
    font-size:30px!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
  }
  .nx-market-hero-copy h1 br{display:none!important}
  .nx-market-hero-copy h1 em{display:inline!important}
  .nx-market-hero-copy p{
    margin:0!important;
    max-width:none!important;
    font-size:12px!important;
    line-height:1.45!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  /* Wyszukiwarka zostaje kompletna, ale zajmuje ok. połowę wcześniejszej wysokości. */
  .nx-market-page .nx-search-box{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    margin:10px 0 8px!important;
    border-radius:12px!important;
    overflow:hidden!important;
    box-shadow:0 8px 22px rgba(12,49,84,.075)!important;
  }
  .nx-market-page .nx-search-main{grid-column:1/-1!important}
  .nx-market-page .nx-search-field{
    min-width:0!important;
    padding:7px 9px!important;
    border-bottom:1px solid #e1e9ef!important;
  }
  .nx-market-page .nx-search-field:nth-of-type(2){border-right:1px solid #e1e9ef!important}
  .nx-market-page .nx-search-field span{font-size:8.5px!important;margin-bottom:2px!important}
  .nx-market-page .nx-search-field input,
  .nx-market-page .nx-search-field select{min-height:29px!important;font-size:12px!important}
  .nx-market-page .nx-search-box button{
    grid-column:1/-1!important;
    min-height:40px!important;
    padding:8px 12px!important;
    border-radius:0!important;
    font-size:12.5px!important;
  }

  /* Kategorie jako poziome, przewijane skróty zamiast wysokiej siatki kart. */
  .nx-market-categories{
    display:flex!important;
    grid-template-columns:none!important;
    gap:7px!important;
    margin:7px 0 0!important;
    padding:1px 1px 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .nx-market-categories::-webkit-scrollbar{display:none}
  .nx-market-categories a{
    flex:0 0 auto!important;
    min-width:116px!important;
    display:flex!important;
    align-items:center!important;
    grid-template-columns:none!important;
    gap:7px!important;
    padding:7px 9px!important;
    border-radius:11px!important;
    scroll-snap-align:start;
  }
  .nx-category-icon{width:30px!important;height:30px!important;min-width:30px!important;font-size:10px!important}
  .nx-market-categories strong{font-size:11px!important;white-space:nowrap!important}
  .nx-market-categories small{display:none!important}

  /* Te elementy są przydatne na desktopie, ale na telefonie spychały oferty za daleko. */
  .nx-market-quicklinks,
  .nx-market-trust-row{display:none!important}

  /* Wyniki zaczynają się od razu po wyszukiwaniu. */
  .nx-market-wrap{padding-top:10px!important;padding-bottom:42px!important}
  .nx-filter-toggle{
    width:100%!important;
    min-height:40px!important;
    justify-content:center!important;
    margin:0 0 8px!important;
    border-radius:11px!important;
  }
  .nx-market-layout{gap:8px!important}
  .nx-results-bar{
    margin:0!important;
    padding:12px 13px!important;
    border-radius:13px!important;
  }
  .nx-results-bar>div>span{font-size:10px!important}
  .nx-results-bar h2{margin-top:2px!important;font-size:17px!important;line-height:1.25!important}
  .nx-sort{margin-top:8px!important}
  .nx-sort span{font-size:9px!important}
  .nx-sort select{height:38px!important;font-size:12px!important}
  .nx-chips{margin:7px 0!important;gap:5px!important}
  .nx-chips span{padding:5px 8px!important;font-size:9.5px!important}

  .nx-offers-list{gap:10px!important}
  .nx-offer{border-radius:14px!important}
  .nx-offer-img{height:178px!important;min-height:178px!important}
  .nx-offer-content{padding:13px 14px!important;gap:9px!important}
  .nx-offer h3{font-size:17px!important;line-height:1.25!important}
  .nx-offer p{font-size:10.5px!important}
  .nx-price{margin-top:7px!important;font-size:18px!important}
  .nx-meta{gap:5px!important}.nx-meta span{padding:5px 7px!important;font-size:9.5px!important}
  .nx-tags{gap:5px!important}.nx-tags span{padding:5px 7px!important;font-size:9px!important}
}

@media (max-width:430px){
  .nx-market-hero-copy h1{font-size:28px!important}
  .nx-market-page .nx-search-field{padding:6px 8px!important}
  .nx-market-categories a{min-width:108px!important}
  .nx-offer-img{height:165px!important;min-height:165px!important}
}

/* v6: bezpieczna typografia mobilna. Zapobiega nachodzeniu wierszy na małych ekranach. */
@media (max-width:700px){
  .nx-market-hero-copy h1{
    font-size:clamp(27px,8.6vw,32px)!important;
    line-height:1.16!important;
    letter-spacing:-.025em!important;
    max-width:100%!important;
    white-space:normal!important;
    text-wrap:balance;
  }
  .nx-market-hero-copy h1 br{
    display:block!important;
  }
  .nx-market-hero-copy h1 em{
    display:block!important;
    line-height:1.16!important;
    margin-top:.06em!important;
    white-space:normal!important;
  }
  .nx-results-bar h2,
  .nx-market-seo-head h2,
  .nx-market-faq h2{
    line-height:1.18!important;
    letter-spacing:-.02em!important;
    overflow-wrap:break-word;
  }
  .nx-offer h3{
    line-height:1.30!important;
    overflow-wrap:break-word;
  }
}

@media (max-width:360px){
  .nx-market-hero-copy h1{
    font-size:26px!important;
    line-height:1.18!important;
  }
  .nx-market-hero-copy h1 em{line-height:1.18!important}
}