/* =====================================================================
   1412 — Home Page "Industries" strip. Configurable module
   (rp_industries): heading + red "View all industries" link, then a row
   of icon tiles (7 admin-picked + a "More Industries" tile).
   Loaded by the catalog controller via addStyle().
   ===================================================================== */
.rp-industries { --red:#db0f16; --red-dark:#b50c12; --ink:#1c1c1c; --muted:#6a6a6a;
  font-family:'Outfit',sans-serif; margin:30px 0; }
.rp-industries * { box-sizing:border-box; }

.rp-industries__head {
  display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:0 0 26px;
}
.rp-industries__title { margin:0; font-size:26px; font-weight:800; letter-spacing:-.01em; color:var(--ink); }
.rp-industries__viewall {
  font-size:14px; font-weight:600; color:var(--red); text-decoration:none;
  white-space:nowrap; display:inline-flex; align-items:center; gap:7px;
}
.rp-industries__viewall:hover { color:var(--red-dark); text-decoration:underline; }

.rp-industries__grid {
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(8,1fr); gap:12px;
}

.rp-industries__tile {
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px;
  padding:8px 6px; text-decoration:none; color:inherit;
  border-radius:10px; transition:background .15s ease, transform .15s ease;
}
a.rp-industries__tile:hover { background:#f6f6f6; transform:translateY(-2px); }

.rp-industries__icon {
  display:flex; align-items:center; justify-content:center;
  width:64px; height:56px; color:var(--ink);
}
.rp-industries__icon img { max-width:100%; max-height:100%; width:auto; height:auto; display:block; }
.rp-industries__icon svg { width:34px; height:34px; }
.rp-industries__icon--more { color:var(--muted); }

.rp-industries__label { font-size:14px; font-weight:600; color:var(--ink); line-height:1.25; }
.rp-industries__item--more .rp-industries__label { color:var(--muted); }

/* responsive: 8 → 4 → 3 */
@media (max-width:992px){ .rp-industries__grid { grid-template-columns:repeat(4,1fr); row-gap:22px; } }
@media (max-width:560px){
  .rp-industries__grid { grid-template-columns:repeat(3,1fr); row-gap:20px; }
  .rp-industries__title { font-size:21px; }
}