/* Info pages: Shipping, Returns, FAQ, Contact */
.info { padding-top: 8px; padding-bottom: 96px; }
.info .crumbs { margin-top: 0; }
.info-h1 { margin: 24px 0 0; font-family: var(--font-display); font-weight: var(--fw-bold); font-size: 72px; line-height: 1; text-transform: uppercase; }
.info-lead { margin: 20px 0 0; max-width: 56ch; font-size: 22px; line-height: 1.35; }
.info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }
.info-grid-2 { grid-template-columns: repeat(2, 1fr); }
.info-card { background: var(--cream); border: 2px solid var(--ink); border-radius: 20px; padding: 24px 28px; box-shadow: 0 4px 0 var(--ink); }
.info-card-lime { background: var(--lime); }
.info-card h2 { margin: 0; font-family: var(--font-display); font-weight: var(--fw-bold); font-size: 16px; letter-spacing: .04em; text-transform: uppercase; }
.info-card p { margin: 10px 0 0; font-size: 18px; line-height: 1.35; }
.info-card .info-big { font-family: var(--font-price, var(--font-display)); font-weight: var(--fw-bold); font-size: 44px; line-height: 1; }
.info-card a { text-decoration: underline; text-underline-offset: 3px; }
.info-text { max-width: 720px; margin-top: 48px; }
.info-grid + .info-text { margin-top: 48px; }
.info-lead + .info-text { margin-top: 40px; }
.info-text h2 { margin: 32px 0 0; font-family: var(--font-display); font-weight: var(--fw-bold); font-size: 28px; line-height: 1.1; text-transform: uppercase; }
.info-text h2:first-child { margin-top: 0; }
.info-text p { margin: 12px 0 0; font-size: 18px; line-height: 1.5; }
.info-text a { text-decoration: underline; text-underline-offset: 3px; }
.info-cta { margin-top: 40px; }
.info-faq { margin-top: 32px; max-width: 760px; background: var(--cream); border: 2px solid var(--ink); border-radius: 20px; padding: 8px 28px; }
.info-faq .faq-q { font-size: 20px; padding: 20px 0; }
.info-faq .faq-a p { max-width: 62ch; font-size: 17px; }
.info-faq .faq-a a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1099px) {
  .info { padding-top: 0; padding-bottom: 56px; }
  .info-h1 { margin-top: 16px; font-size: 40px; }
  .info-lead { margin-top: 12px; font-size: 18px; }
  .info-grid, .info-grid-2 { grid-template-columns: 1fr; gap: 12px; margin-top: 28px; }
  .info-card { padding: 20px; }
  .info-card .info-big { font-size: 36px; }
  .info-text { margin-top: 32px; }
  .info-text h2 { font-size: 22px; margin-top: 24px; }
  .info-text p { font-size: 16px; }
  .info-faq { padding: 4px 16px; margin-top: 24px; }
  .info-faq .faq-q { font-size: 17px; padding: 16px 0; }
}