.shop-back-button {
  position: fixed;
  inset-inline-start: max(8px, env(safe-area-inset-left));
  inset-block-start: 50%;
  transform: translateY(-50%);
  z-index: 20;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid #ddc7ce;
  border-radius: 999px;
  background: #fff;
  color: #412831;
  box-shadow: 0 2px 8px #41283120;
  font: 600 13px system-ui, sans-serif;
  text-decoration: none;
}
.shop-back-button:focus-visible { outline: 2px solid #963e63; outline-offset: 3px; }
body:has(dialog[open]) .shop-back-button { visibility: hidden; }
@media (max-width: 600px) {
  .shop-back-button {
    inset-block-start: auto;
    inset-block-end: max(16px, env(safe-area-inset-bottom));
    transform: none;
  }
}