/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 · genre: editorial-commerce · macrostructure: Ecosystem Index · theme: studied-DNA (Light Inspiration) · enrichment: native WooCommerce product imagery · nav/footer: existing approved chrome · slop: pass · honest: live sale data only · tokens: existing system · responsive: pass */
html:has(body.li-promo-page),
body.li-promo-page { overflow-x: clip; }

.li-promo-page .elementor-widget-shortcode,
.li-promo-page .elementor-widget-shortcode > .elementor-widget-container { width: 100%; }

.li-promo .section-shell { width: min(100%,var(--shell)); }

.li-promo-nav {
  border-bottom: var(--rule-hair) solid var(--rule);
  background: var(--paper-soft);
}

.li-promo-nav > .section-shell {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  min-height: 5.5rem;
  box-sizing: border-box;
  padding: var(--space-md) var(--space-xl);
}

.li-promo .li-promo-nav__label {
  flex: 0 0 auto;
  margin: 0 !important;
  color: var(--accent-deep);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.li-promo-nav__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-md);
  margin: 0;
  padding: 0;
  list-style: none;
}

.li-promo-nav__links a {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  padding-inline: var(--space-sm);
  color: var(--ink);
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  border-bottom: var(--rule-hair) solid transparent;
}

.li-promo-nav__links a:hover,
.li-promo-nav__links a:focus-visible { border-color: currentColor; }

.li-promo-selection { scroll-margin-top: calc(var(--li-header-offset, 0px) + var(--space-md)); }

.li-promo-intro {
  display: grid;
  grid-template-columns: minmax(12rem,.45fr) minmax(0,1.55fr);
  gap: var(--space-2xl);
  align-items: start;
  padding-block: var(--space-2xl);
  border-bottom: var(--rule-hair) solid var(--rule);
}

.li-promo-intro__label,
.li-promo-selection__eyebrow {
  margin: 0;
  color: var(--accent-deep);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.li-promo-intro__copy { max-width: 70ch; }
.li-promo-intro__copy p { margin: 0; color: var(--ink-soft); font-size: var(--text-lg); line-height: 1.65; }
.li-promo-intro__copy p + p { margin-top: var(--space-md); }

.li-promo-selection { background: var(--paper); }
.li-promo-selection > .section-shell { padding-block: var(--space-2xl); }

.li-promo-selection__head {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(18rem,.85fr);
  gap: var(--space-2xl);
  align-items: end;
  margin-bottom: var(--space-xl);
  padding-bottom: var(--space-lg);
  border-bottom: var(--rule-hair) solid var(--rule);
}

.li-promo-selection__eyebrow { margin: 0 0 var(--space-xs); }
.li-promo-selection h2 { max-width: 18ch; font-size: var(--text-xl); }
.li-promo-selection__aside { justify-self: end; width: min(100%,50ch); }
.li-promo-selection__aside p { margin: 0 0 var(--space-sm); color: var(--muted); line-height: 1.7; }
.li-promo-selection__aside .type-link { min-height: 2rem; }
.li-promo-selection__aside .type-link span { margin-left: var(--space-2xs); }
.li-promo a:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

.li-promo .product-grid { gap: var(--space-lg) var(--space-sm); }
.li-promo-empty { margin: 0; padding: var(--space-lg) 0; color: var(--muted); border-top: var(--rule-hair) solid var(--rule); }

@media (max-width: 70rem) {
  .li-promo-intro,
  .li-promo-selection__head { grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: var(--space-xl); }
}

@media (max-width: 48rem) {
  .li-promo-nav > .section-shell {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-md);
  }
  .li-promo-nav__links {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .li-promo-nav__links::-webkit-scrollbar { display: none; }
  .li-promo-nav__links li:first-child a { padding-left: 0; }
  .li-promo-nav__links a { white-space: nowrap; }
  .li-promo-intro,
  .li-promo-selection__head { grid-template-columns: 1fr; gap: var(--space-md); }
  .li-promo-intro { padding-block: var(--space-xl); }
  .li-promo-intro__copy p { font-size: var(--text-md); }
  .li-promo-selection > .section-shell { padding-block: var(--space-xl); }
  .li-promo-selection__aside { justify-self: stretch; }
  .li-promo-selection__head { align-items: start; margin-bottom: var(--space-lg); }
}