/* =========================================================
   FIND MY HALL PAGE – PREMIUM EXPERIENCE
========================================================= */

.hbc-match-page{
    direction: rtl;
    padding: 48px 0 74px;
    background:
        radial-gradient(circle at 12% 12%, rgba(201,146,46,.07) 0%, rgba(201,146,46,0) 22%),
        radial-gradient(circle at 88% 18%, rgba(36,68,111,.06) 0%, rgba(36,68,111,0) 22%),
        linear-gradient(180deg, #f4f7fb 0%, #eef3f8 100%);
}

.hbc-match-wrap{
    width: min(1400px, calc(100% - 32px));
    margin: 0 auto;
}

/* =========================================================
   HERO
========================================================= */

.hbc-match-hero{
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    padding: 42px 36px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 85% 18%, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 22%),
        radial-gradient(circle at 15% 84%, rgba(201,146,46,.20) 0%, rgba(201,146,46,0) 28%),
        linear-gradient(135deg, #0b1324 0%, #173154 48%, #27476f 100%);
    color: #fff;
    box-shadow:
        0 26px 60px rgba(15,23,42,.16),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.hbc-match-hero::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 100%);
}

.hbc-match-kicker{
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 800;
    color: rgba(255,255,255,.76);
    letter-spacing: .2px;
}

.hbc-match-hero h1{
    position: relative;
    z-index: 1;
    margin: 0 0 14px;
    font-size: 50px;
    line-height: 1.03;
    font-weight: 900;
    color: #fff;
    letter-spacing: -.03em;
}

.hbc-match-hero p{
    position: relative;
    z-index: 1;
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 1.9;
    color: rgba(255,255,255,.92);
    max-width: 920px;
}

/* =========================================================
   FORM WRAP
========================================================= */

.hbc-match-form{
    position: relative;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(251,253,255,.98) 100%);
    border: 1px solid #e4ecf5;
    border-radius: 30px;
    padding: 24px 22px 22px;
    box-shadow:
        0 18px 40px rgba(16,24,40,.06),
        0 2px 12px rgba(16,24,40,.03);
    margin-bottom: 26px;
}

.hbc-match-form::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.hbc-match-form-grid{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

/* =========================================================
   FIELDS
========================================================= */

.hbc-match-field{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hbc-match-field label{
    display: block;
    margin: 0;
    padding-inline: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #334155;
    letter-spacing: .08px;
    transition: color .18s ease;
}

.hbc-match-field select,
.hbc-match-field input{
    width: 100%;
    min-height: 50px;
    border-radius: 20px;
    border: 1px solid #d8e3ef;
    background:
        linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    padding: 0 18px;
    font-size: 15px;
    font-weight: 400;
    color: #0f172a;
    box-shadow:
        0 6px 14px rgba(15,23,42,.04),
        inset 0 1px 0 rgba(255,255,255,.85);
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease,
        background .18s ease,
        color .18s ease;
}

.hbc-match-field input::placeholder{
    color: #94a3b8;
    font-weight: 700;
}

.hbc-match-field select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 18px;
    padding-left: 48px;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%2314233c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 18px 18px;
    cursor: pointer;
}

.hbc-match-field select:hover,
.hbc-match-field input:hover{
    border-color: #c5d3e3;
    box-shadow:
        0 8px 18px rgba(15,23,42,.05),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.hbc-match-field select:focus,
.hbc-match-field input:focus{
    outline: none;
    border-color: #c9922e;
    background: #fff;
    box-shadow:
        0 0 0 4px rgba(201,146,46,.13),
        0 10px 24px rgba(15,23,42,.06);
    transform: translateY(-1px);
}

.hbc-match-field.is-active label{
    color: #173154;
}

.hbc-match-field.is-active select,
.hbc-match-field.is-active input{
    border-color: #c9922e;
    box-shadow:
        0 0 0 4px rgba(201,146,46,.09),
        0 8px 18px rgba(15,23,42,.05);
}

.hbc-match-field.is-locked select{
    background:
        linear-gradient(180deg, #fcfdff 0%, #f6f9fc 100%);
    border-color: #d9e3ef;
    color: #334155;
}

.hbc-match-field select option:disabled,
#hbc-match-city option[data-locked="1"]{
    color: #a0acbd;
    background: #f3f6fa;
}

.hbc-match-field input[type="number"]{
    appearance: textfield;
    -moz-appearance: textfield;
}

.hbc-match-field input[type="number"]::-webkit-outer-spin-button,
.hbc-match-field input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

/* =========================================================
   ACTIONS
========================================================= */

.hbc-match-actions{
    margin-top: 28px;
    display: flex;
    justify-content:center;
}

.hbc-match-submit,
.hbc-match-more-btn{
    min-width: 170px;
    min-height: 50px;
    padding: 0 24px;
    border: none !important;
    border-radius: 18px;
    background: linear-gradient(135deg, #c9922e 0%, #b88427 100%) !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1px;
    cursor: pointer;
    box-shadow:
        0 14px 28px rgba(201,146,46,.22),
        inset 0 1px 0 rgba(255,255,255,.16);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease,
        background .18s ease;
}

.hbc-match-submit:hover,
.hbc-match-more-btn:hover{
    background: linear-gradient(135deg, #d29d3b 0%, #ba8729 100%) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow:
        0 18px 32px rgba(201,146,46,.28),
        inset 0 1px 0 rgba(255,255,255,.18);
}

.hbc-match-submit:focus,
.hbc-match-submit:active,
.hbc-match-more-btn:focus,
.hbc-match-more-btn:active{
    background: linear-gradient(135deg, #c9922e 0%, #b88427 100%) !important;
    color: #fff !important;
    border: none !important;
    outline: none;
    box-shadow:
        0 0 0 4px rgba(201,146,46,.18),
        0 14px 28px rgba(201,146,46,.24);
    transform: translateY(0);
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1180px){

    .hbc-match-form-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 767px){

    .hbc-match-wrap{
        width: calc(100% - 16px);
        max-width: none;
    }

    .hbc-match-page{
        padding: 18px 0 42px;
    }

    .hbc-match-hero{
        border-radius: 24px;
        padding: 26px 18px;
        margin-bottom: 18px;
    }

    .hbc-match-kicker{
        font-size: 12px;
        margin-bottom: 10px;
    }

    .hbc-match-hero h1{
        font-size: 32px;
        line-height: 1.08;
        margin-bottom: 12px;
    }

    .hbc-match-hero p{
        font-size: 15px;
        line-height: 1.8;
    }

    .hbc-match-form{
        padding: 16px;
        border-radius: 22px;
    }

    .hbc-match-form-grid{
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .hbc-match-field select,
    .hbc-match-field input{
        min-height: 54px;
        border-radius: 16px;
        font-size: 15px;
    }

    .hbc-match-field.is-locked::after{
        font-size: 10px;
    }

    .hbc-match-submit,
    .hbc-match-more-btn{
        width: 100%;
        min-width: 100%;
    }

    .hbc-custom-select-menu{
        display:none !important;
    }

    .hbc-mobile-select-picker[hidden]{
        display:none !important;
    }

    .hbc-mobile-select-picker{
        position:fixed;
        inset:0;
        z-index:999999;
        overscroll-behavior:contain;
        touch-action:none;
    }

    .hbc-mobile-select-backdrop{
        position:absolute;
        inset:0;
        background:rgba(15,23,42,.42);
        backdrop-filter:blur(2px);
    }

    .hbc-mobile-select-sheet{
        position:absolute;
        right:18px;
        left:18px;
        top:50%;
        transform:translateY(-50%);
        background:#fff;
        border-radius:24px;
        padding:18px;
        box-shadow:0 20px 45px rgba(0,0,0,.22);
        max-height:76vh;
        overflow:auto;
        direction:rtl;
        touch-action:auto;
        overscroll-behavior:contain;
    }

    .hbc-mobile-select-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        flex-direction:row-reverse;
        margin-bottom:16px;
    }

    .hbc-mobile-select-title{
        font-size:20px;
        font-weight:900;
        color:#1f2a44;
        text-align:right;
    }

    .hbc-mobile-select-close,
    .hbc-mobile-select-close:hover,
    .hbc-mobile-select-close:focus,
    .hbc-mobile-select-close:active{
        width:38px !important;
        height:38px !important;
        padding:0 !important;
        margin:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border:0 !important;
        border-radius:12px !important;
        background:#f1f3f6 !important;
        background-image:none !important;
        color:#1f2a44 !important;
        font-size:24px !important;
        font-weight:700 !important;
        line-height:1 !important;
        box-shadow:none !important;
        transform:none !important;
        cursor:pointer;
        appearance:none;
        -webkit-appearance:none;
    }

    .hbc-mobile-select-options{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:12px;
    }

    .hbc-mobile-select-option{
        min-height:58px;
        border:1px solid #e5e7eb;
        border-radius:14px;
        background:#fff;
        color:#1f2a44;
        font-size:16px;
        font-weight:800;
        text-align:center;
        cursor:pointer;
    }

    .hbc-mobile-select-option:hover,
    .hbc-mobile-select-option:focus,
    .hbc-mobile-select-option:active{
        background:#fff !important;
        color:#1f2a44 !important;
        border-color:#e5e7eb !important;
        box-shadow:none !important;
    }

    .hbc-mobile-select-option.is-selected,
    .hbc-mobile-select-option.is-selected:hover,
    .hbc-mobile-select-option.is-selected:focus{
        background:#f4e7b8 !important;
        border-color:#d0aa2c !important;
        color:#9a6b00 !important;
    }

    body.hbc-mobile-select-open{
        overflow:hidden !important;
        height:100vh;
        position:fixed;
        width:100%;
        touch-action:none;
    }

}

.hall-filters button:hover,
.hall-filters button:focus,
.hall-filters button:active,
.hall-filters-clear-top:hover,
.hall-filters-clear-top:focus,
.hall-filters-clear-top:active,
.hall-clear-btn:hover,
.hall-clear-btn:focus,
.hall-clear-btn:active{
    background:#f1f5f9 !important;
    color:#334155 !important;
    border-color:#cbd5e1 !important;
    box-shadow:none !important;
    outline:none !important;
}

.hbc-sticky-tabs{
    position: sticky;
    top: 80px;
    z-index: 80;
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0 0 18px;
}

.hbc-sticky-tabs-inner{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    background: transparent;
    border-bottom: 1px solid #dbe3ee;
    height: 54px;
    padding: 0;
}

.hbc-sticky-tab{
    position: relative;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #243b5e;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.hbc-sticky-tab:hover{
    background: rgba(15,23,42,.045);
    color: #111827;
}

.hbc-sticky-tab.is-active{
    color: #1d4ed8;
    border-bottom-color: #1d4ed8;
}

.hbc-sticky-tab.is-active::after{
    display: none;
}

@media (max-width:767px){

    .hbc-sticky-tabs{
        display:none;
    }

}

/* =========================================================
   RESULTS HEAD
========================================================= */

.hbc-match-results-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 30px 0 16px;
    flex-wrap: wrap;
}

.hbc-match-results-head h2{
    margin: 0;
    font-size: 30px;
    color: #0f172a;
    font-weight: 900;
    letter-spacing: -.02em;
}

.hbc-match-results-count{
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 999px;
    background: #eef4fa;
    border: 1px solid #dce6f1;
    font-size: 14px;
    color: #475569;
    font-weight: 800;
}

/* =========================================================
   RESULTS GRID + CARDS
   Desktop: 3 cards per row. Mobile: 1 card per row.
========================================================= */

.hbc-match-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
}

.hbc-match-item,
.hbc-match-item .hbc-card{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
}

@media (max-width:980px){
    .hbc-match-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:18px !important;
    }
}

/* =========================================================
   FIND HALL - MOBILE CARDS LIKE HOME
   מצא לי אולם בלבד | מובייל בלבד
   מחליף את עיצוב המובייל הישן של הכרטיסים
========================================================= */

@media (max-width:767px){

    body.page-id-87 .site-main{
        padding-left:0 !important;
        padding-right:0 !important;
        padding-inline-start:0 !important;
        padding-inline-end:0 !important;
    }

    body.page-id-87 .hbc-match-wrap{
        width:calc(100% - 16px) !important;
        max-width:none !important;
        margin-right:auto !important;
        margin-left:auto !important;
    }

    body.page-id-87 .hbc-match-grid{
        display:flex !important;
        flex-direction:column !important;
        gap:28px !important;

        width:100% !important;
        max-width:100% !important;

        margin:0 auto !important;
        padding:0 !important;
        align-items:stretch !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card){
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 130px !important;
        grid-template-areas:"body media" !important;
        direction:ltr !important;

        position:relative !important;

        width:100% !important;
        max-width:100% !important;

        height:188px !important;
        min-height:188px !important;
        max-height:188px !important;

        background:#fff !important;
        border:1px solid #e1e5ea !important;
        border-radius:0 !important;
        box-shadow:none !important;
        overflow:visible !important;

        margin:0 !important;
        padding:0 !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item + .hbc-match-item > article.hbc-card:not(.hbc-value-card)::before{
        content:"" !important;
        position:absolute !important;

        top:-14px !important;
        right:0 !important;
        left:0 !important;

        height:2px !important;
        background:#d7dde6 !important;
        border-radius:999px !important;

        z-index:50 !important;
        pointer-events:none !important;
    }

    /* תמונה */
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-media{
        grid-area:media !important;
        position:relative !important;

        width:130px !important;
        height:188px !important;
        min-height:188px !important;
        max-height:188px !important;

        overflow:hidden !important;
        border-radius:4px !important;
        margin:0 !important;
        padding:0 !important;
        aspect-ratio:auto !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-media a,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-media picture,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-media img{
        display:block !important;
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        border-radius:4px !important;
        overflow:hidden !important;
    }

    /* לב */
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-favorite-btn{
        position:absolute !important;
        top:8px !important;
        left:8px !important;
        z-index:5 !important;

        width:34px !important;
        height:34px !important;
        min-height:34px !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:999px !important;
        background:#fff !important;
        box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-favorite-btn .hbc-heart-svg,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-favorite-btn svg{
        width:21px !important;
        height:21px !important;
    }

    /* גוף הכרטיס */
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-body{
        grid-area:body !important;
        direction:rtl !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        grid-template-areas:
            "title"
            "info"
            "rating"
            "buttons" !important;
        grid-template-rows:auto auto 32px 1fr !important;

        row-gap:6px !important;
        align-content:start !important;

        height:188px !important;
        min-height:188px !important;
        max-height:188px !important;

        padding:10px 10px 9px !important;
        margin:0 !important;

        overflow:hidden !important;
        text-align:right !important;
        box-sizing:border-box !important;
    }

    /* שם אולם */
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-body > div:first-child,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-title-wrap{
        grid-area:title !important;
        min-width:0 !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-title{
        margin:0 !important;
        padding:0 !important;

        font-size:18px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        color:#111827 !important;

        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        text-align:right !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-title a{
        font-size:inherit !important;
        color:#111827 !important;
        text-decoration:none !important;
    }

    /* מיקום / אורחים / סוג מקום */
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-info-top{
        grid-area:info !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:3px !important;

        width:100% !important;
        min-width:0 !important;

        margin:4px 0 0 !important;
        padding:0 !important;

        direction:rtl !important;
        text-align:right !important;
        overflow:hidden !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-location,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-guests-inline,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-venue-type{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:4px !important;

        width:100% !important;
        height:16px !important;
        min-height:16px !important;
        max-height:16px !important;

        margin:0 !important;
        padding:0 !important;

        font-family:inherit !important;
        font-size:12px !important;
        line-height:16px !important;
        font-weight:400 !important;
        color:#4b5563 !important;

        direction:rtl !important;
        text-align:right !important;

        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-location *,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-guests-inline *,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-venue-type *{
        margin:0 !important;
        padding:0 !important;

        font-family:inherit !important;
        font-size:12px !important;
        line-height:16px !important;
        font-weight:400 !important;
        color:#4b5563 !important;

        white-space:nowrap !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-guests-text,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-guests-text bdi{
        display:inline-flex !important;
        align-items:center !important;

        margin:0 !important;
        padding:0 !important;

        font-size:12px !important;
        line-height:16px !important;
        font-weight:400 !important;
        color:#4b5563 !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-location img.emoji,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-guests-inline img.emoji,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-venue-type img.emoji{
        width:12px !important;
        height:12px !important;
        min-width:12px !important;
        max-width:12px !important;

        margin:0 0 0 3px !important;
        padding:0 !important;

        vertical-align:middle !important;
        transform:none !important;
    }

    /* אזור הציון */
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-actions{
        grid-area:rating !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        width:100% !important;
        height:32px !important;
        min-height:32px !important;

        margin:4px 0 0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-rating-bottom{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:5px !important;

        direction:rtl !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        transform:none !important;
        text-align:right !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-rating-score{
        order:1 !important;
        flex:0 0 26px !important;

        width:26px !important;
        height:26px !important;
        min-width:26px !important;
        max-width:26px !important;
        min-height:26px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:0 !important;

        border-radius:5px !important;
        font-size:12px !important;
        line-height:1 !important;
        font-weight:700 !important;
        text-align:center !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-rating-label{
        order:2 !important;
        margin:0 !important;

        font-size:12px !important;
        line-height:1.1 !important;
        font-weight:600 !important;
        white-space:nowrap !important;
        text-align:right !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-rating-count{
        order:3 !important;
        margin:0 !important;

        font-size:11px !important;
        line-height:1.1 !important;
        white-space:nowrap !important;
        text-align:right !important;
        color:#6b7280 !important;
    }

    /* תג לכרטיסים בלי ציון */
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card.no-rating:not(.hbc-value-card) .hbc-card-actions::before{
        content:"טרם דורג" !important;

        width:auto !important;
        height:30px !important;
        min-height:30px !important;
        flex:0 0 auto !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 12px !important;
        border-radius:999px !important;

        background:linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%) !important;
        color:#1d4ed8 !important;
        border:1px solid #bfd4ff !important;

        font-size:9px !important;
        font-weight:700 !important;
        line-height:1 !important;
        white-space:nowrap !important;

        box-shadow:0 4px 10px rgba(29,78,216,.10) !important;
    }

    /* כפתורי פנייה */
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-meta{
        grid-area:buttons !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
        align-items:center !important;
        align-self:end !important;

        width:100% !important;
        height:36px !important;
        min-height:36px !important;

        margin:0 !important;
        padding:0 !important;
        overflow:visible !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-meta .hbc-meta-box,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-meta .hbc-meta-box-phone{
        width:100% !important;
        max-width:100% !important;

        height:36px !important;
        min-height:36px !important;
        padding:0 8px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:9px !important;
        box-sizing:border-box !important;

        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        text-align:center !important;
        white-space:nowrap !important;
        text-decoration:none !important;

        margin:0 !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-meta-box-lead{
        background:linear-gradient(180deg, #fff7e6 0%, #ffedc2 100%) !important;
        border:1px solid #d6a23a !important;
        color:#5c3b00 !important;
        box-shadow:0 3px 8px rgba(214,162,58,.16) !important;
    }

    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-meta-box-phone{
        background:linear-gradient(180deg, #f3f7fc 0%, #e6eef8 100%) !important;
        border:1px solid #cbd8e8 !important;
        color:#17324d !important;
        box-shadow:0 3px 8px rgba(15,23,42,.08) !important;
    }

    /* הסתרות כמו בכרטיסי הבית */
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-features,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-feature,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-excerpt,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-badge,
    body.page-id-87 .hbc-match-grid .hbc-match-item > article.hbc-card:not(.hbc-value-card) .hbc-card-badges{
        display:none !important;
    }
}

/* =========================================================
   RATING BOX - DESKTOP CONTAINMENT
========================================================= */

@media (min-width:768px){

    .hbc-match-page .hbc-match-grid .hbc-card-rating-bottom{
        display:grid !important;
        grid-template-columns:32px minmax(0, 1fr) !important;
        grid-template-areas:
            "score label"
            "score count" !important;
        column-gap:6px !important;
        align-items:center !important;
        max-width:100% !important;
        width:100% !important;
        overflow:hidden !important;
    }

    .hbc-match-page .hbc-match-grid .hbc-card-rating-score{
        grid-area:score !important;
        width:32px !important;
        min-width:32px !important;
        height:32px !important;
    }

    .hbc-match-page .hbc-match-grid .hbc-card-rating-label{
        grid-area:label !important;
    }

    .hbc-match-page .hbc-match-grid .hbc-card-rating-count{
        grid-area:count !important;
    }

    .hbc-match-page .hbc-match-grid .hbc-card-rating-label,
    .hbc-match-page .hbc-match-grid .hbc-card-rating-count{
        min-width:0 !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }
}

/* =========================================================
   LOAD MORE BUTTON
========================================================= */

.hbc-match-more-wrap{
    display:flex !important;
    justify-content:center !important;
    margin-top:18px !important;
    margin-bottom:8px !important;
}

@media (max-width:767px){

    .hbc-match-more-wrap{
        margin-top:22px !important;
        margin-bottom:10px !important;
    }

    .hbc-match-more-btn{
        margin:0 auto !important;
    }
}

/* =========================================================
   MOBILE RESULTS HEAD
========================================================= */

@media (max-width:767px){

    .hbc-match-results-head{
        margin:22px 0 14px !important;
    }

    .hbc-match-results-head h2{
        font-size:24px !important;
    }

    .hbc-match-results-count{
        font-size:13px !important;
        min-height:38px !important;
    }
}

/* כשה-JS מסתיר את כפתור הצג עוד — לא לעקוף אותו */
.hbc-match-more-wrap[style*="display: none"],
.hbc-match-more-wrap[style*="display:none"]{
    display:none !important;
}

/* =========================================================
   FIND HALL HERO - HIDE KICKER + MATCH HERO SIZE
========================================================= */

body.page-id-87 .hbc-match-kicker{
    display:none !important;
}

body.page-id-87 .hbc-match-hero{
    min-height:178px;
    padding:26px 36px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    text-align:right;
}

body.page-id-87 .hbc-match-hero h1{
    margin-bottom:10px;
}

body.page-id-87 .hbc-match-hero p{
    margin-bottom:0;
    line-height:1.65;
}

@media (max-width:767px){

    body.page-id-87 .hbc-match-hero{
        min-height:150px;
        padding:22px 18px;
    }

    body.page-id-87 .hbc-match-hero h1{
        margin-bottom:8px;
    }

    body.page-id-87 .hbc-match-hero p{
        line-height:1.55;
    }
}