/* ============================================================================
   Marketplace supplier profile page. Loads with inca-base.css and
   inca-marketplace.css (reuses .mp-tag and .mp-card__tags).
   ========================================================================== */
.sp-back{display:inline-block;font-family:var(--font-display);font-weight:600;font-size:14px;
  color:var(--neutral-300);text-decoration:none;margin-bottom:22px}
.sp-back:hover{color:#fff}
.sp-head{display:flex;align-items:center;gap:clamp(18px,2.6vw,34px);flex-wrap:wrap}
.sp-head__logo{flex:none;width:150px;height:104px;background:#fff;border-radius:var(--radius-md);
  display:flex;align-items:center;justify-content:center;padding:14px}
.sp-head__logo img{max-width:100%;max-height:100%;width:auto;object-fit:contain}

.sp-grid{display:grid;grid-template-columns:1.7fr .9fr;gap:clamp(26px,4vw,52px);align-items:start}
.sp-desc{font-size:16.5px;line-height:1.7;color:var(--text-body)}
.sp-desc--empty{color:var(--text-muted);font-style:italic}
.sp-cats{margin-top:28px}
.sp-cats__head{font-family:var(--font-body);font-weight:800;font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}
a.mp-tag{text-decoration:none}
a.mp-tag:hover{background:var(--indigo-100);color:var(--indigo-700)}

.sp-side{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  padding:22px;box-shadow:var(--shadow-xs)}
.sp-side__head{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text-strong);margin-bottom:14px}
.sp-contact{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.sp-contact li{display:flex;flex-direction:column;gap:2px;font-size:14.5px;color:var(--text-body);word-break:break-word}
.sp-contact span{font-family:var(--font-body);font-weight:800;font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--text-muted)}
.sp-contact a{color:var(--indigo-500);text-decoration:none;font-weight:600}
.sp-contact a:hover{text-decoration:underline}
.sp-side__note{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-subtle);
  font-size:13px;line-height:1.5;color:var(--text-muted)}

.sp-related{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sp-related__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  padding:22px 16px;text-decoration:none;min-height:132px;
  transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}
.sp-related__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.sp-related__card img{max-height:44px;max-width:100%;width:auto;object-fit:contain}
.sp-related__card span{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text-strong);text-align:center}

@media (max-width:900px){
  .sp-grid{grid-template-columns:1fr}
  .sp-related{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .sp-related{grid-template-columns:1fr}
  .sp-head__logo{width:118px;height:82px}
}