<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <title>Construction Materials Kenya — Materials, Machinery Hire &amp; Transporters</title>
    <meta name="description" content="Kenya&#039;s marketplace for construction materials, machinery hire, and vetted transporters. Buy cement, steel, ballast, tiles and more direct from suppliers on WhatsApp, hire equipment by the day, and find haulage near you.">
    <meta name="robots" content="index, follow, max-image-preview:large">
    <link rel="canonical" href="https://constructionmaterial.co.ke/sitemap">
    <link rel="alternate" href="https://constructionmaterial.co.ke/sitemap" hreflang="en-KE">
    <link rel="alternate" href="https://constructionmaterial.co.ke/sitemap" hreflang="en">

    <meta property="og:site_name" content="Construction Materials Kenya">
    <meta property="og:title" content="Construction Materials Kenya — Materials, Machinery Hire &amp; Transporters">
    <meta property="og:description" content="Kenya&#039;s marketplace for construction materials, machinery hire, and vetted transporters. Buy cement, steel, ballast, tiles and more direct from suppliers on WhatsApp, hire equipment by the day, and find haulage near you.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://constructionmaterial.co.ke/sitemap">
    <meta property="og:image" content="https://constructionmaterial.co.ke/images/logo.png">
    <meta property="og:locale" content="en_KE">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Construction Materials Kenya — Materials, Machinery Hire &amp; Transporters">
    <meta name="twitter:description" content="Kenya&#039;s marketplace for construction materials, machinery hire, and vetted transporters. Buy cement, steel, ballast, tiles and more direct from suppliers on WhatsApp, hire equipment by the day, and find haulage near you.">
    <meta name="twitter:image" content="https://constructionmaterial.co.ke/images/logo.png">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/css/styles.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lucide-static@0.469.0/font/lucide.min.css">
    <link rel="manifest" href="/manifest.json">
    <meta name="theme-color" content="#F57C00">
    <link rel="icon" type="image/png" href="/uploads/logo-icon.png">
    <link rel="apple-touch-icon" href="/uploads/logo-icon.png">

    </head>
<body>
    <div id="app">
        
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --db-ink:    #1F2937;
    --db-ink-2:  #2b3646;
    --db-mist:   #6b7280;
    --db-border: rgba(31,41,55,0.08);
    --db-surface:#f5f4f0;
    --db-white:  #ffffff;
    --db-amber:  #F57C00;
    --db-amber-2:#FFC107;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Top bar ─────────────────────────────────────── */
.db-topbar {
    background: var(--db-ink);
    height: 36px;
    display: flex;
    align-items: center;
}
.db-topbar-loc {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-weight: 600 !important;
    color: #fff !important;
}
.db-topbar-loc svg { color: var(--db-amber-2); }
.db-topbar-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.db-topbar a, .db-topbar span {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    transition: color 0.2s;
}
.db-topbar a:hover { color: var(--db-amber-2); }
.db-topbar-left { display: flex; align-items: center; gap: 1.5rem; }
.db-topbar-right { display: flex; align-items: center; gap: 1.25rem; }
.db-topbar-sell { color: var(--db-amber-2) !important; font-weight: 600; }

/* ── Header shell ─────────────────────────────────── */
.db-header {
    position: sticky;
    top: 0;
    z-index: 9000;
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid var(--db-border);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.db-header.scrolled {
    box-shadow: 0 4px 24px rgba(31,41,55,0.08);
    border-bottom-color: rgba(31,41,55,0.12);
}

.db-header-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 2rem;
    height: 68px;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

/* ── Logo ──────────────────────────────────────────── */
.db-logo {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    text-decoration: none;
    flex-shrink: 0;
}
.db-logo-mark {
    width: 38px; height: 38px;
    background: var(--db-ink);
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
}
.db-logo:hover .db-logo-mark { transform: rotate(-6deg) scale(1.05); }
.db-logo-mark::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 3px;
    background: var(--db-amber);
}
.db-logo-mark span {
    position: relative; z-index: 1;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 0.9rem;
    color: #fff;
    letter-spacing: -0.02em;
}
.db-logo-text { display: flex; flex-direction: column; line-height: 1.05; }
.db-logo-name {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--db-ink);
    letter-spacing: -0.03em;
}
.db-logo-name em { font-style: normal; color: var(--db-amber); }
.db-logo-sub {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.5625rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--db-mist);
}

/* ── Search ────────────────────────────────────────── */
.db-search {
    flex: 1;
    max-width: 480px;
    display: flex;
    align-items: center;
    background: var(--db-surface);
    border: 1.5px solid var(--db-border);
    border-radius: 8px;
    padding: 0 0.5rem 0 1rem;
    height: 42px;
    transition: border-color 0.2s;
}
.db-search:focus-within { border-color: var(--db-amber); background: var(--db-white); }
.db-search input {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    color: var(--db-ink-2);
    height: 100%;
}
.db-search input::placeholder { color: var(--db-mist); }
.db-search button {
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    background: var(--db-amber);
    border: none; border-radius: 6px;
    color: #fff; cursor: pointer;
    flex-shrink: 0;
    transition: background 0.2s;
    padding: 0;
}
.db-search button:hover { background: #d96c00; }
.db-search-icon-img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    display: block;
    border-radius: 4px;
}

/* ── Desktop nav ───────────────────────────────────── */
.db-nav {
    display: flex;
    align-items: center;
    gap: 0;
    flex-shrink: 0;
}
.db-nav-link {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--db-mist);
    text-decoration: none;
    padding: 0 0.85rem;
    height: 68px;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    position: relative;
    transition: color 0.2s;
    white-space: nowrap;
}
.db-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0.85rem; right: 0.85rem;
    height: 2px;
    background: var(--db-amber);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s cubic-bezier(0.4,0,0.2,1);
    border-radius: 2px 2px 0 0;
}
.db-nav-link:hover { color: var(--db-ink); }
.db-nav-link:hover::after { transform: scaleX(1); }
.db-nav-link.active { color: var(--db-ink); font-weight: 600; }
.db-nav-link.active::after { transform: scaleX(1); }

/* Nav pills (Hire Machinery / Find a Transporter) */
.db-nav-pill {
    display: inline-flex; align-items: center; gap: 0.35rem;
    background: #fff7ec;
    border: 1px solid #ffdca3;
    color: #b45400;
    font-weight: 600 !important;
    border-radius: 20px;
    padding: 0.35rem 0.8rem !important;
    height: auto !important;
    margin: 0 0.3rem;
}
.db-nav-pill:hover { background: var(--db-amber); border-color: var(--db-amber); color: #fff !important; }
.db-nav-pill::after { display: none; }

/* ── Right actions ─────────────────────────────────── */
.db-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Buttons */
.db-btn {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    padding: 0.55rem 1.1rem;
    border-radius: 7px;
    border: 1.5px solid transparent;
    display: inline-flex; align-items: center; gap: 0.4rem;
    transition: all 0.2s;
    white-space: nowrap;
    cursor: pointer;
}
.db-btn-ghost {
    background: transparent;
    color: var(--db-mist);
    border-color: var(--db-border);
}
.db-btn-ghost:hover { color: var(--db-ink); border-color: rgba(31,41,55,0.2); background: var(--db-surface); }
.db-btn-primary {
    background: var(--db-amber);
    color: #fff;
    border-color: var(--db-amber);
    font-weight: 600;
}
.db-btn-primary:hover { background: #d96c00; border-color: #d96c00; }

/* Cart + Account icons */
.db-icon-link {
    position: relative;
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px;
    border: 1.5px solid var(--db-border);
    border-radius: 8px;
    color: var(--db-ink-2);
    text-decoration: none;
    transition: border-color 0.2s, color 0.2s;
    flex-shrink: 0;
    background: transparent;
    cursor: pointer;
}
.db-icon-link:hover { border-color: var(--db-amber); color: var(--db-amber); }
#mobile-install-btn { display: none; }
.pwa-install-banner {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 9500;
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    padding: 0.9rem 1rem calc(0.9rem + env(safe-area-inset-bottom)); border-radius: 14px 14px 0 0;
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    color: #fff; box-shadow: 0 -8px 30px rgba(31,41,55,.26);
}
@media (max-width: 1023px) {
    .pwa-install-banner { bottom: 0; padding-bottom: calc(0.9rem + 62px + env(safe-area-inset-bottom)); }
}
.pwa-install-banner strong { display: block; font-size: 0.95rem; margin-bottom: 0.2rem; }
.pwa-install-banner p { margin: 0; font-size: 0.78rem; color: rgba(255,255,255,.8); }
.pwa-install-banner button {
    border: none; border-radius: 999px; padding: 0.6rem 0.9rem;
    background: var(--db-amber); color: #fff; font-weight: 700; cursor: pointer;
}
.db-cart-badge {
    position: absolute; top: -6px; right: -6px;
    min-width: 18px; height: 18px; padding: 0 4px;
    background: var(--db-amber); color: #fff;
    font-size: 0.625rem; font-weight: 700;
    border-radius: 9px;
    display: none; align-items: center; justify-content: center;
    line-height: 1;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}
.db-bottom-nav .db-cart-badge { top: 2px; right: 18%; }

/* ── Hamburger ─────────────────────────────────────── */
.db-menu-btn {
    display: none;
    width: 40px; height: 40px;
    align-items: center; justify-content: center;
    background: transparent;
    border: 1.5px solid var(--db-border);
    border-radius: 8px;
    cursor: pointer;
    flex-direction: column;
    gap: 5px;
    padding: 0 11px;
    transition: border-color 0.2s;
}
.db-menu-btn:hover { border-color: rgba(31,41,55,0.2); }
.db-menu-btn span {
    display: block;
    width: 100%; height: 1.5px;
    background: var(--db-ink-2);
    border-radius: 2px;
    transition: transform 0.25s, opacity 0.25s, width 0.25s;
}
.db-menu-btn span:last-child { width: 65%; }
.db-menu-btn.open span:first-child { transform: translateY(6.5px) rotate(45deg); }
.db-menu-btn.open span:nth-child(2) { opacity: 0; }
.db-menu-btn.open span:last-child { width: 100%; transform: translateY(-6.5px) rotate(-45deg); }

/* ── Overlay ───────────────────────────────────────── */
#db-overlay {
    position: fixed; inset: 0;
    background: rgba(31,41,55,0.4);
    backdrop-filter: blur(3px);
    opacity: 0; visibility: hidden;
    transition: 0.3s;
    z-index: 9800;
}
#db-overlay.open { opacity: 1; visibility: visible; }

/* ── Mobile drawer ─────────────────────────────────── */
#db-drawer {
    position: fixed;
    top: 0; right: -320px;
    width: 300px; height: 100%;
    background: var(--db-white);
    z-index: 9900;
    transition: right 0.38s cubic-bezier(0.4,0,0.2,1);
    display: flex; flex-direction: column;
    overflow: hidden;
}
#db-drawer.open { right: 0; }

.db-drawer-head {
    background: var(--db-ink);
    padding: 1.25rem 1.5rem;
    display: flex; align-items: center; justify-content: space-between;
    flex-shrink: 0;
}
.db-drawer-amber-bar { height: 3px; background: linear-gradient(90deg, var(--db-amber), var(--db-amber-2)); flex-shrink: 0; }
.db-drawer-close {
    width: 32px; height: 32px;
    border: 1.5px solid rgba(255,255,255,0.15);
    background: none; color: rgba(255,255,255,0.7);
    border-radius: 6px; cursor: pointer; font-size: 1.25rem;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.2s, color 0.2s;
    line-height: 1;
}
.db-drawer-close:hover { background: rgba(255,255,255,0.08); color: #fff; }

.db-drawer-nav {
    flex: 1; overflow-y: auto; padding: 0.75rem 0;
}
.db-drawer-nav a {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.9rem 1.5rem;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--db-ink-2);
    text-decoration: none;
    border-bottom: 1px solid var(--db-surface);
    transition: background 0.15s, padding-left 0.2s;
}
.db-drawer-nav a::after { content: '→'; font-size: 0.875rem; color: var(--db-mist); transition: transform 0.2s, color 0.2s; }
.db-drawer-nav a:hover { background: #fff7ec; padding-left: 2rem; }
.db-drawer-nav a:hover::after { color: var(--db-amber); transform: translateX(4px); }
.db-drawer-nav a.active { color: var(--db-ink); font-weight: 600; border-left: 2px solid var(--db-amber); }

.db-drawer-nav .db-drawer-sub {
    padding-left: 2.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--db-mist);
    background: var(--db-surface);
}
.db-drawer-nav .db-drawer-sub::before { content: '·  '; color: var(--db-amber); }
.db-drawer-nav .db-drawer-sub::after { display: none; }
.db-drawer-nav .db-drawer-sub:hover { background: #fff7ec; padding-left: 3rem; }

.db-drawer-foot {
    padding: 1.25rem 1.5rem;
    border-top: 1px solid var(--db-border);
    display: flex; flex-direction: column; gap: 0.625rem;
    flex-shrink: 0;
}
.db-drawer-foot .db-btn { width: 100%; justify-content: center; padding: 0.75rem; font-size: 0.9rem; }

/* ── Bottom nav ────────────────────────────────────── */
.db-bottom-nav {
    display: none;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(20px) saturate(180%);
    border-top: 1.5px solid var(--db-border);
    box-shadow: 0 -4px 24px rgba(31,41,55,0.07);
    z-index: 9000;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding-bottom: env(safe-area-inset-bottom);
}
.db-bottom-nav::-webkit-scrollbar { display: none; }
.db-bottom-nav a,
.db-bottom-nav button {
    flex: 0 0 auto;
    width: 20%;
    min-width: 66px;
    scroll-snap-align: start;
    display: flex; flex-direction: column;
    align-items: center; gap: 0.2rem;
    padding: 0.6rem 0.2rem;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.575rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--db-mist);
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
    transition: color 0.2s;
}
.db-bottom-nav a::before,
.db-bottom-nav button::before {
    content: '';
    position: absolute;
    top: 0; left: 25%; right: 25%;
    height: 2px;
    background: var(--db-amber);
    border-radius: 0 0 2px 2px;
    transform: scaleX(0);
    transition: transform 0.25s;
}
.db-bottom-nav a.active { color: var(--db-ink); }
.db-bottom-nav a.active::before { transform: scaleX(1); }
.db-bottom-nav a svg,
.db-bottom-nav button svg { stroke: var(--db-mist); transition: stroke 0.2s; }
.db-bottom-nav a.active svg { stroke: var(--db-ink); }
.db-bottom-nav button.active { color: var(--db-ink); }
.db-bottom-nav button.active::before { transform: scaleX(1); }
.db-bottom-nav button.active svg { stroke: var(--db-ink); }

/* ── Mobile category quick-picker sheet ───────────────── */
.db-cat-overlay {
    display: none;
    position: fixed; inset: 0;
    background: rgba(11,12,14,0.45);
    z-index: 9200;
    opacity: 0;
    transition: opacity 0.25s ease;
}
.db-cat-overlay.open { display: block; opacity: 1; }
.db-cat-sheet {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    max-height: 78vh;
    background: var(--db-white);
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -8px 32px rgba(0,0,0,0.2);
    z-index: 9300;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.32,0.72,0,1);
    display: flex; flex-direction: column;
    padding-bottom: env(safe-area-inset-bottom);
}
.db-cat-sheet.open { transform: translateY(0); }
.db-cat-sheet-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 1.1rem 1.25rem 0.85rem;
    border-bottom: 1px solid var(--db-border);
    flex-shrink: 0;
}
.db-cat-sheet-head h3 {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 1.0625rem; font-weight: 800; color: var(--db-ink);
}
.db-cat-sheet-close {
    width: 30px; height: 30px; border-radius: 50%;
    background: var(--db-surface, #f5f4f0); border: none;
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    color: var(--db-ink);
}
.db-cat-sheet-body { overflow-y: auto; padding: 0.5rem 0 1.25rem; }
.db-cat-item { border-bottom: 1px solid var(--db-border); }
.db-cat-item-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.9rem 1.25rem;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.9375rem; font-weight: 600; color: var(--db-ink-2);
    text-decoration: none;
    cursor: pointer;
}
.db-cat-item-head svg.chev { transition: transform 0.2s; stroke: var(--db-mist); flex-shrink: 0; }
.db-cat-item.open .db-cat-item-head svg.chev { transform: rotate(180deg); }
.db-cat-subgrid {
    display: none;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem 0.75rem;
    padding: 0 1.25rem 1rem 1.25rem;
}
.db-cat-item.open .db-cat-subgrid { display: grid; }
.db-cat-subgrid a {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.8125rem; color: var(--db-mist);
    text-decoration: none;
    padding: 0.4rem 0;
    border: none;
}
.db-cat-subgrid a:hover { color: var(--db-amber); }

/* ── Category bar (Jumia-style row below the main header) ── */
.db-catbar {
    background: var(--db-white);
    border-bottom: 1px solid var(--db-border);
}
.db-catbar-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 2rem;
    height: 44px;
    display: flex;
    align-items: stretch;
    gap: 0;
}

/* Mega menu trigger + panel */
.mega-menu { position: relative; flex-shrink: 0; }
.mega-trigger {
    display: flex; align-items: center; gap: 0.5rem;
    height: 100%;
    background: var(--db-ink);
    color: #fff;
    padding: 0 1.1rem;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    margin-right: 1.25rem;
}
.mega-trigger:hover { background: var(--db-ink-2); }
.mega-panel {
    position: absolute;
    top: 100%; left: 0;
    display: none;
    background: var(--db-white);
    border: 1px solid var(--db-border);
    box-shadow: 0 20px 48px rgba(31,41,55,0.14);
    z-index: 9200;
    min-width: 250px;
}
.mega-menu:hover .mega-panel { display: block; }
.mega-row { position: relative; }
.mega-row > a {
    display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
    padding: 0.7rem 1.1rem;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--db-ink-2);
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
}
.mega-row > a svg.mega-icon { color: var(--db-amber); flex-shrink: 0; margin-right: 0.6rem; }
.mega-row > a .mega-chev { margin-left: auto; opacity: 0.35; }
.mega-row:hover > a { background: #fff7ec; color: var(--db-ink); }
.mega-sub {
    position: absolute;
    left: 100%; top: 0;
    min-width: 560px;
    max-width: 640px;
    display: none;
    background: var(--db-white);
    border: 1px solid var(--db-border);
    box-shadow: 0 20px 48px rgba(31,41,55,0.14);
    padding: 1.5rem;
}
.mega-row:hover .mega-sub { display: block; }
.mega-sub h4 {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--db-ink);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--db-border);
}
.mega-sub-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem 1.5rem;
}
.mega-sub-grid a {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.8125rem;
    color: var(--db-mist);
    text-decoration: none;
    padding: 0.35rem 0;
    transition: color 0.15s;
}
.mega-sub-grid a:hover { color: var(--db-amber); }

/* Inline category links row */
.db-catlinks {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    overflow-x: auto;
    flex: 1;
    scrollbar-width: none;
}
.db-catlinks::-webkit-scrollbar { display: none; }
.db-catlinks a {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--db-ink-2);
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.15s;
}
.db-catlinks a:hover { color: var(--db-amber); }
.db-catlinks .cl-pill {
    display: inline-flex; align-items: center; gap: 0.3rem;
    color: var(--db-amber);
    font-weight: 700;
}

/* ── Responsive ────────────────────────────────────── */
@media (max-width: 1023px) {
    .db-nav, .db-actions .db-btn { display: none; }
    .db-menu-btn { display: flex; }
    .db-bottom-nav { display: flex; }
    body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
    .db-header-inner { padding: 0 1.25rem; gap: 0.75rem; }
    .db-topbar-left span:not(:first-child) { display: none; }
    .db-topbar-adv { display: none; }
    .db-topbar-loc { display: none; }
    .db-catbar { display: none; }

    /* The full wordmark, search bar, and every action icon used to render
       at full desktop width even on narrow screens, overflowing the
       header and pushing the hamburger button off the right edge of the
       viewport. Account/wishlist/cart are already reachable from the
       bottom nav on mobile, so their header icons are redundant here. */
    .db-logo-text { display: none; }
    .db-search { min-width: 0; }
    .db-actions a.db-icon-link { display: none; }
}
@media (max-width: 640px) {
    .db-topbar { height: 32px; }
    .db-search { max-width: none; }
}
</style>

<!-- ── Top bar ─────────────────────────────────────── -->
<div class="db-topbar">
    <div class="db-topbar-inner">
        <div class="db-topbar-left">
            <span class="db-topbar-loc" title="CMK delivers across all 47 counties in Kenya">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
                Delivering across Kenya
            </span>
            <a href="tel:+254726009967">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                0726009967
            </a>
            <a href="https://wa.me/254726009967" target="_blank" rel="noopener">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg>
                WhatsApp Us
            </a>
            <a href="/advertise" class="db-topbar-adv">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M3 11l18-5v12L3 14v-3z"/><path d="M11.6 16.8a3 3 0 0 1-5.8-1.6"/></svg>
                Advertise With Us
            </a>
        </div>
        <div class="db-topbar-right">
            <a href="/transporters">Find a Transporter</a>
            <a href="/vendors" class="db-topbar-sell">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M16 11V7a4 4 0 0 0-8 0v4M5 9h14l1 12H4L5 9z"/></svg>
                Sell on CMK
            </a>
        </div>
    </div>
</div>

<!-- ── Header ──────────────────────────────────────── -->
<header class="db-header" id="dbHeader">
    <div class="db-header-inner">

        <!-- Logo -->
        <a href="/" class="db-logo">
            <div class="db-logo-mark"><span>CMK</span></div>
            <div class="db-logo-text">
                <span class="db-logo-name">Construction<em> Materials</em> Kenya</span>
                <span class="db-logo-sub">Materials · Machinery · Transporters</span>
            </div>
        </a>

        <!-- Search -->
        <form class="db-search" onsubmit="handleSearch(event)">
            <input type="text" id="searchInput" placeholder="Search cement, ballast, tiles, excavators...">
            <button type="submit" aria-label="Search">
                <img src="https://constructionmaterial.co.ke/uploads/logo-icon.png" alt="Search" class="db-search-icon-img">
            </button>
        </form>

        <!-- Desktop Nav -->
        <nav class="db-nav">
            <a href="/" class="db-nav-link ">Home</a>
            <a href="/materials" class="db-nav-link ">All Materials</a>
            <a href="/construction-cost-calculator.php" class="db-nav-link ">Construction Calculator</a>
            <a href="/blog.php" class="db-nav-link ">Blog</a>

            <a href="/hire" class="db-nav-link db-nav-pill ">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25"><rect x="1" y="7" width="15" height="13" rx="1"/><path d="M16 11h4l3 3v6h-7z"/><circle cx="6" cy="20" r="2"/><circle cx="18" cy="20" r="2"/></svg>
                Hire Machinery
            </a>
            <a href="/transporters" class="db-nav-link db-nav-pill ">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25"><path d="M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                Find a Transporter
            </a>
        </nav>

        <!-- Actions -->
        <div class="db-actions">
            <button type="button" id="mobile-install-btn" class="db-icon-link" onclick="installApp()" aria-label="Install app" title="Install app">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v12"/><path d="m7 10 5 5 5-5"/><path d="M5 19h14"/></svg>
            </button>
            <a href="/account" class="db-icon-link" aria-label="Account" title="Sign In">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
            </a>
            <a href="/wishlist" class="db-icon-link" aria-label="Wishlist" title="My Wishlist">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06 1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
                <span class="db-cart-badge" id="wishlist-count" style="display:none;">0</span>
            </a>
            <a href="/cart" class="db-icon-link" aria-label="Cart" title="My Cart">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
                <span class="db-cart-badge" id="cart-count">0</span>
            </a>
            <a href="/vendors" class="db-btn db-btn-primary">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M16 11V7a4 4 0 0 0-8 0v4M5 9h14l1 12H4L5 9z"/></svg>
                Sell on CMK
            </a>

            <!-- Hamburger -->
            <button id="dbMenuBtn" class="db-menu-btn" aria-label="Open menu">
                <span></span><span></span><span></span>
            </button>
        </div>

    </div>
</header>

<!-- ── Category bar ────────────────────────────────── -->
<div class="db-catbar">
    <div class="db-catbar-inner">
        <div class="mega-menu">
            <button class="mega-trigger" type="button">
                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25"><line x1="4" y1="6" x2="20" y2="6"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="18" x2="20" y2="18"/></svg>
                Categories
            </button>
            <div class="mega-panel">
                                <div class="mega-row">
                    <a href="/materials/stones-sand-aggregates">
                        <span>Stones, Sand &amp; Aggregates</span>
                        <span class="mega-chev">
                            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 6 6 6-6 6"/></svg>
                        </span>
                    </a>
                                        <div class="mega-sub">
                        <h4>Stones, Sand &amp; Aggregates</h4>
                        <div class="mega-sub-grid">
                                                        <a href="/materials/stones-sand-aggregates/machine-cut-stones-dalugo">Machine Cut Stones (Dalugo)</a>
                                                        <a href="/materials/stones-sand-aggregates/foundation-stones">Foundation Stones</a>
                                                        <a href="/materials/stones-sand-aggregates/hardcore">Hardcore</a>
                                                        <a href="/materials/stones-sand-aggregates/ballast">Ballast</a>
                                                        <a href="/materials/stones-sand-aggregates/river-sand">River Sand</a>
                                                        <a href="/materials/stones-sand-aggregates/rock-sand">Rock Sand</a>
                                                        <a href="/materials/stones-sand-aggregates/rock-dust">Rock Dust</a>
                                                        <a href="/materials/stones-sand-aggregates/mchele">Mchele (Quarry Chippings)</a>
                                                        <a href="/materials/stones-sand-aggregates/red-soil">Red Soil</a>
                                                        <a href="/materials/stones-sand-aggregates/murram">Murram</a>
                                                        <a href="/materials/stones-sand-aggregates/cabro-blocks">Cabro Blocks</a>
                                                        <a href="/materials/stones-sand-aggregates/kokoto">Kokoto</a>
                                                        <a href="/materials/stones-sand-aggregates/ndarugo-sand">Ndarugo Sand</a>
                                                    </div>
                    </div>
                                    </div>
                                <div class="mega-row">
                    <a href="/materials/cement-concrete-precast">
                        <span>Cement, Concrete &amp; Precast</span>
                        <span class="mega-chev">
                            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 6 6 6-6 6"/></svg>
                        </span>
                    </a>
                                        <div class="mega-sub">
                        <h4>Cement, Concrete &amp; Precast</h4>
                        <div class="mega-sub-grid">
                                                        <a href="/materials/cement-concrete-precast/cement">Cement</a>
                                                        <a href="/materials/cement-concrete-precast/precast-materials">Precast Materials</a>
                                                        <a href="/materials/cement-concrete-precast/eps-panels">EPS Panels</a>
                                                        <a href="/materials/cement-concrete-precast/fluted-panels">Fluted Panels</a>
                                                    </div>
                    </div>
                                    </div>
                                <div class="mega-row">
                    <a href="/materials/steel-reinforcement">
                        <span>Steel &amp; Reinforcement</span>
                        <span class="mega-chev">
                            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 6 6 6-6 6"/></svg>
                        </span>
                    </a>
                                        <div class="mega-sub">
                        <h4>Steel &amp; Reinforcement</h4>
                        <div class="mega-sub-grid">
                                                        <a href="/materials/steel-reinforcement/steel-bars">Steel Bars</a>
                                                        <a href="/materials/steel-reinforcement/brc-mesh-wire">BRC Mesh Wire</a>
                                                    </div>
                    </div>
                                    </div>
                                <div class="mega-row">
                    <a href="/materials/timber-roofing">
                        <span>Timber &amp; Roofing</span>
                        <span class="mega-chev">
                            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 6 6 6-6 6"/></svg>
                        </span>
                    </a>
                                        <div class="mega-sub">
                        <h4>Timber &amp; Roofing</h4>
                        <div class="mega-sub-grid">
                                                        <a href="/materials/timber-roofing/timber">Timber</a>
                                                        <a href="/materials/timber-roofing/roofing-sheets">Roofing Sheets</a>
                                                    </div>
                    </div>
                                    </div>
                                <div class="mega-row">
                    <a href="/materials/doors-windows-gates">
                        <span>Doors, Windows &amp; Gates</span>
                        <span class="mega-chev">
                            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 6 6 6-6 6"/></svg>
                        </span>
                    </a>
                                        <div class="mega-sub">
                        <h4>Doors, Windows &amp; Gates</h4>
                        <div class="mega-sub-grid">
                                                        <a href="/materials/doors-windows-gates/doors">Doors</a>
                                                        <a href="/materials/doors-windows-gates/windows">Windows</a>
                                                        <a href="/materials/doors-windows-gates/gates">Gates</a>
                                                        <a href="/materials/doors-windows-gates/fencing-materials">Fencing Materials</a>
                                                    </div>
                    </div>
                                    </div>
                                <div class="mega-row">
                    <a href="/materials/waterproofing-finishes">
                        <span>Waterproofing &amp; Finishes</span>
                        <span class="mega-chev">
                            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 6 6 6-6 6"/></svg>
                        </span>
                    </a>
                                        <div class="mega-sub">
                        <h4>Waterproofing &amp; Finishes</h4>
                        <div class="mega-sub-grid">
                                                        <a href="/materials/waterproofing-finishes/dpm">DPM (Damp Proof Membrane)</a>
                                                        <a href="/materials/waterproofing-finishes/dpc">DPC (Damp Proof Course)</a>
                                                        <a href="/materials/waterproofing-finishes/epoxy">Epoxy</a>
                                                        <a href="/materials/waterproofing-finishes/gypsum">Gypsum</a>
                                                        <a href="/materials/waterproofing-finishes/paints">Paints</a>
                                                    </div>
                    </div>
                                    </div>
                                <div class="mega-row">
                    <a href="/materials/tiles-flooring">
                        <span>Tiles &amp; Flooring</span>
                        <span class="mega-chev">
                            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 6 6 6-6 6"/></svg>
                        </span>
                    </a>
                                        <div class="mega-sub">
                        <h4>Tiles &amp; Flooring</h4>
                        <div class="mega-sub-grid">
                                                        <a href="/materials/tiles-flooring/tiles">Tiles</a>
                                                    </div>
                    </div>
                                    </div>
                                <div class="mega-row">
                    <a href="/materials/plumbing-electrical">
                        <span>Plumbing &amp; Electrical</span>
                        <span class="mega-chev">
                            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 6 6 6-6 6"/></svg>
                        </span>
                    </a>
                                        <div class="mega-sub">
                        <h4>Plumbing &amp; Electrical</h4>
                        <div class="mega-sub-grid">
                                                        <a href="/materials/plumbing-electrical/plumbing-supplies">Plumbing Supplies</a>
                                                        <a href="/materials/plumbing-electrical/electrical-supplies">Electrical Supplies</a>
                                                        <a href="/materials/plumbing-electrical/water-tanks">Water Tanks</a>
                                                    </div>
                    </div>
                                    </div>
                                <div class="mega-row">
                    <a href="/materials/safety-site-gear">
                        <span>Safety &amp; Site Gear</span>
                        <span class="mega-chev">
                            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 6 6 6-6 6"/></svg>
                        </span>
                    </a>
                                        <div class="mega-sub">
                        <h4>Safety &amp; Site Gear</h4>
                        <div class="mega-sub-grid">
                                                        <a href="/materials/safety-site-gear/safety-helmets">Safety Helmets</a>
                                                        <a href="/materials/safety-site-gear/safety-boots">Safety Boots</a>
                                                        <a href="/materials/safety-site-gear/reflector-vests">Reflector Vests</a>
                                                        <a href="/materials/safety-site-gear/hand-gloves">Hand Gloves</a>
                                                        <a href="/materials/safety-site-gear/dust-masks">Dust Masks</a>
                                                        <a href="/materials/safety-site-gear/wheelbarrows">Wheelbarrows</a>
                                                        <a href="/materials/safety-site-gear/hand-tools">Hand Tools</a>
                                                    </div>
                    </div>
                                    </div>
                            </div>
        </div>

        <div class="db-catlinks">
                        <a href="/materials/stones-sand-aggregates">Stones, Sand &amp; Aggregates</a>
                        <a href="/materials/cement-concrete-precast">Cement, Concrete &amp; Precast</a>
                        <a href="/materials/steel-reinforcement">Steel &amp; Reinforcement</a>
                        <a href="/materials/timber-roofing">Timber &amp; Roofing</a>
                        <a href="/materials/doors-windows-gates">Doors, Windows &amp; Gates</a>
                        <a href="/materials/waterproofing-finishes">Waterproofing &amp; Finishes</a>
                        <a href="/materials/tiles-flooring">Tiles &amp; Flooring</a>
                        <a href="/materials/plumbing-electrical">Plumbing &amp; Electrical</a>
                        <a href="/materials/safety-site-gear">Safety &amp; Site Gear</a>
                        <a href="/materials?sort=price-low" class="cl-pill">⚡ Flash Deals</a>
            <a href="/hire" class="cl-pill">🚜 Hire Machinery</a>
            <a href="/transporters" class="cl-pill">🚚 Find a Transporter</a>
        </div>
    </div>
</div>

<!-- ── Overlay ─────────────────────────────────────── -->
<div id="db-overlay"></div>

<!-- ── Drawer ──────────────────────────────────────── -->
<div id="db-drawer">
    <div class="db-drawer-head">
        <a href="/" class="db-logo" style="gap:0.5rem;">
            <div class="db-logo-mark" style="width:30px;height:30px;"><span style="font-size:0.75rem;">CMK</span></div>
            <span class="db-logo-name" style="color:#fff;font-size:1.05rem;">CMK</span>
        </a>
        <button class="db-drawer-close" id="dbCloseBtn">&times;</button>
    </div>
    <div class="db-drawer-amber-bar"></div>

    <nav class="db-drawer-nav">
        <a href="/account" class="">Sign In / Register</a>
        <a href="/wishlist" class="">My Wishlist <span class="db-cart-badge" id="wishlist-count-mobile" style="position:static;margin-left:auto;display:none;">0</span></a>
        <a href="/cart" class="">My Cart <span class="db-cart-badge" id="cart-count-mobile" style="position:static;margin-left:auto;"></span></a>
        <a href="/"          class="">Home</a>
        <a href="/materials" class="">All Materials</a>
                <a href="/materials/stones-sand-aggregates" class="db-drawer-sub">Stones, Sand &amp; Aggregates</a>
                <a href="/materials/cement-concrete-precast" class="db-drawer-sub">Cement, Concrete &amp; Precast</a>
                <a href="/materials/steel-reinforcement" class="db-drawer-sub">Steel &amp; Reinforcement</a>
                <a href="/materials/timber-roofing" class="db-drawer-sub">Timber &amp; Roofing</a>
                <a href="/materials/doors-windows-gates" class="db-drawer-sub">Doors, Windows &amp; Gates</a>
                <a href="/materials/waterproofing-finishes" class="db-drawer-sub">Waterproofing &amp; Finishes</a>
                <a href="/materials/tiles-flooring" class="db-drawer-sub">Tiles &amp; Flooring</a>
                <a href="/materials/plumbing-electrical" class="db-drawer-sub">Plumbing &amp; Electrical</a>
                <a href="/materials/safety-site-gear" class="db-drawer-sub">Safety &amp; Site Gear</a>
                <a href="/hire"          class="">Hire Machinery</a>
        <a href="/transporters"  class="">Find a Transporter</a>
        <a href="/construction-cost-calculator" class="">Construction Calculator</a>
        <a href="/blog"          class="">Blog</a>
                <a href="/transporters-register" class="db-drawer-sub">Register as a Transporter</a>
                        <a href="/vendors"       class="">Sell on CMK</a>
                <a href="/contact"       class="">Contact / Support</a>
    </nav>

    <div class="db-drawer-foot">
        <a href="https://wa.me/254726009967" target="_blank" rel="noopener" class="db-btn db-btn-ghost">WhatsApp Us</a>
        <a href="/vendors" class="db-btn db-btn-primary">Sell on CMK</a>
    </div>
</div>

<!-- ── Bottom nav ──────────────────────────────────── -->
<nav class="db-bottom-nav">
    <a href="/" class="">
        <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
        Home
    </a>
    <a href="/materials" class="">
        <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg>
        Materials
    </a>
    <button type="button" id="dbCatTrigger" onclick="toggleCatSheet(true)">
        <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="6" x2="20" y2="6"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="18" x2="20" y2="18"/></svg>
        Categories
    </button>
    <a href="/hire" class="">
        <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="1" y="7" width="15" height="13" rx="1"/><path d="M16 11h4l3 3v6h-7z"/><circle cx="6" cy="20" r="2"/><circle cx="18" cy="20" r="2"/></svg>
        Hire
    </a>
    <a href="/transporters" class="">
        <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
        Transport
    </a>
    <a href="/wishlist" class="" style="position:relative;">
        <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
        <span class="db-cart-badge" id="wishlist-count-bottom" style="display:none;">0</span>
        Wishlist
    </a>
    <a href="/cart" class="" style="position:relative;">
        <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
        Cart
    </a>
    <a href="/vendors" class="">
        <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 11V7a4 4 0 0 0-8 0v4M5 9h14l1 12H4L5 9z"/></svg>
        Sell
    </a>
</nav>

<!-- ── Mobile category quick-picker sheet ─────────────── -->
<div class="db-cat-overlay" id="dbCatOverlay" onclick="toggleCatSheet(false)"></div>
<div class="db-cat-sheet" id="dbCatSheet">
    <div class="db-cat-sheet-head">
        <h3>Browse Categories</h3>
        <button type="button" class="db-cat-sheet-close" onclick="toggleCatSheet(false)" aria-label="Close">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
        </button>
    </div>
    <div class="db-cat-sheet-body">
                <div class="db-cat-item">
                        <div class="db-cat-item-head" onclick="this.parentElement.classList.toggle('open')">
                <span>Stones, Sand &amp; Aggregates</span>
                <svg class="chev" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke-width="2.5"><path d="m6 9 6 6 6-6"/></svg>
            </div>
            <div class="db-cat-subgrid">
                <a href="/materials/stones-sand-aggregates" style="font-weight:600;color:var(--db-amber);">All Stones, Sand &amp; Aggregates</a>
                                <a href="/materials/stones-sand-aggregates/machine-cut-stones-dalugo">Machine Cut Stones (Dalugo)</a>
                                <a href="/materials/stones-sand-aggregates/foundation-stones">Foundation Stones</a>
                                <a href="/materials/stones-sand-aggregates/hardcore">Hardcore</a>
                                <a href="/materials/stones-sand-aggregates/ballast">Ballast</a>
                                <a href="/materials/stones-sand-aggregates/river-sand">River Sand</a>
                                <a href="/materials/stones-sand-aggregates/rock-sand">Rock Sand</a>
                                <a href="/materials/stones-sand-aggregates/rock-dust">Rock Dust</a>
                                <a href="/materials/stones-sand-aggregates/mchele">Mchele (Quarry Chippings)</a>
                                <a href="/materials/stones-sand-aggregates/red-soil">Red Soil</a>
                                <a href="/materials/stones-sand-aggregates/murram">Murram</a>
                                <a href="/materials/stones-sand-aggregates/cabro-blocks">Cabro Blocks</a>
                                <a href="/materials/stones-sand-aggregates/kokoto">Kokoto</a>
                                <a href="/materials/stones-sand-aggregates/ndarugo-sand">Ndarugo Sand</a>
                            </div>
                    </div>
                <div class="db-cat-item">
                        <div class="db-cat-item-head" onclick="this.parentElement.classList.toggle('open')">
                <span>Cement, Concrete &amp; Precast</span>
                <svg class="chev" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke-width="2.5"><path d="m6 9 6 6 6-6"/></svg>
            </div>
            <div class="db-cat-subgrid">
                <a href="/materials/cement-concrete-precast" style="font-weight:600;color:var(--db-amber);">All Cement, Concrete &amp; Precast</a>
                                <a href="/materials/cement-concrete-precast/cement">Cement</a>
                                <a href="/materials/cement-concrete-precast/precast-materials">Precast Materials</a>
                                <a href="/materials/cement-concrete-precast/eps-panels">EPS Panels</a>
                                <a href="/materials/cement-concrete-precast/fluted-panels">Fluted Panels</a>
                            </div>
                    </div>
                <div class="db-cat-item">
                        <div class="db-cat-item-head" onclick="this.parentElement.classList.toggle('open')">
                <span>Steel &amp; Reinforcement</span>
                <svg class="chev" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke-width="2.5"><path d="m6 9 6 6 6-6"/></svg>
            </div>
            <div class="db-cat-subgrid">
                <a href="/materials/steel-reinforcement" style="font-weight:600;color:var(--db-amber);">All Steel &amp; Reinforcement</a>
                                <a href="/materials/steel-reinforcement/steel-bars">Steel Bars</a>
                                <a href="/materials/steel-reinforcement/brc-mesh-wire">BRC Mesh Wire</a>
                            </div>
                    </div>
                <div class="db-cat-item">
                        <div class="db-cat-item-head" onclick="this.parentElement.classList.toggle('open')">
                <span>Timber &amp; Roofing</span>
                <svg class="chev" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke-width="2.5"><path d="m6 9 6 6 6-6"/></svg>
            </div>
            <div class="db-cat-subgrid">
                <a href="/materials/timber-roofing" style="font-weight:600;color:var(--db-amber);">All Timber &amp; Roofing</a>
                                <a href="/materials/timber-roofing/timber">Timber</a>
                                <a href="/materials/timber-roofing/roofing-sheets">Roofing Sheets</a>
                            </div>
                    </div>
                <div class="db-cat-item">
                        <div class="db-cat-item-head" onclick="this.parentElement.classList.toggle('open')">
                <span>Doors, Windows &amp; Gates</span>
                <svg class="chev" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke-width="2.5"><path d="m6 9 6 6 6-6"/></svg>
            </div>
            <div class="db-cat-subgrid">
                <a href="/materials/doors-windows-gates" style="font-weight:600;color:var(--db-amber);">All Doors, Windows &amp; Gates</a>
                                <a href="/materials/doors-windows-gates/doors">Doors</a>
                                <a href="/materials/doors-windows-gates/windows">Windows</a>
                                <a href="/materials/doors-windows-gates/gates">Gates</a>
                                <a href="/materials/doors-windows-gates/fencing-materials">Fencing Materials</a>
                            </div>
                    </div>
                <div class="db-cat-item">
                        <div class="db-cat-item-head" onclick="this.parentElement.classList.toggle('open')">
                <span>Waterproofing &amp; Finishes</span>
                <svg class="chev" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke-width="2.5"><path d="m6 9 6 6 6-6"/></svg>
            </div>
            <div class="db-cat-subgrid">
                <a href="/materials/waterproofing-finishes" style="font-weight:600;color:var(--db-amber);">All Waterproofing &amp; Finishes</a>
                                <a href="/materials/waterproofing-finishes/dpm">DPM (Damp Proof Membrane)</a>
                                <a href="/materials/waterproofing-finishes/dpc">DPC (Damp Proof Course)</a>
                                <a href="/materials/waterproofing-finishes/epoxy">Epoxy</a>
                                <a href="/materials/waterproofing-finishes/gypsum">Gypsum</a>
                                <a href="/materials/waterproofing-finishes/paints">Paints</a>
                            </div>
                    </div>
                <div class="db-cat-item">
                        <div class="db-cat-item-head" onclick="this.parentElement.classList.toggle('open')">
                <span>Tiles &amp; Flooring</span>
                <svg class="chev" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke-width="2.5"><path d="m6 9 6 6 6-6"/></svg>
            </div>
            <div class="db-cat-subgrid">
                <a href="/materials/tiles-flooring" style="font-weight:600;color:var(--db-amber);">All Tiles &amp; Flooring</a>
                                <a href="/materials/tiles-flooring/tiles">Tiles</a>
                            </div>
                    </div>
                <div class="db-cat-item">
                        <div class="db-cat-item-head" onclick="this.parentElement.classList.toggle('open')">
                <span>Plumbing &amp; Electrical</span>
                <svg class="chev" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke-width="2.5"><path d="m6 9 6 6 6-6"/></svg>
            </div>
            <div class="db-cat-subgrid">
                <a href="/materials/plumbing-electrical" style="font-weight:600;color:var(--db-amber);">All Plumbing &amp; Electrical</a>
                                <a href="/materials/plumbing-electrical/plumbing-supplies">Plumbing Supplies</a>
                                <a href="/materials/plumbing-electrical/electrical-supplies">Electrical Supplies</a>
                                <a href="/materials/plumbing-electrical/water-tanks">Water Tanks</a>
                            </div>
                    </div>
                <div class="db-cat-item">
                        <div class="db-cat-item-head" onclick="this.parentElement.classList.toggle('open')">
                <span>Safety &amp; Site Gear</span>
                <svg class="chev" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke-width="2.5"><path d="m6 9 6 6 6-6"/></svg>
            </div>
            <div class="db-cat-subgrid">
                <a href="/materials/safety-site-gear" style="font-weight:600;color:var(--db-amber);">All Safety &amp; Site Gear</a>
                                <a href="/materials/safety-site-gear/safety-helmets">Safety Helmets</a>
                                <a href="/materials/safety-site-gear/safety-boots">Safety Boots</a>
                                <a href="/materials/safety-site-gear/reflector-vests">Reflector Vests</a>
                                <a href="/materials/safety-site-gear/hand-gloves">Hand Gloves</a>
                                <a href="/materials/safety-site-gear/dust-masks">Dust Masks</a>
                                <a href="/materials/safety-site-gear/wheelbarrows">Wheelbarrows</a>
                                <a href="/materials/safety-site-gear/hand-tools">Hand Tools</a>
                            </div>
                    </div>
            </div>
</div>

<!-- ── JS ──────────────────────────────────────────── -->
<script>
document.addEventListener('DOMContentLoaded', function () {
    const menuBtn  = document.getElementById('dbMenuBtn');
    const closeBtn = document.getElementById('dbCloseBtn');
    const drawer   = document.getElementById('db-drawer');
    const overlay  = document.getElementById('db-overlay');
    const header   = document.getElementById('dbHeader');

    function open() {
        drawer.classList.add('open');
        overlay.classList.add('open');
        menuBtn.classList.add('open');
        document.body.style.overflow = 'hidden';
    }
    function close() {
        drawer.classList.remove('open');
        overlay.classList.remove('open');
        menuBtn.classList.remove('open');
        document.body.style.overflow = '';
    }

    menuBtn.addEventListener('click', open);
    closeBtn.addEventListener('click', close);
    overlay.addEventListener('click', close);

    window.addEventListener('scroll', () => {
        header.classList.toggle('scrolled', window.scrollY > 20);
    }, { passive: true });
});

function toggleCatSheet(show) {
    const sheet   = document.getElementById('dbCatSheet');
    const overlay = document.getElementById('dbCatOverlay');
    const trigger = document.getElementById('dbCatTrigger');
    if (!sheet || !overlay) return;
    sheet.classList.toggle('open', show);
    overlay.classList.toggle('open', show);
    if (trigger) trigger.classList.toggle('active', show);
    document.body.style.overflow = show ? 'hidden' : '';
}
</script>

        <main id="main-content"><?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://constructionmaterial.co.ke/</loc>
    <changefreq>daily</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials</loc>
    <changefreq>daily</changefreq>
    <priority>0.9</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/hire</loc>
    <changefreq>daily</changefreq>
    <priority>0.9</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/construction-cost-calculator</loc>
    <changefreq>monthly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/transporters</loc>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/about</loc>
    <changefreq>monthly</changefreq>
    <priority>0.6</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/contact</loc>
    <changefreq>monthly</changefreq>
    <priority>0.6</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/vendors</loc>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/transporters-register</loc>
    <changefreq>monthly</changefreq>
    <priority>0.6</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/advertise</loc>
    <changefreq>monthly</changefreq>
    <priority>0.5</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/terms</loc>
    <changefreq>yearly</changefreq>
    <priority>0.3</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/privacy</loc>
    <changefreq>yearly</changefreq>
    <priority>0.3</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/refund-policy</loc>
    <changefreq>yearly</changefreq>
    <priority>0.3</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates</loc>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/cement-concrete-precast</loc>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/steel-reinforcement</loc>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/timber-roofing</loc>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/doors-windows-gates</loc>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/waterproofing-finishes</loc>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/tiles-flooring</loc>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/plumbing-electrical</loc>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/safety-site-gear</loc>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/machine-cut-stones-dalugo</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/foundation-stones</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/hardcore</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/ballast</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/river-sand</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/rock-sand</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/rock-dust</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/mchele</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/red-soil</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/murram</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/cement-concrete-precast/cement</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/cement-concrete-precast/precast-materials</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/cement-concrete-precast/eps-panels</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/cement-concrete-precast/fluted-panels</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/steel-reinforcement/steel-bars</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/steel-reinforcement/brc-mesh-wire</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/timber-roofing/timber</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/timber-roofing/roofing-sheets</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/doors-windows-gates/doors</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/doors-windows-gates/windows</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/doors-windows-gates/gates</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/waterproofing-finishes/dpm</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/waterproofing-finishes/dpc</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/waterproofing-finishes/epoxy</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/waterproofing-finishes/gypsum</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/waterproofing-finishes/paints</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/tiles-flooring/tiles</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/plumbing-electrical/plumbing-supplies</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/plumbing-electrical/electrical-supplies</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/cabro-blocks</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/kokoto</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/stones-sand-aggregates/ndarugo-sand</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/plumbing-electrical/water-tanks</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/doors-windows-gates/fencing-materials</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/safety-site-gear/safety-helmets</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/safety-site-gear/safety-boots</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/safety-site-gear/reflector-vests</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/safety-site-gear/hand-gloves</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/safety-site-gear/dust-masks</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/safety-site-gear/wheelbarrows</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/materials/safety-site-gear/hand-tools</loc>
    <changefreq>weekly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/6-foundation-stones-per-ft</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/eps-sandwich-floor-panel</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/eps-sandwich-panel-100mm-1</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/fluted-wall-panel-grey</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/binding-wire</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/steel-bar-d10-10mm</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/steel-bar-d12-12mm</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/brc-mesh-wire-a142</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/brc-mesh-wire-a98</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/dpm-polythene-1000-gauge</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/dpc-roll-7m</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/cabro-paving-block-grey</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/cabro-paving-block-charcoal</loc>
    <lastmod>2026-08-24</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/kokoto-17-tonne-lorry</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/foundation-stones-per-ft-1</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/chipping-17-tonne-lorry</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/rock-dust-per-17-tonne-lorry</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/machine-cut-stone-dalugo-4-inch</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/machine-cut-stone-dalugo-6-inch</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/machine-cut-stone-dalugo-9-inch</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/foundation-stones-per-ft</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/ballast-per-lorry</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/rock-dust-per-lorry</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/river-sand-per-lorry</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/rock-sand-per-17-tonne-lorry</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/nyumba-cement</loc>
    <lastmod>2026-08-23</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/iron-sheet-32g-2m-1</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/iron-sheet-32g-2-5m</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/iron-sheet-32g-3m-1</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/iron-sheet-30g-2m</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/iron-sheet-30g-3m</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/water-tank-1000l</loc>
    <lastmod>2026-08-24</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/water-tank-2000l</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/water-tank-5000l</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/water-tank-920l</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/chainlink-fence-roll-4-18m</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/concrete-fence-post-fencing</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/60mm-eps-wall-panels</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/80mm-eps-wall-panels</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/120mm-eps-wall-panels</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/150mm-eps-slab-panels</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/d16-steel-reinforcement</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/d20</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/brc-a-610</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/mabati-reject</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/mabati-reject-g30</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/g32-corrugated-mabati</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/stone-coated-roofing-tiles</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/colored-box-profile-roofing-mabati</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/colored-roofing-sheet</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/door-hidges</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/roll-tops</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/d8-reinforcement-bars</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/9-foundation-stones</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/ballast-per-18-tonne-lorry</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/6-machine-cut-stones-dalugo</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/marine-boards</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/20-tonne-river-sand</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/900mm-culvert</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/6-wall-coping</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/9-concrete-wall-coping</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/shallow-drain</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/louvers</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/80mm-cabro</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/60mm-cabro</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/300mm-culvert</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/450mm-culvert</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/waffle-slab</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/460-litres-kentank-water-tank</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/10-000l-water-tank</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/8000l-water-tank</loc>
    <lastmod>2026-08-25</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/24000-l-water-tank</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/16000l-water-tank</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/9-machine-cut-stones</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/6-machine-cut-stones-dalugo-1</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/9-foundation-stones-1</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/hardcore</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/harcore-quarry-waste</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/murram</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/product/red-soil</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.85</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/machine/cat-320-excavator</loc>
    <lastmod>2026-08-08</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/machine/concrete-mixer</loc>
    <lastmod>2026-08-08</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/machine/concrete-hoist</loc>
    <lastmod>2026-08-08</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/machine/scaffolding-for-hire</loc>
    <lastmod>2026-08-08</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/machine/plate-compactor</loc>
    <lastmod>2026-08-08</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/machine/concrete-vibrator-poker</loc>
    <lastmod>2026-08-08</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/machine/backhoe-loader</loc>
    <lastmod>2026-08-08</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/machine/drum-roller</loc>
    <lastmod>2026-08-10</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/machine/tata-tipper-for-hire</loc>
    <lastmod>2026-08-08</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/blog/cost-of-ballast-in-kenya</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/blog/cost-of-river-sand-with-sources-for-all-47-counties</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/blog/cost-of-machine-cut-stones-dalugo-per-piece-for-9-inch-6-inch-and-4-inch-stones-in-all-47-counties</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/blog/cost-of-foundation-stones-quarry-stones-per-foot-for-all-47-counties</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/blog/cost-of-quarry-dust-vumbi-guide-for-all-47-counties</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://constructionmaterial.co.ke/blog/mabati-roofing-sheets-in-kenya-and-roofing-types</loc>
    <lastmod>2026-08-26</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset></main>

        
<style>
/* ── Footer tokens ── */
.db-footer {
  --f-bg:      #14181f;
  --f-bg-2:    #191e27;
  --f-bg-3:    #202632;
  --f-line:    rgba(255,255,255,.07);
  --f-line-h:  rgba(255,255,255,.13);
  --f-white:   #e8edf5;
  --f-muted:   #5a6a82;
  --f-muted-2: #8b96a8;
  --f-accent:  #F57C00;
  --f-accent-d:rgba(245,124,0,.15);
  --f-gold:    #FFC107;
  --f-gold-d:  rgba(255,193,7,.1);
  --f-green:   #22c55e;
  --f-r:       12px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

/* ── Main footer ── */
.db-footer {
  background: var(--f-bg);
  border-top: 1px solid var(--f-line);
  margin-top: 0;
}

/* ── Top accent bar ── */
.db-footer-bar {
  height: 3px;
  background: linear-gradient(90deg, var(--f-accent) 0%, var(--f-gold) 50%, var(--f-accent) 100%);
}

/* ── Main grid area ── */
.db-footer-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3.5rem 1.5rem 2.5rem;
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 2.5rem;
}

/* ── Brand column ── */
.db-footer-brand {}
.db-footer-logo {
  display: inline-flex;
  align-items: center;
  gap: .625rem;
  text-decoration: none;
  margin-bottom: 1.1rem;
}
.db-footer-logo-icon {
  width: 38px; height: 38px;
  border-radius: 10px;
  background: var(--f-accent);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.75rem; font-weight: 900;
  color: #fff;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(245,124,0,.35);
}
.db-footer-logo-text {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--f-white);
  letter-spacing: -.02em;
}
.db-footer-logo-text span {
  color: var(--f-accent);
}

.db-footer-desc {
  font-size: .82rem;
  color: var(--f-muted-2);
  line-height: 1.75;
  margin-bottom: 1.5rem;
  font-weight: 300;
}

/* Trust badges */
.db-footer-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-bottom: 1.5rem;
}
.db-footer-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .3rem .7rem;
  border: 1px solid var(--f-line);
  border-radius: 100px;
  font-size: .65rem;
  font-weight: 600;
  color: var(--f-muted-2);
  background: var(--f-bg-2);
  white-space: nowrap;
}

/* Play Store badge */
.db-footer-playstore {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  padding: .55rem 1rem;
  background: #000;
  border: 1px solid var(--f-line);
  border-radius: 9px;
  text-decoration: none;
  margin-bottom: 1.5rem;
  transition: border-color .2s, transform .15s;
}
.db-footer-playstore:hover {
  border-color: var(--f-accent);
  transform: translateY(-2px);
}
.db-footer-playstore svg { width: 22px; height: 22px; flex-shrink: 0; }
.db-footer-playstore-text { display: flex; flex-direction: column; line-height: 1.15; }
.db-footer-playstore-text small { font-size: .58rem; color: var(--f-muted-2); font-weight: 400; letter-spacing: .03em; }
.db-footer-playstore-text strong { font-size: .95rem; color: var(--f-white); font-weight: 600; }

/* Social icons */
.db-footer-socials {
  display: flex;
  gap: .5rem;
}
.db-footer-social {
  width: 34px; height: 34px;
  border-radius: 9px;
  background: var(--f-bg-3);
  border: 1px solid var(--f-line);
  display: flex; align-items: center; justify-content: center;
  text-decoration: none;
  transition: all .2s;
  color: var(--f-muted-2);
}
.db-footer-social:hover {
  border-color: var(--f-accent);
  background: var(--f-accent-d);
  color: var(--f-accent);
  transform: translateY(-2px);
}
.db-footer-social svg {
  width: 14px; height: 14px;
}

/* ── Nav columns ── */
.db-footer-col {}
.db-footer-col-title {
  font-size: .65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--f-white);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.db-footer-col-title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--f-line);
}

.db-footer-links {
  list-style: none;
  padding: 0; margin: 0;
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.db-footer-links li a {
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: .82rem;
  color: var(--f-muted-2);
  text-decoration: none;
  font-weight: 400;
  padding: .3rem 0;
  transition: color .18s, gap .18s;
  line-height: 1.4;
}
.db-footer-links li a:hover {
  color: var(--f-white);
  gap: .65rem;
}
.db-footer-links li a::before {
  content: '';
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--f-muted);
  flex-shrink: 0;
  transition: background .18s;
}
.db-footer-links li a:hover::before {
  background: var(--f-accent);
}

/* ── WhatsApp strip ── */
.db-footer-whatsapp {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem 2rem;
}
.db-footer-whatsapp-inner {
  background: var(--f-bg-2);
  border: 1px solid var(--f-line);
  border-radius: var(--f-r);
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.db-footer-whatsapp-text {
  flex: 1;
  min-width: 180px;
}
.db-footer-whatsapp-title {
  font-size: .9rem;
  font-weight: 700;
  color: var(--f-white);
  margin-bottom: .2rem;
}
.db-footer-whatsapp-sub {
  font-size: .75rem;
  color: var(--f-muted-2);
  font-weight: 300;
}
.db-footer-whatsapp-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .7rem 1.25rem;
  background: #25D366;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-family: inherit;
  font-size: .8rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  transition: opacity .2s, transform .15s;
}
.db-footer-whatsapp-btn:hover { opacity: .88; transform: translateY(-1px); }

/* ── Divider ── */
.db-footer-divider {
  max-width: 1200px;
  margin: 0 auto;
  height: 1px;
  background: var(--f-line);
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

/* ── Bottom bar ── */
.db-footer-bottom {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.25rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.db-footer-copy {
  font-size: .75rem;
  color: var(--f-muted);
  display: flex;
  align-items: center;
  gap: .5rem;
}
.db-footer-copy-dot {
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--f-muted);
}
.db-footer-bottom-links {
  display: flex;
  align-items: center;
  gap: .25rem;
}
.db-footer-bottom-links a {
  font-size: .72rem;
  color: var(--f-muted);
  text-decoration: none;
  padding: .25rem .625rem;
  border-radius: 6px;
  transition: color .18s, background .18s;
}
.db-footer-bottom-links a:hover {
  color: var(--f-white);
  background: var(--f-bg-3);
}
.db-footer-bottom-links span {
  color: var(--f-line-h);
  font-size: .7rem;
}
.db-footer-pay {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.db-footer-pay-badge {
  background: #fff;
  color: #14181f;
  font-size: .6875rem;
  font-weight: 800;
  letter-spacing: .02em;
  padding: .25rem .55rem;
  border-radius: 4px;
}
.db-footer-pay-note {
  font-size: .7rem;
  color: var(--f-muted);
}

/* Active page highlight */
.db-footer-links li a.active-page {
  color: var(--f-accent);
  font-weight: 600;
}
.db-footer-links li a.active-page::before {
  background: var(--f-accent);
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .db-footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  .db-footer-brand {
    grid-column: 1 / -1;
  }
}
@media (max-width: 560px) {
  .db-footer-main {
    grid-template-columns: 1fr;
    padding: 2.5rem 1.25rem 2rem;
  }
  .db-footer-brand { grid-column: auto; }
  .db-footer-whatsapp-inner { flex-direction: column; align-items: flex-start; }
  .db-footer-bottom { flex-direction: column; align-items: flex-start; gap: .75rem; }
}
</style>

<footer class="db-footer">
  <div class="db-footer-bar"></div>

  <!-- ── Main grid ── -->
  <div class="db-footer-main">

    <!-- Brand -->
    <div class="db-footer-brand">
      <a href="/" class="db-footer-logo">
        <div class="db-footer-logo-icon">CMK</div>
        <span class="db-footer-logo-text">Construction Materials <span>Kenya</span></span>
      </a>
      <p class="db-footer-desc">
        Kenya's marketplace for construction materials, machinery hire, and vetted transporters. Buy direct from suppliers on WhatsApp, hire equipment by the day, and find haulage near you.
      </p>
      <div class="db-footer-badges">
        <span class="db-footer-badge">🇰🇪 Made in Kenya</span>
        <span class="db-footer-badge">💬 WhatsApp Ordering</span>
        <span class="db-footer-badge">🚚 Verified Transporters</span>
      </div>
      <a href="https://play.google.com/store/apps/details?id=com.constructionmaterial" target="_blank" rel="noopener" class="db-footer-playstore" aria-label="Download CMK on Google Play">
        <svg viewBox="0 0 24 24"><path fill="#00D6FF" d="M3.6 2.15C3.22 2.5 3 3.05 3 3.76v16.48c0 .71.22 1.26.6 1.61L3.7 21.8 13 12.5 3.7 3.2z"/><path fill="#00F076" d="M16.1 15.6l-3.1-3.1L3.7 21.8c.35.32.87.4 1.44.08l10.96-6.28z"/><path fill="#FF3131" d="M16.1 9.4L5.14 3.12c-.57-.32-1.09-.24-1.44.08L13 12.5l3.1-3.1z"/><path fill="#FFBC00" d="M20.16 10.81l-3.06-1.76-3.4 3.45 3.4 3.45 3.06-1.76c1.13-.65 1.13-2.73 0-3.38z"/></svg>
        <span class="db-footer-playstore-text"><small>GET IT ON</small><strong>Google Play</strong></span>
      </a>
      <div class="db-footer-socials">
        <a href="#" class="db-footer-social" title="Facebook" aria-label="Facebook">
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
        </a>
        <a href="#" class="db-footer-social" title="X (Twitter)" aria-label="Twitter">
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
        </a>
        <a href="#" class="db-footer-social" title="Instagram" aria-label="Instagram">
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/></svg>
        </a>
        <a href="https://wa.me/254726009967" target="_blank" rel="noopener" class="db-footer-social" title="WhatsApp" aria-label="WhatsApp">
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg>
        </a>
      </div>
    </div>

    <!-- Materials -->
    <div class="db-footer-col">
      <div class="db-footer-col-title">Materials</div>
      <ul class="db-footer-links">
                  <li>
           <a href="/materials/stones-sand-aggregates">
             Stones, Sand &amp; Aggregates           </a>
         </li>
                  <li>
           <a href="/materials/cement-concrete-precast">
             Cement, Concrete &amp; Precast           </a>
         </li>
                  <li>
           <a href="/materials/steel-reinforcement">
             Steel &amp; Reinforcement           </a>
         </li>
                  <li>
           <a href="/materials/timber-roofing">
             Timber &amp; Roofing           </a>
         </li>
                  <li>
           <a href="/materials/doors-windows-gates">
             Doors, Windows &amp; Gates           </a>
         </li>
                  <li>
           <a href="/materials/waterproofing-finishes">
             Waterproofing &amp; Finishes           </a>
         </li>
                  <li>
           <a href="/materials/tiles-flooring">
             Tiles &amp; Flooring           </a>
         </li>
                  <li>
           <a href="/materials/plumbing-electrical">
             Plumbing &amp; Electrical           </a>
         </li>
               </ul>
    </div>

    <!-- Hire & Transport -->
    <div class="db-footer-col">
      <div class="db-footer-col-title">Hire &amp; Transport</div>
      <ul class="db-footer-links">
        <li><a href="/hire" class="">Machinery for Hire</a></li>
        <li><a href="/transporters" class="">Find a Transporter</a></li>
                <li><a href="/transporters-register" class="">Register as a Transporter</a></li>
                        <li><a href="/vendors" class="">Sell on CMK</a></li>
                <li><a href="/vendor-dashboard" class="">Supplier Dashboard</a></li>
      </ul>
    </div>

    <!-- Company & Legal -->
    <div class="db-footer-col">
      <div class="db-footer-col-title">Company</div>
      <ul class="db-footer-links">
        <li><a href="/about" class="">About CMK</a></li>
        <li><a href="/construction-cost-calculator" class="">Construction Calculator</a></li>
        <li><a href="/blog" class="">Blog</a></li>
        <li><a href="/contact" class="">Contact Us</a></li>
        <li><a href="/vendor-terms" class="">Supplier Terms</a></li>
        <li><a href="/advertise" class="">Advertise With Us</a></li>
      </ul>

      <div class="db-footer-col-title" style="margin-top:1.5rem;">Legal</div>
      <ul class="db-footer-links">
        <li><a href="/privacy" class="">Privacy Policy</a></li>
        <li><a href="/terms" class="">Terms of Service</a></li>
        <li><a href="/refund-policy" class="">Refund Policy</a></li>
        <li><a href="/cookie-policy" class="">Cookie Policy</a></li>
        <li><a href="/delete-account" class="">Request Data Deletion</a></li>
      </ul>
    </div>

  </div><!-- /db-footer-main -->

  <!-- ── WhatsApp strip ── -->
  <div class="db-footer-whatsapp">
    <div class="db-footer-whatsapp-inner">
      <div class="db-footer-whatsapp-text">
        <div class="db-footer-whatsapp-title">💬 Need materials, machinery, or a transporter?</div>
        <div class="db-footer-whatsapp-sub">Chat with CMK directly on WhatsApp — no account needed.</div>
      </div>
      <a href="https://wa.me/254726009967" target="_blank" rel="noopener" class="db-footer-whatsapp-btn">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg>
        Chat on WhatsApp
      </a>
    </div>
  </div>

  <div class="db-footer-divider"></div>

  <!-- ── Bottom bar ── -->
  <div class="db-footer-bottom">
    <div class="db-footer-copy">
      <span>&copy; 2026 Construction Materials Kenya (CMK)</span>
      <span class="db-footer-copy-dot"></span>
      <span>All rights reserved</span>
    </div>
    <div class="db-footer-bottom-links">
       <a href="/privacy">Privacy</a>
       <span>·</span>
       <a href="/terms">Terms</a>
       <span>·</span>
       <a href="/contact">Support</a>
      </div>
    <div class="db-footer-pay">
      <span class="db-footer-pay-badge">M-PESA</span>
      <span class="db-footer-pay-note">Secure payments</span>
    </div>
  </div>

</footer>
        <div class="whatsapp-float">
    <a href="https://wa.me/254726009967" target="_blank" rel="noopener noreferrer">
        <svg width="28" height="28" viewBox="0 0 24 24" fill="white" stroke="none">
            <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
        </svg>
    </a>
</div>
        <button id="backToTopBtn" class="back-to-top" aria-label="Back to top" title="Back to top">
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M12 19V5M5 12l7-7 7 7"/></svg>
</button>
    </div>

    <div id="install-banner" class="pwa-install-banner" style="display:none;">
        <div>
            <strong>Install CMK on your device</strong>
            <p>Get faster access and a full-screen app experience.</p>
        </div>
        <button type="button" onclick="installApp()">Install</button>
    </div>

    <script>window.BASE_PATH = "";</script>
    <script src="/js/app.js"></script>
        <script>
        if ('serviceWorker' in navigator) {
            navigator.serviceWorker.register('/sw.js').catch(err => console.log('SW registration failed:', err));
        }
    </script>
</body>
</html>
