/* css/sections/results.css */

/* =========================
   RESULTS
   ========================= */

.results{
  padding:100px 0;
  background:#fff;
}

/* =========================
   HEADER
   ========================= */

.results__header{
  text-align:center;
  margin-bottom:60px;
}

.results__title{
  font-size:var(--text-6xl);
  font-weight:var(--font-black);
  color:var(--primary-dark);
  margin:0 0 16px;
  font-family:var(--font-display);
  letter-spacing:-1px;
  line-height:1.15;
}

.results__subtitle{
  font-size:var(--text-lg);
  color:var(--text-muted);
  margin:0;
  font-weight:var(--font-semibold);
}

/* =========================
   CARD
   ========================= */

.result-card{
  background:#fff;
  border-radius:var(--radius-18);
  overflow:hidden;
  border:2px solid rgba(31,138,112,.18);
  transition:
    transform var(--transition-slow),
    border-color var(--transition-slow),
    box-shadow var(--transition-slow);
  display:flex;
  flex-direction:column;
  height:100%;
}

.result-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 20px 50px rgba(31,138,112,.12),
    0 8px 20px rgba(17,24,39,.08);
  border-color:var(--primary);
}

/* =========================
   IMAGE
   ========================= */

.result-card__image{
  height:320px;
  position:relative;
  overflow:hidden;
  flex-shrink:0;
  background:linear-gradient(135deg, #d8e3d8, #e2ede2);
  display:flex;
  align-items:center;
  justify-content:center;
}

.result-card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 50%;
  transform:scale(0.98);
  transition:transform var(--transition-slow);
  display:block;
}

.result-card:hover .result-card__image img{
  transform:scale(1);
}

/* =========================
   BADGE (ещё компактнее)
   ========================= */

.result-card__badge{
  position:absolute;
  top:14px;
  left:14px;

  padding:8px 12px;              /* ↓ ещё меньше */
  border-radius:999px;

  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);

  border:1px solid rgba(17,24,39,0.12);

  color:var(--primary-dark);
  font-size:12.5px;              /* ↓ микро */
  font-weight:var(--font-extrabold);
  letter-spacing:0.15px;
  line-height:1;

  display:inline-flex;
  align-items:center;
  gap:5px;                       /* ↓ */

  box-shadow:
    0 6px 18px rgba(17,24,39,0.14),
    0 1px 4px rgba(17,24,39,0.08);

  white-space:nowrap;
  max-width:calc(100% - 28px);
  overflow:hidden;
  text-overflow:ellipsis;
}

/* =========================
   INFO
   ========================= */

.result-card__info{
  padding:20px 24px 24px;
  display:flex;
  flex-direction:column;
  flex-grow:1;
  min-height:120px;
  background:#fff;
}

.result-card__title{
  font-size:var(--text-lg);
  font-weight:var(--font-extrabold);
  color:var(--primary-dark);
  margin:0 0 8px;
  line-height:1.3;

  display:-webkit-box;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.result-card__meta{
  font-size:var(--text-sm);
  color:var(--text-muted);
  margin:0;
  font-weight:var(--font-semibold);
  line-height:1.4;

  display:-webkit-box;
  line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.results__cta{
  text-align:center;
  margin-top:60px;
}

.results__cta-text{
  font-size:var(--text-2xl);
  font-weight:var(--font-extrabold);
  color:var(--primary);
  margin:0 0 24px;
  font-family:var(--font-display);
}

/* =========================
   Responsive
   ========================= */

@media (max-width:980px){
  .results{
    padding:80px 0;
  }

  .results__title{
    font-size:var(--text-5xl);
  }

  .results__cta{
    margin-top:50px;
  }

  .result-card__info{
    min-height:110px;
    padding:18px 20px 20px;
  }

  .result-card__image{
    height:300px;
  }

  .result-card__badge{
    top:12px;
    left:12px;
    padding:7px 11px;
    font-size:12px;
  }
}

@media (max-width:640px){
  .results{
    padding:60px 0;
  }

  .results__title{
    font-size:var(--text-4xl);
  }

  .result-card__info{
    padding:16px 20px 20px;
    min-height:100px;
  }

  .result-card__title{
    font-size:var(--text-base);
  }

  .results__cta-text{
    font-size:var(--text-xl);
  }

  .result-card__image{
    height:280px;
  }

  .result-card__badge{
    padding:6px 10px;
    font-size:11.5px;
  }
}