<style>
        /* Скидаємо можливі обмеження теми для нашого контейнера */
        .hub-wrapper {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important; /* Центруємо вміст */
            align-items: stretch !important;
            gap: 15px !important;
            margin: 30px auto !important; /* Центруємо сам блок по горизонталі */
            padding: 0 !important;
            width: 100% !important;
            max-width: 850px !important;
            list-style: none !important; /* Якщо тема думає, що це список */
        }

        .hub-card {
            /* Розрахунок ширини: 3 в ряд на десктопі */
            flex: 0 1 calc(33.333% - 20px) !important; 
            min-width: 140px !important;
            background: #ffffff !important;
            border: 1px solid #eef0f2 !important;
            border-radius: 24px !important;
            padding: 25px 10px !important;
            text-align: center !important;
            text-decoration: none !important;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            box-sizing: border-box !important;
            margin: 0 !important; /* Скидаємо маржини теми */
        }

        .hub-card:hover {
            transform: translateY(-5px) !important;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
            border-color: #007bff !important;
        }

        .hub-card i {
            font-size: 40px !important;
            margin-bottom: 12px !important;
            display: block !important;
            font-style: normal !important;
        }

        .hub-card span {
            font-weight: 700 !important;
            font-size: 14px !important;
            color: #1c1e21 !important;
            line-height: 1.2 !important;
        }

        /* Мобільні (2 в ряд) */
        @media (max-width: 480px) {
            .hub-wrapper {
                gap: 10px !important;
                padding: 0 5px !important;
            }
            .hub-card {
                flex: 0 1 calc(50% - 10px) !important;
                padding: 20px 5px !important;
            }
            .hub-card i { font-size: 32px !important; }
        }
    </style>