.brand-section{max-width:1200px;margin:0 auto;padding:40px 15px;font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif}
.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}

@media (min-width: 768px) {
    .brand-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }
}
@media (min-width: 1024px) {
    .brand-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }
}

        
.brand-card{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 15px;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.05);position:relative}
.brand-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1);border-color:#b5453f}
.card-img-wrap{width:100%;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.card-img-wrap img{max-width:100%;max-height:100%;object-fit:contain;transition:transform 0.3s ease}
.brand-card:hover .card-img-wrap img{transform:scale(1.05)}
.card-info{text-align:center;width:100%;border-top:1px solid #f0f0f0;padding-top:15px}
.country-tag{display:inline-block;font-size:14px;color:#666;background:#f5f5f5;padding:4px 12px;border-radius:20px;margin-bottom:10px;font-weight:500}
.action-text{display:block;color:#b5453f;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center;gap:5px}
.arrow-icon{width:6px;height:6px;border-right:2px solid #b5453f;border-top:2px solid #b5453f;transform:rotate(45deg);transition:transform 0.3s}
.brand-card:hover .arrow-icon{transform:rotate(45deg) translate(3px,-3px)}