.ccam-brand-grid-wrapper{max-width:1400px;margin:0 auto;padding:20px}
.ccam-brand-intro{margin-bottom:20px}
.ccam-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}
.ccam-brand-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease}
.ccam-brand-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.ccam-brand-card-link{display:flex;flex-direction:column;height:100%;padding:18px;text-decoration:none;color:inherit}
.ccam-brand-logo-wrap{height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.ccam-brand-logo-wrap img,.ccam-brand-hero-logo img{max-width:100%;max-height:100%;object-fit:contain}
.ccam-brand-logo-fallback{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:10px;border:1px dashed #d1d5db;border-radius:12px;text-align:center;font-weight:700}
.ccam-brand-logo-fallback.large{min-height:140px}
.ccam-brand-card h3{font-size:16px;line-height:1.3;margin:0 0 14px;text-align:center}
.ccam-brand-button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#111827;color:#fff;font-size:14px}
.ccam-brand-template-container{max-width:1200px;margin:0 auto;padding:24px}
.ccam-brand-hero{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:center;padding:24px;border:1px solid #e5e7eb;border-radius:24px;background:#fff}
.ccam-brand-hero-logo{min-height:180px;display:flex;align-items:center;justify-content:center}
.ccam-brand-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
@media (max-width: 800px){.ccam-brand-hero{grid-template-columns:1fr}}