/* ============================================================
   NKTEX — витрина каталога: адаптив.
   Подключается после nktex-showcase.css (медиа-запрос специфичности
   не добавляет — решает порядок файлов).
   ============================================================ */

/* планшет-ландшафт: карточки разделов в одну колонку, но внутри всё как было */
@media (max-width:1199px){
  .nktex-secs{grid-template-columns:1fr}
}

@media (max-width:991px){
  .nktex-sec{
    grid-template-columns:180px minmax(0,1fr);
    gap:20px;
    padding:20px;
  }
  .nktex-sec--nophoto{grid-template-columns:minmax(0,1fr)}
  .nktex-sec-ph{width:180px;height:180px}
  .nktex-cat .nktex-sec-nm{font-size:20px}
  .nktex-sec-ct{font-size:17px}

  .nktex-shopreq{padding:22px 24px;gap:20px}
  .nktex-shopreq-t{font-size:19px}
}

@media (max-width:767px){
  .nktex-shophead{margin-bottom:18px}

  /* фото над текстом: в колонку 180px карточка на телефоне не помещается */
  .nktex-sec{
    grid-template-columns:1fr;
    gap:16px;
    padding:16px;
  }
  .nktex-sec-ph{
    width:100%;max-width:260px;height:auto;
    aspect-ratio:1/1;
    margin:0 auto;
  }
  .nktex-cat .nktex-sec-nm{font-size:18px}
  .nktex-sec-ct{font-size:16px}
  .nktex-sec-desc{margin:8px 0 10px;font-size:13.5px}

  .nktex-sec-subs{columns:1}
  .nktex-sec-subrow{font-size:14.5px}
  .nktex-sec-foot{padding-top:14px;font-size:14.5px}

  .nktex-shopreq{
    margin-top:26px;
    padding:18px;
    gap:16px;
  }
  .nktex-shopreq-t{font-size:17px}
  .nktex-shopreq-txt p{font-size:14px}
  .nktex-shopreq-btns{width:100%}
  .nktex-cat .nktex-shopreq-btn,
  .nktex-cat .nktex-shopreq-wa{
    flex:1 1 100%;
    height:46px;
    padding:0 18px;
    font-size:14.5px;
  }

  .nktex-shopdesc{padding-top:32px}
}

/* узкие телефоны: проверяем от 360px */
@media (max-width:420px){
  .nktex-sec{padding:14px}
  .nktex-sec-ph{max-width:100%}
  .nktex-sec-head{gap:10px}
  .nktex-cat .nktex-sec-nm{font-size:17px}
  .nktex-sec-subs2{gap:2px 8px}
}