/* Global & Typography */
        .t4a-coaches-section {
            background-color: #040810;
            color: #e2e8f0;
            margin-top: 120px;
        }

        .text-cyan {
            color: #02d6ff !important;
        }

        .extra-small {
            font-size: 0.72rem;
        }

        /* Search Bar Overlay */
        .t4a-hero-title {
            color: #ffffff;
            font-size: 55px;
            text-shadow: 0 0 clamp(10px, 1.5vw, 25px) rgba(0, 216, 255, 0.8), 0 0 clamp(20px, 3vw, 50px) rgba(0, 216, 255, 0.4);
            -webkit-text-stroke: clamp(1px, 0.15vw, 1px) var(--t4a-cyan);
        }

        .t4a-search-bar {
            background: #080f21;
            border: 1px solid #16223e;
            border-radius: 40px;
        }

        .t4a-select,
        .t4a-input,
        .t4a-input-icon {
            background-color: #0b1426 !important;
            border: none !important;
            color: #ffffff !important;
            box-shadow: none !important;
            border-radius: 50px;
        }

        .t4a-input-icon {
            color: #64748b !important;
        }

        /* Sidebar Filter Card */
        .t4a-filter-card {
            background: #080f21;
            border: 1px solid #16223e;
            border-radius: 16px;
        }

        .t4a-filter-label {
            font-size: 0.7rem;
            letter-spacing: 1.2px;
            color: #475569;
            font-weight: 800;
            margin-bottom: 10px;
            display: block;
        }

        .t4a-checkbox .form-check-input {
            background-color: #0e1a38;
            border-color: #1e293b;
        }

        .t4a-checkbox .form-check-input:checked {
            background-color: #02d6ff;
            border-color: #02d6ff;
        }

        .t4a-checkbox .form-check-label {
            color: #fff;
            font-size: 0.85rem;
            font-family: var(--primary-regular-font);
        }

        /* Range Slider Styling */
        .t4a-range::-webkit-slider-thumb {
            background: #02d6ff;
        }

        .t4a-range::-webkit-slider-runnable-track {
            background: #1e293b;
        }

        /* Layout View Switcher UI */
        .t4a-view-switch {
            background: #080f21;
            border: 1px solid #16223e;
            border-radius: 30px;
            padding: 6px 10px ! important;
        }

        .btn-switch {
            background: transparent;
            color: #64748b;
            border: none;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }

        .btn-switch.active,
        .btn-switch:hover {
            background: #0a3752;
            color: #00d8ff;
        }

        /* Cards Structure */
        .t4a-coach-card {
            background: #080f21;
            border: 1px solid #16223e;
            border-radius: 16px;
            overflow: hidden;
            transition: transform 0.25s ease, border-color 0.25s ease;
        }

        .t4a-coach-card:hover {
            border-color: #02d6ff;
            transform: translateY(-4px);
        }

        .t4a-card-img-wrapper {
            position: relative;
            height: 200px;
            overflow: hidden;
        }

        .t4a-card-img-wrapper::before {
            position: relative;
            height: 200px;
            overflow: hidden;
            background: linear-gradient(180deg, rgb(3 8 18 / 13%) 0%, rgba(3, 8, 18, 0.85) 100%);
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 1;
        }

        .t4a-coach-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Badges Overlay */
        .t4a-badge-verified {
            position: absolute;
            top: 10px;
            left: 10px;
            background: #00BDFF;
            color: #fff;
            border: 1px solid rgba(2, 214, 255, 0.4);
            backdrop-filter: blur(6px);
            padding: 3px 10px;
            border-radius: 20px;
            font-size: 0.72rem;
            font-weight: 600;
            z-index: 11;
            font-family: var(--primary-medium-font);
        }

        .t4a-badge-rating {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #8d979e63;
            color: #ffffff;
            backdrop-filter: blur(6px);
            padding: 3px 10px;
            border-radius: 20px;
            font-size: 0.72rem;
            font-weight: 600;
            border: 1px solid #8d979e;
            z-index: 111;
        }

        /* Content Typography */
        .t4a-coach-name {
            color: #ffffff;
            font-size: 21px;
            font-family: var(--secondary-regular-font);
        }

        .t4a-coach-role {
            color: #64748b;
            font-size: 0.8rem;
        }

        .t4a-coach-location,
        .t4a-coach-reviews {
            color: #94a3b8;
            font-size: 0.78rem;
        }

        .t4a-coach-price11 {
            font-size: 1.15rem;
            font-weight: 800;
            color: #ffffff;
            font-family: var(--secondary-regular-font);
        }

        /* Action Button */
        .btn-t4a-cyan {
            color: #000000;
            border-radius: 20px;
            border: none;
            transition: opacity 0.2s;
            width: 100px !important;
        }

        .btn-t4a-cyan:hover {
            background: #02d6ff;
            opacity: 0.9;
            color: #000000;
        }

        /* Pagination */
        .t4a-page-btn {
            width: 42px;
            height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: #64748b;
            text-decoration: none;
            font-size: 0.82rem;
            transition: all 0.2s ease;
            font-weight: 700;
            font-size: 16px;
        }

        .t4a-page-btn.active,
        .t4a-page-btn:hover {
            background: #02d6ff;
            color: #fff;
            font-weight: 700;
            font-size: 16px;
        }

        /* Responsive adjustments */
        @media (max-width: 991px) {
            .t4a-search-bar {
                border-radius: 16px;
            }
        }