/* Collector-facing artwork detail cleanup. */
aside[class*="md:col-span-5"] dl dd {
  font-family: var(--font-sans) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* The framed/unframed controls already explain the choice. Remove the extra
   Presentation heading and the repeated frame/shipping sentence, especially
   on mobile where they add unnecessary height. */
aside[class*="md:col-span-5"]
  > div[class*="border-y"]:has(> div.grid.grid-cols-2)
  > div:first-child,
aside[class*="md:col-span-5"]
  > div[class*="border-y"]:has(> div.grid.grid-cols-2)
  > div.mt-3 {
  display: none !important;
}

aside[class*="md:col-span-5"]
  > div[class*="border-y"]:has(> div.grid.grid-cols-2)
  > div.grid.grid-cols-2 {
  margin-top: 0 !important;
}

/* The purchase panel already provides a divider below the CTA. Do not add a
   second border above the collector notes. */
aside[class*="md:col-span-5"] > ul.border-t {
  border-top: 0 !important;
  padding-top: 0 !important;
}

/* The journal list already has a starting rule. Its last card and the footer
   should not create two empty closing dividers. */
main:has(#journal-list) + footer {
  border-top: 0 !important;
}

/* Keep the cart summary in the natural document flow on phones and remove the
   two empty rules between the final cart item and the summary. */
@media (max-width: 767px) {
  main section aside > div.sticky {
    position: static !important;
    top: auto !important;
  }

  main section:has(> aside > div.sticky) {
    row-gap: 2rem !important;
  }

  main
    section:has(> aside > div.sticky)
    > div:first-child
    > div[class*="border-t"]
    > article:last-of-type {
    border-bottom: 0 !important;
  }

  main section:has(> aside > div.sticky) > aside > div.sticky {
    border-top: 0 !important;
    border-bottom: 0 !important;
    padding-top: 0 !important;
  }
}