.shop-callout {
  max-width: 1176px;
  margin: 78px auto;
  padding: 42px 48px;
  display: grid;
  grid-template-columns: 110px 1fr auto;
  gap: 34px;
  align-items: center;
  background: #ffffff;
  border: 1px solid #e5ddd0;
  box-shadow: 0 18px 50px rgba(24, 59, 56, 0.08);
}

.shop-pattern {
  width: 110px;
  height: 110px;
  padding: 8px;
  background: var(--cream);
}

.shop-callout .eyebrow { margin-bottom: 10px; }
.shop-callout h2 { margin: 0; font: 30px/1.15 Georgia, serif; }
.shop-callout p:not(.eyebrow) { margin: 10px 0; color: #6e7770; font-size: 13px; line-height: 1.65; }
.shop-proof { display: flex; flex-wrap: wrap; gap: 8px; color: #987e67; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.shop-proof strong { color: var(--ink); }
.shop-button { white-space: nowrap; }

@media (max-width: 900px) {
  .shop-callout { margin: 60px 32px; grid-template-columns: 90px 1fr; padding: 34px; }
  .shop-pattern { width: 90px; height: 90px; }
  .shop-button { grid-column: 2; justify-self: start; }
}

@media (max-width: 620px) {
  .shop-callout { margin: 48px 20px; padding: 28px; display: block; }
  .shop-pattern { margin-bottom: 24px; }
  .shop-callout h2 { font-size: 26px; }
  .shop-proof { margin: 18px 0; }
}