body {
  background: #F5EEDC;
  font-family: "Times New Roman", serif;
  color: #004225;
}

.equipment-list {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.back-btn {
  display: inline-block;
  margin-bottom: 20px;
  color: #004225;
  font-size: 1.2rem;
  text-decoration: none;
  font-weight: bold;
  transition: 0.2s ease;
}

.back-btn:hover {
  color: #002d18;
}

.eq-title {
  text-align: center;
  font-size: 3rem;
  color: #004225;
  margin-bottom: 40px;
}

.eq-section-title {
  font-size: 2rem;
  color: #004225;
  margin: 40px 0 20px;
  border-bottom: 2px solid #004225;
  padding-bottom: 8px;
}

.eq-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.eq-subtitle {
  font-size: 1.4rem;
  margin: 20px 0 8px;
  color: #004225;
  font-weight: bold;
  border-bottom: 1px solid #004225;
  padding-bottom: 4px;
}

.eq-item {
  display: block;
  margin: 4px 0;
  font-size: 1.1rem;
  color: #004225;
  text-decoration: none;
  transition: 0.2s ease;
}

.eq-item:hover {
  color: #002d18;
  transform: translateX(4px);
}
/* ============================================
   TABLET (<= 992px)
============================================ */
@media (max-width: 992px) {

  .eq-columns {
    grid-template-columns: repeat(2, 1fr); /* 3 → 2 */
    gap: 30px;
  }

  .eq-title {
    font-size: 2.4rem;
  }

  .eq-section-title {
    font-size: 1.7rem;
  }

  .eq-item {
    font-size: 1rem;
  }
}

/* ============================================
   MOBILE (<= 768px)
============================================ */
@media (max-width: 768px) {

  .eq-columns {
    grid-template-columns: 1fr; /* 2 → 1 */
    gap: 25px;
  }

  .eq-title {
    font-size: 2rem;
  }

  .eq-section-title {
    font-size: 1.5rem;
  }

  .eq-subtitle {
    font-size: 1.2rem;
  }

  .eq-item {
    font-size: 0.95rem;
  }
}

/* ============================================
   SMALL MOBILE (<= 480px)
============================================ */
@media (max-width: 480px) {

  .eq-title {
    font-size: 1.7rem;
  }

  .eq-section-title {
    font-size: 1.3rem;
  }

  .eq-subtitle {
    font-size: 1.1rem;
  }

  .eq-item {
    font-size: 0.9rem;
  }
}
/* ============================================
   ALWAYS 3 COLUMNS — ALL SCREEN SIZES
============================================ */
.eq-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px;
}

/* MOBILE FIX — da se ne stisne previše */
@media (max-width: 600px) {
  .eq-columns {
    gap: 20px;
  }

  .eq-item {
    font-size: 0.9rem;
  }

  .eq-subtitle {
    font-size: 1.1rem;
  }
}
/* SAMO ZA SAMSUNG INTERNET — 1 stupac */
.samsung-browser .eq-columns {
  grid-template-columns: 1fr !important;
  gap: 25px !important;
}