/* ============================================================
   principles.css — блок «Принципы работы»
   ============================================================ */

.principles-section {
  background: var(--bg-white);
  padding: var(--section-v) var(--section-h);
}

.principle-row {
  display: grid;
  grid-template-columns: 90px 1fr 2fr;
  align-items: center;
  gap: clamp(16px, 3vw, 48px);
  padding: clamp(20px, 3vw, 34px) 0;
}

/* ---- Адаптив (меньше) ---- */
@media (max-width: 900px) {
  .principle-row   { grid-template-columns: 60px 1fr !important; }
  .principle-desc  { display: none !important; }
}

@media (max-width: 480px) {
  .principle-row { grid-template-columns: 48px 1fr !important; gap: 12px !important; }
}

/* ---- Большие экраны ---- */
@media (min-width: 1921px) {
  .principle-row { grid-template-columns: 120px 1fr 2fr; }
}

@media (min-width: 2561px) {
  .principle-row { grid-template-columns: 160px 1fr 2fr; }
}