/* CDO Products 1.17.7 — Navigation Surface Renderer
 * LAB owns shell, typography, colors and product-card visuals.
 * This file owns only Surface-specific composition/rhythm. */
.cdo-navigation-surface{width:100%;margin:0;padding:0}
.cdo-navigation-surface__hero{margin:0}
.cdo-navigation-surface__body{padding-top:28px;padding-bottom:72px}
.cdo-navigation-surface__products{margin:0;padding:0}
.cdo-navigation-surface__grid{--cdo-grid-columns:3;gap:16px}
.cdo-navigation-surface__empty{
  border:1px solid var(--cdo-ds-color-border);
  border-radius:var(--cdo-ds-radius-inner);
  padding:22px;
  color:var(--cdo-ds-color-heading);
  background:var(--cdo-ds-color-surface);
  font-size:var(--cdo-ds-text-body);
  font-weight:var(--cdo-ds-weight-strong)
}
.cdo-navigation-surface__fallback-card{
  border:1px solid var(--cdo-ds-color-border);
  border-radius:var(--cdo-ds-radius-inner);
  padding:22px;
  background:var(--cdo-ds-color-surface)
}
.cdo-navigation-surface__fallback-card h3{margin:0;font-size:var(--cdo-ds-text-title);font-weight:var(--cdo-ds-weight-heading)}
.cdo-navigation-surface__fallback-card a{color:var(--cdo-ds-color-heading);text-decoration:none}
@media(max-width:760px){
  .cdo-navigation-surface__body{padding-top:20px;padding-bottom:50px}
}