/* Precise Alignment - Tính toán chính xác để align hero và tool content */

@media (min-width: 769px) {
    /* Đảm bảo hero-content và main-content-wrapper có CÙNG alignment */
    /* Cả hai đều có max-width: 1200px và margin: 0 auto */
    
    /* Tab buttons: flex container với justify-content: center */
    /* Brand cards: flex container với justify-content: center (giống tab buttons) */
    
    /* Đảm bảo cả hai có cùng gap và spacing */
    .tab-buttons {
        gap: 1.5rem !important;
    }
    
    .tool-content-section .brands-grid {
        gap: 2rem !important;
    }
    
    /* Đảm bảo brand cards có cùng sizing như tab buttons */
    .tool-content-section .brand-card {
        flex: 0 1 auto !important;
        min-width: 250px !important;
        max-width: 300px !important;
    }
    
    /* Đảm bảo tool-header text align center giống hero-content */
    .tool-content-section .tool-header {
        text-align: center !important;
    }
    
    /* Đảm bảo tool-name và tool-description có cùng behavior như hero-title và hero-subtitle */
    .tool-content-section .tool-name {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
    
    .tool-content-section .tool-description {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        max-width: 700px !important;
    }
}