/*
 * «Работа»: широкие десктопные плитки «Ищу работу» / «Ищу сотрудника».
 * Разметка: resources/views/categories/show.blade.php (.job-desktop-cards).
 * ≥1200px — показываем широкие плитки, скрываем обычную карусель (.job-mobile-cards); <1200px — наоборот.
 */
.job-desktop-cards{display:none}
@media (min-width:1200px){
  .job-desktop-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 18px}
  .job-mobile-cards{display:none}
}
.job-wide-card{
  position:relative;display:grid;grid-template-columns:minmax(0,53fr) minmax(0,47fr);align-items:center;
  height:204px;padding:0 0 0 28px;overflow:hidden;box-sizing:border-box;
  background:#fff;border:1px solid #e9edf3;border-radius:20px;color:#0f1626;text-decoration:none;
  box-shadow:0 2px 8px rgba(24,39,75,.04);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.job-wide-card:hover{transform:translateY(-3px);border-color:#dbe3ef;box-shadow:0 14px 30px rgba(24,39,75,.10)}
.job-wide-card:focus-visible{outline:2px solid #2f5fd0;outline-offset:2px}
.job-wide-card__text{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:22px 8px 22px 0}
.job-wide-card__title{display:block;font-size:clamp(25px,2.2vw,31px);line-height:1.08;font-weight:600;letter-spacing:-.02em;color:#0b1220}
.job-wide-card__sub{display:block;max-width:300px;font-size:clamp(13px,1.06vw,15px);line-height:1.38;font-weight:500;color:#5d6b85}
.job-wide-card__btn{display:inline-flex;align-items:center;gap:10px;height:42px;margin-top:4px;padding:0 20px;border-radius:999px;
  font-size:14px;font-weight:700;line-height:1;white-space:nowrap;transition:background-color .2s ease}
.job-wide-card--job .job-wide-card__btn{background:#e0e8fb;color:#16327a}
.job-wide-card--job:hover .job-wide-card__btn{background:#d3dffa}
.job-wide-card--employee .job-wide-card__btn{background:#dff0e8;color:#0e4a40}
.job-wide-card--employee:hover .job-wide-card__btn{background:#d0e8dd}
.job-wide-card__img{display:block;justify-self:end;align-self:center;width:100%;height:calc(100% - 16px);object-fit:contain;object-position:right center;pointer-events:none;user-select:none}
@media (prefers-reduced-motion:reduce){.job-wide-card,.job-wide-card__btn{transition:none}.job-wide-card:hover{transform:none}}