:root {
    --bk-navy: #1A2F5C;
    --bk-lime: #C4D600;
    --bk-charcoal: #2B2D33;
    --bk-sand: #D4C5A9;
    --bk-olive: #6B705C;
    --bk-clay: #B5654D;
    --bk-white: #FAFAF8;
}
body {
    font-family: 'Rubik', sans-serif;
    direction: rtl;
    background: var(--bk-white);
    color: var(--bk-charcoal);
    margin: 0;
}
.bk-header {
    background: var(--bk-navy);
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}
.bk-header-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px 20px;
    flex-wrap: wrap;
}
.bk-logo img { max-height: 50px; display: block; }
.bk-location-select select {
    background: transparent;
    color: var(--bk-white);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 6px;
    padding: 6px 10px;
    font-family: inherit;
}
.bk-search-bar { flex: 1; min-width: 200px; }
.bk-search-bar form {
    display: flex;
    background: var(--bk-white);
    border-radius: 8px;
    overflow: hidden;
}
.bk-search-bar input {
    flex: 1;
    border: none;
    padding: 10px 14px;
    font-family: inherit;
    font-size: 14px;
}
.bk-search-bar button {
    background: var(--bk-lime);
    border: none;
    padding: 0 16px;
    cursor: pointer;
}
.bk-nav ul { display: flex; list-style: none; gap: 16px; margin: 0; padding: 0; }
.bk-nav a { color: var(--bk-white); text-decoration: none; font-size: 14px; }
.bk-whatsapp-cta {
    background: var(--bk-lime);
    color: var(--bk-charcoal);
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
}
#hamburger-menu { display: none; }
@media (max-width: 768px) {
    .bk-nav { display: none; }
    #hamburger-menu { display: block; }
    .bk-search-bar { order: 3; width: 100%; }
}
.bk-footer {
    background: var(--bk-charcoal);
    color: var(--bk-white);
    padding: 40px 20px 20px;
    margin-top: 60px;
}
.bk-footer-inner { max-width: 1280px; margin: 0 auto; display: flex; gap: 40px; flex-wrap: wrap; }
.bk-footer a { color: var(--bk-lime); }
.bk-footer-bottom {
    text-align: center;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.1);
    font-size: 13px;
    opacity: 0.7;
}

.bk-hero {
    background: linear-gradient(135deg, var(--bk-navy), #0F1E3D);
    color: var(--bk-white);
    padding: 80px 20px;
    text-align: center;
}
.bk-hero h1 {
    font-size: clamp(28px, 5vw, 48px);
    margin: 0 0 10px;
}
.bk-hero p {
    font-size: 18px;
    color: var(--bk-lime);
    margin: 0 0 30px;
    font-weight: 600;
}
.bk-hero-search {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    background: var(--bk-white);
    border-radius: 10px;
    overflow: hidden;
}
.bk-hero-search input {
    flex: 1;
    border: none;
    padding: 16px;
    font-size: 16px;
}
.bk-hero-search button {
    background: var(--bk-lime);
    border: none;
    padding: 0 30px;
    font-weight: 700;
    cursor: pointer;
}
.bk-categories, .bk-recent, .bk-cta {
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 20px;
}
.bk-categories h2, .bk-recent h2, .bk-cta h2 {
    font-size: 24px;
    margin-bottom: 24px;
}
.bk-cat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 16px;
}
.bk-cat-card {
    background: var(--bk-sand);
    border-radius: 10px;
    padding: 20px;
    text-decoration: none;
    color: var(--bk-charcoal);
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: transform 0.2s;
}
.bk-cat-card:hover { transform: translateY(-3px); }
.bk-cat-name { font-weight: 700; }
.bk-cat-count { font-size: 12px; opacity: 0.7; }
.bk-biz-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
}
.bk-biz-card {
    background: var(--bk-white);
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 16px;
}
.bk-biz-card h3 { margin: 0 0 8px; font-size: 16px; }
.bk-biz-card a { color: var(--bk-navy); text-decoration: none; }
.bk-biz-cats { font-size: 12px; color: var(--bk-olive); }
.bk-cta { text-align: center; }
.bk-cta-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.bk-cta-btn {
    background: var(--bk-navy);
    color: var(--bk-white);
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
}
.bk-cta-btn-alt { background: var(--bk-clay); }
.bk-single{max-width:800px;margin:40px auto;padding:0 20px}
.bk-biz-single h1{font-size:32px;margin:10px 0 20px;color:var(--bk-navy)}
.bk-verified{background:var(--bk-lime);color:var(--bk-charcoal);padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700}
.bk-biz-meta{background:#f5f5f2;border-radius:10px;padding:20px;margin-bottom:24px}
.bk-biz-meta p{margin:8px 0;font-size:16px}
.bk-biz-meta a{color:var(--bk-navy);font-weight:600}
.bk-biz-content{line-height:1.7;margin-bottom:20px}

/* Recent businesses - professional cards */
.bk-recent {
    padding-top: 40px;
}

.bk-recent h2 {
    margin-bottom: 28px;
}

.bk-biz-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.bk-biz-card {
    background: #fff;
    border: 1px solid rgba(26,47,92,.08);
    border-radius: 16px;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 8px 24px rgba(26,47,92,.06);
    transition: transform .2s ease, box-shadow .2s ease;
}

.bk-biz-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 34px rgba(26,47,92,.12);
}

.bk-biz-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f2f4f7;
}

.bk-biz-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bk-biz-card h3 {
    margin: 18px 18px 8px;
    font-size: 18px;
    line-height: 1.35;
}

.bk-biz-card h3 a {
    color: var(--bk-navy);
}

.bk-biz-cats {
    margin: 0 18px 18px;
    font-size: 13px;
    color: var(--bk-olive);
}

@media (max-width: 1024px) {
    .bk-biz-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .bk-biz-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .bk-biz-card h3 {
        font-size: 17px;
    }
}

/* ===== Professional business cards ===== */

.bk-biz-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}

.bk-biz-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 14px;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 4px 16px rgba(26,47,92,.05);
    transition: transform .2s ease, box-shadow .2s ease;
}

.bk-biz-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(26,47,92,.12);
}

.bk-biz-image-link {
    display: block;
}

.bk-biz-img {
    width: 100%;
    height: 170px;
    background: #f4f5f7;
    overflow: hidden;
}

.bk-biz-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    background: #fff;
}

.bk-biz-no-image {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bk-navy);
    font-weight: 800;
    letter-spacing: 1px;
}

.bk-biz-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    text-align: center;
}

.bk-biz-card h3 {
    margin: 0 0 10px;
    font-size: 17px;
    line-height: 1.4;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bk-biz-card h3 a {
    color: var(--bk-navy);
    text-decoration: none;
}

.bk-biz-category {
    display: inline-flex;
    background: #eee5d6;
    color: #625847;
    border-radius: 20px;
    padding: 5px 11px;
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 12px;
}

.bk-biz-excerpt {
    margin: 0 0 16px;
    color: #606775;
    font-size: 13px;
    line-height: 1.6;
    min-height: 63px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bk-biz-more {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 90px;
    background: var(--bk-navy);
    color: #fff !important;
    padding: 9px 18px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.bk-biz-more:hover {
    opacity: .9;
}

@media (max-width: 1200px) {
    .bk-biz-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .bk-biz-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .bk-biz-grid {
        grid-template-columns: 1fr;
    }

    .bk-biz-img {
        height: 210px;
    }
}


/* ===== Footer ===== */

.bk-footer {
    margin-top: 72px;
    padding: 56px 20px 20px;
    background: var(--bk-charcoal);
    color: var(--bk-white);
}

.bk-footer-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px;
}

.bk-footer-col h2 {
    margin: 0 0 16px;
    font-size: 18px;
    line-height: 1.3;
    color: var(--bk-lime);
}

.bk-footer-col p {
    margin: 0 0 12px;
    line-height: 1.7;
    color: rgba(255,255,255,.72);
}

.bk-footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bk-footer-col li + li {
    margin-top: 10px;
}

.bk-footer-col a {
    color: rgba(255,255,255,.88);
    text-decoration: none;
    transition: color .2s ease;
}

.bk-footer-col a:hover,
.bk-footer-col a:focus-visible {
    color: var(--bk-lime);
}

.bk-footer-contact address {
    margin: 0 0 18px;
    font-style: normal;
}

.bk-footer-bottom {
    max-width: 1280px;
    margin: 40px auto 0;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.1);
    text-align: center;
}

.bk-footer-bottom p {
    margin: 0;
    font-size: 13px;
    color: rgba(255,255,255,.55);
}

@media (max-width: 900px) {
    .bk-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .bk-footer {
        padding-top: 40px;
    }

    .bk-footer-inner {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}
.bk-catbar{background:#fff;border-bottom:1px solid rgba(26,47,92,.1);overflow-x:auto}
.bk-catbar ul{display:flex;gap:8px;list-style:none;margin:0 auto;padding:12px 20px;max-width:1280px;white-space:nowrap}
.bk-catbar a{display:inline-block;padding:6px 14px;background:var(--bk-sand);color:var(--bk-navy);border-radius:20px;text-decoration:none;font-size:14px;font-weight:600}
.bk-catbar a:hover{background:var(--bk-lime)}
.bk-archive{max-width:1280px;margin:40px auto;padding:0 20px}
.bk-archive-head{margin-bottom:28px}
.bk-archive-head h1{color:var(--bk-navy);font-size:32px;margin:0 0 8px}
.bk-archive-head p{color:#666;margin:0}
.bk-biz-addr{font-size:14px;color:#666;margin:8px 0}
.bk-biz-tel{display:inline-block;background:var(--bk-navy);color:#fff;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:600;margin-top:8px}
.bk-biz-tel:hover{background:var(--bk-lime);color:var(--bk-charcoal)}
.bk-pagination{margin:40px 0;text-align:center}
.bk-pagination .page-numbers{display:inline-block;padding:8px 14px;margin:0 4px;background:var(--bk-sand);border-radius:8px;text-decoration:none;color:var(--bk-navy)}
.bk-pagination .current{background:var(--bk-navy);color:#fff}
.bk-biz-tel{color:#fff!important;font-size:16px;direction:ltr;display:flex;align-items:center;justify-content:center;gap:8px}
.bk-biz-card{display:flex;flex-direction:column;min-height:180px}
.bk-biz-card h3{padding:0 16px}
.bk-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px;flex-wrap:wrap;gap:12px}
.bk-toolbar button{background:var(--bk-sand);border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;color:var(--bk-navy);font-family:inherit}
.bk-toolbar button.active{background:var(--bk-navy);color:#fff}
.bk-sort{display:flex;gap:8px}
.bk-view{display:flex;gap:6px}
.bk-view button{font-size:18px;padding:6px 12px}
.bk-biz-grid.bk-list-view{grid-template-columns:1fr}
.bk-list-view .bk-biz-card{flex-direction:row;align-items:center;justify-content:space-between;min-height:auto;padding:12px 16px}
.bk-list-view .bk-biz-tel{margin:0}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.bk-hero p{color:#E8F000;font-weight:700}
.bk-search-bar input::placeholder,.bk-hero-search input::placeholder{color:#5a5a5a}

/* ===== Mobile-first safety net — appended, nothing removed ===== */
*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
img, video, iframe { max-width: 100%; height: auto; }
.bk-header-inner, .bk-footer-inner, .bk-archive, .bk-single, .bk-categories, .bk-recent, .bk-cta { width: 100%; }