/* Блок Z21: «Аренда инструмента» на главной. Цвета — из site.css (:root). */
.sec-rental .rp { display: grid; grid-template-columns: 1fr 1.15fr; gap: 28px; align-items: center;
                  background: var(--graphite); color: #fff; border-radius: 16px; padding: 28px; }
.rp-kicker { margin: 0 0 8px; color: var(--accent); font-size: 13px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; }
.sec-rental .rp h2 { color: #fff; font-size: 30px; margin-bottom: 10px; }
.rp-lead { margin: 0 0 16px; color: #d7dde5; }
.rp-facts { list-style: none; margin: 0 0 20px; padding: 0; display: flex; gap: 22px; flex-wrap: wrap; }
.rp-facts b { display: block; font-size: 24px; color: var(--accent); }
.rp-facts span { font-size: 13px; color: #c9d1db; }
.rp-pics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.rp-pic { display: flex; flex-direction: column; background: #fff; color: var(--text); border-radius: 12px; overflow: hidden;
          text-decoration: none; }
.rp-pic:hover { box-shadow: 0 0 0 3px var(--accent); }
.rp-pic img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; padding: 10px; background: #fff; }
.rp-name { padding: 0 10px; font-size: 13px; font-weight: 600; line-height: 1.3; min-height: 34px; }
.rp-price { padding: 4px 10px 10px; font-size: 14px; font-weight: 800; }
@media (max-width: 1000px) {
  .sec-rental .rp { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .sec-rental .rp { padding: 20px 16px; border-radius: 12px; }
  .sec-rental .rp h2 { font-size: 24px; }
  .rp-pics { grid-template-columns: 1fr 1fr; }
  .rp-facts { gap: 16px; }
  .sec-rental .rp .btn-lg { display: block; text-align: center; }
}