/* Shared topic-page components */
.topic-hardware { background: #fff !important; }
.topic-hardware__head { max-width: 920px; margin: 0 auto 48px; text-align: center; }
.topic-hardware__head > span { display: block; margin-bottom: 16px; color: #07876b; font-size: 12px; font-weight: 900; letter-spacing: .18em; }
.topic-hardware__head h2 { margin: 0; color: #14231f; font-size: clamp(34px, 4.5vw, 58px); font-weight: 500; line-height: 1.2; }
.topic-hardware__head p { max-width: 760px; margin: 22px auto 0; color: #6d7d78; font-size: 15px; line-height: 1.8; }
.topic-hardware__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.topic-hardware__card { min-width: 0; min-height: 330px; padding: 24px 20px; border: 1px solid #dce8e3; border-radius: 22px; background: #fff; text-align: center; box-shadow: 0 16px 38px rgba(20, 52, 43, .035); }
.topic-hardware__media { display: flex; height: 170px; align-items: center; justify-content: center; margin: 0; overflow: hidden; border-radius: 15px; background: #fff; }
.topic-hardware__media img { display: block; width: 100% !important; max-width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: contain; mix-blend-mode: multiply; }
.topic-hardware__card h3 { margin: 24px 0 10px; color: #16241f; font-size: 18px; line-height: 1.45; }
.topic-hardware__card p { margin: 0; color: #74817d; font-size: 12px; line-height: 1.7; }

@media (max-width: 1080px) {
    .topic-hardware__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .topic-hardware__head { margin-bottom: 30px; }
    .topic-hardware__head > span { margin-bottom: 11px; font-size: 10px; }
    .topic-hardware__head h2 { font-size: 29px; line-height: 1.22; }
    .topic-hardware__head p { margin-top: 15px; font-size: 12px; line-height: 1.7; }
    .topic-hardware__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .topic-hardware__card { min-height: 250px; padding: 15px 11px 18px; border-radius: 17px; }
    .topic-hardware__media { height: 126px; border-radius: 12px; }
    .topic-hardware__card h3 { margin: 17px 0 8px; font-size: 15px; }
    .topic-hardware__card p { font-size: 10px; line-height: 1.55; }
}

@media (max-width: 370px) {
    .topic-hardware__grid { grid-template-columns: 1fr; }
}