.brand-logo-list { display:flex; gap:14px; overflow-x:auto; padding-bottom:6px; }
.brand-logo-tile { flex:0 0 180px; border:1px solid #e6e6e6; border-radius:6px; background:#fff; }
.brand-logo-tile>div,.brand-logo-tile>a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:14px; min-height:128px; }
.brand-logo-tile img { width:150px; height:68px; object-fit:contain; }
.brand-logo-tile span { font-size:12px; font-weight:600; }
.brand-logo-tile:has(a):hover { border-color:#ff6b00; }
.brands-intro { margin:0 0 28px; }
.brands-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.brand-card { display:flex; flex-direction:column; align-items:start; border:1px solid #e6e6e6; border-radius:8px; padding:24px; min-width:0; background:#fff; }
.brand-card-logo { width:100%; display:flex; align-items:center; justify-content:center; height:150px; border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:20px; }
.brand-card-logo img { width:100%; height:120px; object-fit:contain; }
.brand-card h2 { font-size:21px; margin-bottom:10px; overflow-wrap:anywhere; }
.brand-card p { font-size:13px; line-height:1.7; color:#666; overflow-wrap:anywhere; white-space:pre-line; }
.brand-card .text-link { margin-top:auto; padding-top:12px; font-size:13px; }
.brand-admin-logo { object-fit:contain; background:#fff; }
.brand-admin-url { overflow-wrap:anywhere; font-size:12px; }
.brand-editor-logo { display:block; width:300px; max-width:100%; height:160px; object-fit:contain; background:#fafafa; border:1px solid #eee; border-radius:6px; padding:16px; margin-bottom:18px; }
.brand-delete-panel { border-color:#e4cbc6; margin-top:24px; }
.brand-delete-panel>h2 { color:#922d20; }
.brand-delete-button { color:#922d20; border-color:#e4cbc6; margin-top:12px; }
@media(max-width:900px) { .brands-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .brands-grid { grid-template-columns:1fr; } .brand-card { padding:20px; } .brand-logo-tile { flex-basis:152px; } .brand-logo-tile img { width:126px; height:60px; } .brands-home .section-title { gap:12px; } .brands-home .section-title>a { white-space:nowrap; font-size:12px; } }