/* Homepage «مزوّد خدمة عقارية؟ حيّاك معنا» (owner 2026-10-31): moved from under the provider cards to right under
   the hero search card, as wide as it, on the hero's own ground. Same look as before: a dark translucent card with
   the gold button. Scoped under #home-join-banner. */

#home-join-banner.aqsp__cta {
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    margin: 20px 0 0;
    padding: 18px 22px;
    border: 1px solid rgba(201, 186, 240, 0.25);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
#home-join-banner .aqsp__cta-ico {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: rgba(245, 185, 66, 0.16);
    color: #f5b942;
}
#home-join-banner .aqsp__cta-ico svg { width: 28px; height: 28px; }
#home-join-banner .aqsp__cta-text {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
#home-join-banner .aqsp__cta-text b { color: #fff; font-size: 17px !important; font-weight: 800; }
#home-join-banner .aqsp__cta-text span { color: #c9bfe6; font-size: 14px !important; line-height: 1.6; }
#home-join-banner .aqsp__cta-btn {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border: 0;
    border-radius: 12px;
    background: #f5b942;
    color: #3b2a63;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 10px 24px -10px rgba(245, 185, 66, 0.7);
    transition: transform 0.2s, box-shadow 0.2s;
}
#home-join-banner .aqsp__cta-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -10px rgba(245, 185, 66, 0.85); }
#home-join-banner .aqsp__cta-btn:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.7); outline-offset: 2px; }
#home-join-banner .aqsp__cta-btn svg { width: 16px; height: 16px; }
#home-join-banner[dir="ltr"] .aqsp__cta-btn svg { transform: scaleX(-1); }

/* ---------- Phone ---------- */
@media (max-width: 640px) {
    #home-join-banner.aqsp__cta { flex-direction: column; text-align: center; margin-top: 16px; }
    #home-join-banner .aqsp__cta-btn { width: 100%; justify-content: center; }
}