/* Rendy: cards de "Outros de nossos produtos". Usa só os tokens da marca. */
.prod-grid { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.prod-card { background: #fff; border: 1px solid var(--rendy-line); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); overflow: hidden; display: flex; flex-direction: column; transition: transform var(--t-base, 220ms) var(--ease, ease-out), box-shadow var(--t-base, 220ms) var(--ease, ease-out); }
.prod-card:hover { transform: translateY(-3px); box-shadow: 0 1px 2px rgba(11, 18, 38, .06), 0 14px 32px rgba(11, 18, 38, .1); }
.prod-cover { aspect-ratio: 16 / 10; background: var(--rendy-mist); overflow: hidden; }
.prod-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.prod-empty { position: relative; width: 100%; height: 100%; display: grid; place-items: center; background: linear-gradient(135deg, var(--rendy-blue) 0%, var(--rendy-blue-dark) 55%, var(--rendy-ink) 100%); }
.prod-ph { width: 64px; height: 64px; }
.prod-n { position: absolute; left: 16px; bottom: 12px; font-family: var(--font-display); font-weight: 700; font-size: 28px; letter-spacing: -.03em; color: #fff; }
.prod-body { padding: 20px 24px 24px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.prod-num { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--rendy-blue); }
.prod-body h3 { margin: 0; font-family: var(--font-display); font-size: 20px; letter-spacing: -.02em; line-height: 1.2; color: var(--rendy-ink); }
.prod-desc { margin: 0 0 12px; color: var(--rendy-slate); flex: 1; }
.prod-btn { align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 22px; border-radius: var(--radius-pill); background: var(--rendy-blue); color: #fff; border: 0; font: 600 16px var(--font-body); text-decoration: none; cursor: pointer; transition: background var(--t-fast, 150ms) var(--ease, ease-out); }
.prod-btn:hover { background: var(--rendy-blue-dark); }
.prod-btn:disabled { background: var(--rendy-mist); color: var(--rendy-slate); border: 1px solid var(--rendy-line); cursor: not-allowed; }
.prod-note { margin-top: 24px; font-size: 14px; color: var(--rendy-slate); max-width: 70ch; }
@media (max-width: 960px) { .prod-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .prod-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; } }
@media (prefers-reduced-motion: reduce) { .prod-card, .prod-btn { transition: none; } .prod-card:hover { transform: none; } }