/* Make the store purchase action visible before descriptive content. */
.storefront .book-detail__copy { align-self: start; padding-top: 32px; padding-bottom: 32px; }
.storefront .book-detail h1 { font-size: clamp(2rem, 3.5vw, 3.4rem); line-height: 1.05; }
.storefront .book-buy { margin: 18px 0 24px; gap: 12px; }
.storefront .book-buy [data-cart-add] {
  width: 100%; min-height: 60px; padding: 16px 24px;
  background: var(--acid); color: var(--ink); border: 3px solid var(--ink);
  box-shadow: 5px 5px 0 var(--ink); font-size: 1.2rem; font-weight: 900;
}
.storefront .book-buy .amazon-purchase-link { font-size: .9rem; min-height: 44px; padding: 9px 16px; }
.mobile-book-buy { display: none; }
@media (max-width: 720px) {
  .storefront .book-detail__copy { order: -1; padding: 22px 20px; }
  .storefront .book-detail h1 { font-size: clamp(1.8rem, 7.5vw, 2.6rem); }
  .mobile-book-buy {
    display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 60;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    background: var(--paper); border-top: 2px solid var(--ink);
    box-shadow: 0 -4px 18px rgba(16,24,58,.12);
  }
  .mobile-book-buy [data-cart-add] { width: 100%; min-height: 52px; font-size: 1.05rem; }
  .mobile-book-buy .amazon-purchase-link { display: none; }
  body:has(.mobile-book-buy) { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
  body:has(.mobile-book-buy) .toast-region { bottom: calc(92px + env(safe-area-inset-bottom, 0px)); }
}