[data-header-treatment="composed"] .ll-composed-header-link:hover {
  text-decoration: underline;
  text-underline-offset: 0.4em;
}

[data-header-treatment="composed"] :is(a, button):focus-visible {
  outline: 2px solid var(--composed-header-ink, currentColor);
  outline-offset: 4px;
}

[data-header-treatment="composed"] .ll-composed-header-action:hover {
  filter: brightness(1.12);
}

[data-header-design] {
  --header-hairline: color-mix(in srgb, var(--composed-header-ink) 18%, transparent);
}

[data-header-design]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  border-radius: inherit;
  background: color-mix(in srgb, var(--composed-header-accent) 75%, var(--composed-header-ink));
  pointer-events: none;
}

[data-header-brand] {
  gap: clamp(9px, 1.3vw, 16px);
}

.ll-composed-header-mark {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: clamp(34px, 4vw, 47px);
  aspect-ratio: 1;
  box-sizing: border-box;
  border: 1px solid var(--header-hairline);
  border-radius: 50%;
  background: color-mix(in srgb, var(--composed-header-accent) 12%, transparent);
  color: var(--composed-header-ink);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

[data-header-design="storefront"] .ll-composed-header-mark {
  border-radius: 10px;
}

[data-header-design="storefront"][data-header-compact="false"] [data-header-row] {
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 24px;
  row-gap: 10px;
}

[data-header-design="storefront"][data-header-compact="false"] [data-header-actions] {
  grid-area: 1 / 2;
}

[data-header-design="storefront"][data-header-compact="false"] [data-header-nav] {
  grid-column: 1 / -1;
  flex-wrap: wrap;
  border-block-start: 1px solid var(--header-hairline);
}