.gqa-wrap {
            --gqa-secondary: #262F6A;
            --gqa-accent: #4982C3;
            --gqa-text-highlight: #FBDB55;
            --gqa-primary: #262626;
            --gqa-light-bg: #E9ECF7;
            --gqa-white: #FFFFFF;
            --gqa-gray-light: #F8F9FA;
            --gqa-gray: #6B7280;
            --gqa-border: #E5E7EB;
            --gqa-radius: 20px;
            background:var(--gqa-light-bg) !important;
            font-family: var(--e-global-typography-text-font-family, "proxima-nova", system-ui, sans-serif) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: start !important;
            padding: 40px 20px 0 20px !important;
            min-height:50vh !important;
            flex:1 !important;
            flex-direction: column !important;
        }

        body:has(.gqa-wrap){
            display:flex !important;
            flex-direction:column !important;
            min-height:100vh !important;
        }

        .gqa-header {
            text-align: center !important;
            margin-bottom: 32px !important;
            max-width:1300px !important;
            width:100% !important;
        }

        /* Top Row - Filters and Map Side by Side */
        .gqa-top-row {
            display: flex !important;
            gap: 20px !important;
            max-width: 1300px !important;
            width: 100% !important;
            margin-bottom: 40px !important;
        }

        /* Search Container - 60% width */
        .gqa-search-container {
            background: var(--gqa-white) !important;
            border-radius: var(--gqa-radius) !important;
            padding: 32px !important;
            border: 1px solid var(--gqa-border) !important;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
            flex: 0 0 60% !important;
            display: flex !important;
            flex-direction: column !important;
        }
        
        .gqa-header h2 {
            color: var(--gqa-secondary) !important;
            font-family: var(--e-global-typography-secondary-font-family, "proxima-nova") !important;
            font-size: var(--e-global-typography-secondary-font-size, 48px) !important;
            font-weight: var(--e-global-typography-secondary-font-weight, 700) !important;
            line-height: var(--e-global-typography-secondary-line-height, 1.125em) !important;
            letter-spacing: var(--e-global-typography-secondary-letter-spacing, -0.3px) !important;
            margin: 0 0 8px 0 !important;
        }
        
        .gqa-header p {
            color: var(--gqa-gray) !important;
            font-family: var(--e-global-typography-text-font-family, "proxima-nova") !important;
            font-size: var(--e-global-typography-text-font-size, 16px) !important;
            font-weight: 400 !important;
            line-height: 1.6 !important;
            margin: 0 !important;
        }
        
        /* Search Form Layout */
        .gqa-form {
            display: flex !important;
            flex-direction: column !important;
            gap: 24px !important;
        }
        
        /* First Row - Postcode and Filters */
        .gqa-search-row {
            display: flex !important;
            gap: 16px !important;
            align-items: flex-end !important;
        }
        
        .gqa-input-group {
            flex: 1 !important;
            min-width: 180px !important;
        }
        
        .gqa-input-group.gqa-postcode-group {
            flex: 2 !important;
        }

        .gqa-input-group.gqa-toggle-group {
            flex: 0 0 auto !important;
            min-width: 150px !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-end !important;
        }

        .gqa-input-group.gqa-toggle-group > label:first-child {
            display: block !important;
            color: var(--gqa-primary) !important;
            font-family: var(--e-global-typography-text-font-family, "proxima-nova") !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            margin-bottom: 8px !important;
            letter-spacing: 0.2px !important;
        }

        .gqa-input-group.gqa-hidden {
            display: none !important;
        }
        
        .gqa-input-group label {
            display: block !important;
            color: var(--gqa-primary) !important;
            font-family: var(--e-global-typography-text-font-family, "proxima-nova") !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            margin-bottom: 8px !important;
            letter-spacing: 0.2px !important;
        }
        
        .gqa-input,
        .gqa-select {
            width: 100% !important;
            padding: 12px 16px !important;
            border: 1px solid var(--gqa-border) !important;
            border-radius: 10px !important;
            font-family: var(--e-global-typography-text-font-family, "proxima-nova") !important;
            font-size: 16px !important;
            background: var(--gqa-white) !important;
            color: var(--gqa-primary) !important;
            transition: all 0.2s ease !important;
            height: 48px !important;
        }
        
        .gqa-input:focus,
        .gqa-select:focus {
            outline: none !important;
            border-color: var(--gqa-accent) !important;
            box-shadow: 0 0 0 3px rgba(73, 130, 195, 0.1) !important;
        }
        
        .gqa-select {
            cursor: pointer !important;
            appearance: none !important;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
            background-repeat: no-repeat !important;
            background-position: right 12px center !important;
            background-size: 18px !important;
            padding-right: 44px !important;
        }
        /* Toggle Switch */
        .gqa-toggle-switch {
            position: relative !important;
            display: inline-block !important;
            width: 56px !important;
            height: 30px !important;
            flex-shrink: 0 !important;
        }
        
        .gqa-toggle-switch input {
            opacity: 0 !important;
            width: 0 !important;
            height: 0 !important;
        }
        
        .gqa-toggle-slider {
            position: absolute !important;
            cursor: pointer !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            background-color: #D1D5DB !important;
            transition: all 0.3s ease !important;
            border-radius: 30px !important;
        }
        
        .gqa-toggle-slider:before {
            position: absolute !important;
            content: "" !important;
            height: 22px !important;
            width: 22px !important;
            left: 4px !important;
            bottom: 4px !important;
            background-color: white !important;
            transition: all 0.3s ease !important;
            border-radius: 50% !important;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
        }
        
        .gqa-toggle-switch input:checked + .gqa-toggle-slider {
            background-color: var(--gqa-accent) !important;
        }
        
        .gqa-toggle-switch input:checked + .gqa-toggle-slider:before {
            transform: translateX(26px) !important;
        }
        
        .gqa-toggle-switch input:focus + .gqa-toggle-slider {
            box-shadow: 0 0 0 3px rgba(73, 130, 195, 0.2) !important;
        }
        
        /* Range Slider Section */
        .gqa-range-section {
            border:1px solid var(--gqa-light-bg) !important;
            border-radius: 10px !important;
            padding: 20px !important;
            margin: 8px 0 !important;
            transition: all 0.3s ease !important;
        }
        
        .gqa-range-section.gqa-hidden {
            display: none !important;
            opacity: 0 !important;
            max-height: 0 !important;
            overflow: hidden !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .gqa-range-header {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            margin-bottom: 16px !important;
        }
        
        .gqa-range-label {
            color: var(--gqa-primary) !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            letter-spacing: 0.2px !important;
        }
        
        .gqa-range-value {
            background: var(--gqa-accent) !important;
            color: var(--gqa-white) !important;
            padding: 4px 12px !important;
            border-radius: 20px !important;
            font-size: 16px !important;
            font-weight: 600 !important;
        }
        
        /* Slider Wrapper for pseudo-element */
        .gqa-slider-wrapper {
            position: relative !important;
            width: 100% !important;
            margin: 20px 0 !important;
            height: 6px !important;
            background: #E5E7EB !important;
            border-radius: 3px !important;
        }
        
        /* Progress fill using pseudo-element */
        .gqa-slider-wrapper::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            height: 100% !important;
            background: #4982C3 !important;
            border-radius: 3px !important;
            width: var(--gqa-progress, 20%) !important;
            pointer-events: none !important;
            z-index: 1 !important;
        }
        
        /* Custom Range Slider */
        .gqa-range-slider {
            position: absolute !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            width: 100% !important;
            height: 6px !important;
            background: transparent !important;
            outline: none !important;
            -webkit-appearance: none !important;
            appearance: none !important;
            cursor: pointer !important;
            margin: 0 !important;
            z-index: 2 !important;
            border: none !important;
        }
        
        /* Webkit thumb */
        .gqa-range-slider::-webkit-slider-thumb {
            -webkit-appearance: none !important;
            appearance: none !important;
            width: 22px !important;
            height: 22px !important;
            border-radius: 50% !important;
            background: #4982C3 !important;
            cursor: pointer !important;
            box-shadow: 0 2px 10px rgba(73, 130, 195, 0.4) !important;
            transition: all 0.2s ease !important;
            position: relative !important;
            z-index: 3 !important;
            border: 2px solid #fff !important;
        }
        
        /* Firefox thumb */
        .gqa-range-slider::-moz-range-thumb {
            width: 22px !important;
            height: 22px !important;
            border-radius: 50% !important;
            background: #4982C3 !important;
            cursor: pointer !important;
            box-shadow: 0 2px 10px rgba(73, 130, 195, 0.4) !important;
            transition: all 0.2s ease !important;
            border: 2px solid #fff !important;
            position: relative !important;
            z-index: 3 !important;
        }
        
        .gqa-range-slider::-webkit-slider-thumb:hover {
            transform: scale(1.15) !important;
            box-shadow: 0 3px 15px rgba(73, 130, 195, 0.5) !important;
        }
        
        .gqa-range-slider::-moz-range-thumb:hover {
            transform: scale(1.15) !important;
            box-shadow: 0 3px 15px rgba(73, 130, 195, 0.5) !important;
        }
        
        /* Firefox track reset */
        .gqa-range-slider::-moz-range-track {
            background: transparent !important;
            border: none !important;
        }
        
        /* Webkit track reset */
        .gqa-range-slider::-webkit-slider-runnable-track {
            background: transparent !important;
            border: none !important;
        }
        
        .gqa-range-marks {
            display: flex !important;
            justify-content: space-between !important;
            margin-top: 8px !important;
            font-size: 14px !important;
            color: var(--gqa-gray) !important;
        }
        
        /* Search Button */
        .gqa-btn-container {
            text-align: center !important;
            margin-top: 16px !important;
        }
        
        .gqa-btn {
            background: var(--gqa-accent) !important;
            color: var(--gqa-white) !important;
            border: none !important;
            padding: 14px 48px !important;
            border-radius: 100px !important;
            font-family: var(--e-global-typography-text-font-family, "proxima-nova") !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            transition: all 0.2s ease !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            letter-spacing: 0.3px !important;
            text-decoration: none !important;
        }
        
        .gqa-btn:hover {
            background: var(--gqa-secondary) !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 12px rgba(38, 47, 106, 0.15) !important;
        }
        
        .gqa-btn:disabled {
            opacity: 0.5 !important;
            cursor: not-allowed !important;
            transform: none !important;
        }
        
        /* Spinner */
        .gqa-spinner {
            width: 18px !important;
            height: 18px !important;
            border: 2px solid rgba(255, 255, 255, 0.3) !important;
            border-top-color: var(--gqa-white) !important;
            border-radius: 50% !important;
            animation: gqa-spin 0.8s linear infinite !important;
            display: none !important;
        }
        
        .gqa-btn.gqa-loading .gqa-spinner {
            display: inline-block !important;
        }
        
        @keyframes gqa-spin {
            to { transform: rotate(360deg); }
        }
        
        /* Results Section */
        .gqa-results-section {
            display: none !important;
            max-width:1300px !important;
            width:100% !important;
        }
        
        .gqa-results-section.gqa-active {
            display: block !important;
            animation: gqa-fadein 0.4s ease !important;
        }
        
        @keyframes gqa-fadein {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .gqa-results-header {
            margin-bottom: 24px !important;
        }
        
        .gqa-results-header h3 {
            color: var(--gqa-primary) !important;
            font-family: var(--e-global-typography-36aaeb5-font-family, "proxima-nova") !important;
            font-size: var(--e-global-typography-36aaeb5-font-size, 34px) !important;
            font-weight: var(--e-global-typography-36aaeb5-font-weight, 600) !important;
            margin: 0 0 8px 0 !important;
        }
        
        .gqa-results-meta {
            color: var(--gqa-gray) !important;
            font-size: 16px !important;
            letter-spacing: 0.2px !important;
        }
        
        /* Map Container - 40% width, always visible */
        .gqa-map-container {
            background: var(--gqa-white) !important;
            border: 1px solid var(--gqa-border) !important;
            border-radius: var(--gqa-radius) !important;
            padding: 12px !important;
            flex: 0 0 40% !important;
            display: flex !important;
            flex-direction: column !important;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
        }

        .gqa-map-header {
            margin-bottom: 16px !important;
        }

        .gqa-map-title {
            color: var(--gqa-primary) !important;
            font-family: var(--e-global-typography-text-font-family, "proxima-nova") !important;
            font-size: 20px !important;
            font-weight: 600 !important;
            margin: 0 !important;
        }

        #gqa-map {
            width: 100% !important;
            flex: 1 !important;
            min-height: 300px !important;
            border-radius: 12px !important;
            overflow: hidden !important;
            border: 1px solid var(--gqa-border) !important;
        }
        
        /* Custom Map Info Window Styling */
        .gqa-map-infowindow {
            max-width: 280px !important;
        }
        
        .gqa-map-infowindow h4 {
            color: var(--gqa-secondary) !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            margin: 0 0 8px 0 !important;
            line-height: 1.3 !important;
        }
        
        .gqa-map-infowindow p {
            color: var(--gqa-gray) !important;
            font-size: 14px !important;
            margin: 4px 0 !important;
            line-height: 1.4 !important;
        }
        
        .gqa-map-infowindow a {
            color: var(--gqa-accent) !important;
            text-decoration: none !important;
            font-weight: 500 !important;
            display: inline-block !important;
            margin-top: 8px !important;
            font-size: 14px !important;
        }
        
        .gqa-map-infowindow a:hover {
            text-decoration: underline !important;
        }
        
        .gqa-map-distance {
            background: var(--gqa-light-bg) !important;
            color: var(--gqa-accent) !important;
            padding: 2px 8px !important;
            border-radius: 4px !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            display: inline-block !important;
            margin-bottom: 8px !important;
        }
        
        /* Centre Map Shortcode Styles */
        .gqa-centre-map-wrap {
            width: 100% !important;
            margin: 20px 0 !important;
        }
        
        .gqa-centre-map-container {
            background: var(--gqa-white) !important;
            border: 1px solid var(--gqa-border) !important;
            border-radius: var(--gqa-radius) !important;
            padding: 20px !important;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
        }
        
        .gqa-centre-map-header {
            margin-bottom: 16px !important;
        }
        
        .gqa-centre-map-title {
            color: var(--gqa-primary) !important;
            font-family: var(--e-global-typography-text-font-family, "proxima-nova") !important;
            font-size: 20px !important;
            font-weight: 600 !important;
            margin: 0 0 8px 0 !important;
        }
        
        .gqa-centre-map-description {
            color: var(--gqa-gray) !important;
            font-size: 14px !important;
            margin: 0 !important;
        }
        
        .gqa-centre-map {
            width: 100% !important;
            border-radius: 12px !important;
            overflow: hidden !important;
            border: 1px solid var(--gqa-border) !important;
        }
        
        .gqa-map-loading {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 400px !important;
            color: var(--gqa-gray) !important;
            font-size: 16px !important;
        }
        
        .gqa-map-error {
            background: #FEF2F2 !important;
            border: 1px solid #FCA5A5 !important;
            color: #991B1B !important;
            padding: 16px !important;
            border-radius: 8px !important;
            font-size: 14px !important;
            text-align: center !important;
        }
        
        /* Minimal Card Grid */
        .gqa-results-grid {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
            gap: 20px !important;
            margin-bottom: 32px !important;
        }
        
        /* Minimal Card Design */
        .gqa-card {
            background: var(--gqa-white) !important;
            border: 1px solid var(--gqa-border) !important;
            border-radius: var(--gqa-radius) !important;
            padding: 24px !important;
            transition: all 0.2s ease !important;
            display:flex !important;
            flex-direction: column !important;
        }
        
        .gqa-card:hover {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
            transform: translateY(-2px) !important;
        }
        
        .gqa-card-header {
            display: flex !important;
            justify-content: space-between !important;
            align-items: flex-start !important;
            margin-bottom:15px !important;
            padding-bottom:15px !important;
            border-bottom:1px solid rgba(0,0,0,0.1) !important;
        }
        
        .gqa-card-title {
            color: var(--gqa-primary) !important;
            font-family: var(--e-global-typography-deced63-font-family, "proxima-nova") !important;
            font-size: var(--e-global-typography-deced63-font-size, 20px) !important;
            font-weight: var(--e-global-typography-deced63-font-weight, 500) !important;
            line-height: 1.3 !important;
            margin: 0 !important;
            flex: 1 !important;
            padding-right: 12px !important;
        }
        
        .gqa-distance-badge {
            background: var(--gqa-light-bg) !important;
            color: var(--gqa-accent) !important;
            padding: 0 10px !important;
            border-radius: 4px !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            white-space: nowrap !important;
        }
        
        /* Card Info - Minimal Style */
        .gqa-card-info {
            margin-bottom: 20px !important;
        }
        
        .gqa-info-row {
            display: flex !important;
            align-items: center !important;
            margin-bottom: 12px !important;
            color: var(--gqa-gray) !important;
            font-size: 16px !important;
        }
        
        .gqa-info-row:last-child {
            margin-bottom: 0 !important;
        }
        
        .gqa-info-icon {
            width: 16px !important;
            height: 16px !important;
            margin-right: 10px !important;
            color: var(--gqa-gray) !important;
            flex-shrink: 0 !important;
        }
        
        .gqa-info-content {
            flex: 1 !important;
            line-height: 1.4 !important;
        }
        
        .gqa-info-content b{
            color:black!important;
        }
        
        
        .gqa-info-content a {
            color: var(--gqa-gray) !important;
            text-decoration: none !important;
            transition: color 0.2s ease !important;
        }
        
        .gqa-info-content a:hover {
            color: var(--gqa-accent) !important;
        }
        
        .gqa-sector-tag {
            display: inline-block !important;
            color: var(--gqa-gray) !important;
            border-radius: 4px !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            margin-top:-5px !important;
        }
        
        .gqa-sector-tag b{
            color:black !important;
        }
        
        /* Minimal Button Row */
        .gqa-card-footer {
            display: flex !important;
            gap: 16px !important;
            padding-top: 16px !important;
            border-top: 1px solid var(--gqa-border) !important;
            margin-top:auto !important;
        }
        
        .gqa-card-btn {
            color: var(--gqa-accent) !important;
            background: transparent !important;
            border: none !important;
            padding: 0 !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            text-decoration: none !important;
            cursor: pointer !important;
            transition: all 0.2s ease !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            position: relative !important;
        }
        
        .gqa-card-btn::after {
            content: '' !important;
            position: absolute !important;
            bottom: -2px !important;
            left: 0 !important;
            width: 0 !important;
            height: 1px !important;
            background: var(--gqa-accent) !important;
            transition: width 0.2s ease !important;
        }
        
        .gqa-card-btn:hover {
            color: var(--gqa-secondary) !important;
        }
        
        .gqa-card-btn:hover::after {
            width: 100% !important;
        }
        
        .gqa-card-btn svg {
            width: 14px !important;
            height: 14px !important;
        }
        
        /* Empty State */
        .gqa-empty {
            text-align: center !important;
            padding: 60px 24px !important;
            color: var(--gqa-gray) !important;
        }
        
        .gqa-empty-icon {
            width: 48px !important;
            height: 48px !important;
            margin: 0 auto 16px !important;
            opacity: 0.3 !important;
        }
        
        .gqa-empty-text {
            font-size: 18px !important;
            margin-bottom: 8px !important;
            color: var(--gqa-primary) !important;
        }
        
        .gqa-empty-hint {
            font-size: 16px !important;
            color: var(--gqa-gray) !important;
        }
        
        /* Error State */
        .gqa-error {
            background: #FEF2F2 !important;
            border: 1px solid #FCA5A5 !important;
            color: #991B1B !important;
            padding: 12px 16px !important;
            border-radius: 6px !important;
            margin-top: 16px !important;
            display: none !important;
            font-size: 16px !important;
        }
        
        .gqa-error.gqa-active {
            display: block !important;
        }
        
        /* Responsive */
        @media (max-width: 1050px) {
            /* Stack filters and map vertically on mobile */
            .gqa-top-row {
                flex-direction: column !important;
            }

            .gqa-search-container {
                flex: 1 !important;
                padding: 24px 16px !important;
            }

            .gqa-map-container {
                flex: 1 !important;
                padding: 16px !important;
            }

            #gqa-map {
                min-height: 350px !important;
            }

            .gqa-header h2 {
                font-size: 32px !important;
            }

            .gqa-input-group{
                width:100% !important;
            }

            .gqa-search-row {
                flex-direction: column !important;
                gap: 12px !important;
            }

            .gqa-results-grid {
                grid-template-columns: 1fr !important;
            }

            .gqa-input-group.gqa-toggle-group {
                min-width: 100% !important;
            }

            .gqa-centre-map-container {
                padding: 16px !important;
            }

            .gqa-centre-map {
                min-height: 300px !important;
            }
        }