/* AD-01 / AD-02. Load after site.css AND catalog.css.
 * Scope: the C11 dark LED hero and catalog direction links only.
 * The data-variant attribute is on the section itself, not a descendant.
 */
.hero.wrap.split.dark[data-variant="C11"] {
  box-sizing: border-box;
  padding-inline: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Match the existing one-column corporate layout breakpoint.
 * Keep .wrap width, max width, margins, vertical rhythm and gap inherited.
 */
@media (max-width: 700px) {
  .hero.wrap.split.dark[data-variant="C11"] {
    padding-inline: 24px;
    grid-template-columns: minmax(0, 1fr);
  }
}

/* AD-02: retain readable words and a full-width navigation target.
 * Existing min-height, typography, arrow column and spacing remain in force.
 */
@media (max-width: 600px) {
  .catalog-page .catalog-directions {
    grid-template-columns: minmax(0, 1fr);
  }

  .catalog-page .catalog-directions > a {
    overflow-wrap: normal;
    word-break: normal;
  }
}