/* Store use-case pages (task 026): sales-and-promotions, category-and-product-seo, feeds-and-google-shopping,
   checkout-and-basket. Steps, tbl, mocks, frows, boxes and ticks come from site.css / platform.css. */
.su-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,5vw,72px)}
.su-three h3{font-size:1.2rem}
.su-three p{margin-top:8px;max-width:46ch;color:var(--muted);line-height:1.6}
.su-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.su-two > div{padding:clamp(20px,2.5vw,32px);border:1px solid rgba(0,0,0,.12);border-radius:16px;background:#fff}
.su-two h3{font-size:1.15rem}
.su-two p{margin-top:8px;color:var(--muted);line-height:1.6}
.su-two .ticks{margin-top:14px}
.su-gap{margin-top:clamp(28px,4vw,48px);max-width:70ch}
.su-links{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 24px}
.su-links a{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:860px){
  .su-three,.su-two{grid-template-columns:1fr}
}