<affitrackr-widget></affitrackr-widget>

<style>
    /* ══════════════════════════════════════════
       AFFITRACKR WIDGET — MOBILE VERSION
       1 cột, AD sau mỗi 3 card
    ══════════════════════════════════════════ */

    /* ── Fix CMS .adv-center negative margin (mobile only) ── */
    .adv-center:has(affitrackr-widget),
    .adv:has(affitrackr-widget) {
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    affitrackr-widget {
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }

    .affi-widget {
        display: block;
        font-family: sans-serif;
        box-sizing: border-box;
        text-align: left;
        overflow: hidden;
        max-width: 100%;
        background: #ffffff;
        border-radius: 6px;
        margin: 20px 0;
        padding: 16px;
    }

    .affi-title {
        font-size: 22px;
        color: #333;
        border-left: 4px solid #e11d48;
        padding-left: 10px;
        margin: 0 0 16px;
        font-weight: bold;
        text-transform: uppercase;
    }

    /* ── Grid: 1 cột ── */
    .affi-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
        max-width: 100%;
        box-sizing: border-box;
    }

    .affi-ad-slot { grid-column: 1 / -1 !important; }

    /* ── Card ── */
    .affi-card {
        border: 1px solid #c8b99a;
        border-radius: 4px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.35s ease, transform 0.35s ease;
        background-color: #ede0c4;
        background-image:
            repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(160,130,80,0.04) 2px, rgba(160,130,80,0.04) 3px),
            repeating-linear-gradient(90deg, transparent, transparent 3px, rgba(140,110,60,0.03) 3px, rgba(140,110,60,0.03) 4px),
            linear-gradient(160deg, #f0e4c8 0%, #e8d8b0 40%, #ede0c4 70%, #e5d5aa 100%);
    }
    .affi-card.affi-visible { opacity: 1; transform: translateY(0); }
    @media (prefers-reduced-motion: reduce) {
        .affi-card { opacity: 1; transform: none; transition: none; }
    }

    .affi-thumb-link {
        display: block; width: 100%; padding-top: 56.25%;
        position: relative; overflow: hidden; text-decoration: none;
    }
    .affi-thumb-img {
        position: absolute; top: 0; left: 0;
        width: 100%; height: 100%; object-fit: cover; transition: transform 0.2s;
    }
    .affi-thumb-link:hover .affi-thumb-img { transform: scale(1.04); }

    .affi-card-body { padding: 12px; flex: 1; display: flex; flex-direction: column; }
    .affi-card-title {
        text-decoration: none; color: #1a1208; font-weight: bold;
        font-size: 16px; line-height: 1.45;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
        overflow: hidden; margin-bottom: 8px;
    }
    .affi-card-title:hover { color: #e11d48; }
    .affi-card-source {
        font-size: 11px; color: #8a7d65; font-weight: 500;
        text-transform: uppercase; margin-top: auto;
    }

    .affi-ad-slot {
        width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden;
        opacity: 0; transform: translateY(10px);
        transition: opacity 0.35s ease, transform 0.35s ease;
    }
    .affi-ad-slot.affi-visible { opacity: 1; transform: translateY(0); }
    .affi-ad-slot ins { display: block !important; width: 100% !important; }

    /* ── Skeleton ── */
    @keyframes affi-shimmer {
        0%   { background-position: -400px 0; }
        100% { background-position:  400px 0; }
    }
    .affi-skeleton { border: 1px solid #eee; border-radius: 6px; overflow: hidden; background: #fff; }
    .affi-skeleton-thumb {
        padding-top: 56.25%;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 800px 100%; animation: affi-shimmer 1.4s infinite linear;
    }
    .affi-skeleton-body { padding: 12px; }
    .affi-skeleton-line {
        height: 12px; border-radius: 4px;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 800px 100%; animation: affi-shimmer 1.4s infinite linear; margin-bottom: 8px;
    }
    .affi-skeleton-line.affi-short { width: 60%; }
</style>

<script>
class AffitrackrWidget extends HTMLElement {

    static AD_CLIENT       = 'ca-pub-7078400245394460';
    static AD_SLOT         = '7322516041';
    static CARDS_PER_BLOCK = 3;   // Mobile: AD sau mỗi 3 card
    static TOTAL_ARTICLES  = 20;

    connectedCallback() {
        this.classList.add('affi-widget');
        this.innerHTML = `
            <h3 class="affi-title">Có thể bạn quan tâm</h3>
            <div class="affi-grid" id="affi-grid"></div>
        `;
        this._showSkeletons();
        this._loadArticles();
    }

    _showSkeletons() {
        const grid = this.querySelector('#affi-grid');
        grid.innerHTML = Array(4).fill(`
            <div class="affi-skeleton">
                <div class="affi-skeleton-thumb"></div>
                <div class="affi-skeleton-body">
                    <div class="affi-skeleton-line"></div>
                    <div class="affi-skeleton-line affi-short"></div>
                </div>
            </div>
        `).join('');
    }

    _shuffle(arr) {
        const a = [...arr];
        for (let i = a.length - 1; i > 0; i--) {
            const j = Math.floor(Math.random() * (i + 1));
            [a[i], a[j]] = [a[j], a[i]];
        }
        return a;
    }

    _storageGet(key, fallback) {
        try { return JSON.parse(localStorage.getItem(key)) ?? fallback; } catch { return fallback; }
    }
    _storageSet(key, value) {
        try { localStorage.setItem(key, JSON.stringify(value)); } catch {}
    }

    async _fetchArticles() {
        const CACHE_KEY = 'affi_articles_cache';
        const CACHE_TTL = 5 * 60 * 1000;
        try {
            const raw = sessionStorage.getItem(CACHE_KEY);
            if (raw) {
                const { ts, data } = JSON.parse(raw);
                if (Date.now() - ts < CACHE_TTL) return data;
            }
        } catch {}
        const controller = new AbortController();
        const timer = setTimeout(() => controller.abort(), 5000);
        try {
            const res = await fetch('https://affitrackr.com/cdn/affitrackr/articles.json', { signal: controller.signal });
            clearTimeout(timer);
            if (!res.ok) throw new Error(`HTTP ${res.status}`);
            const data = await res.json();
            try { sessionStorage.setItem(CACHE_KEY, JSON.stringify({ ts: Date.now(), data })); } catch {}
            return data;
        } catch (err) { clearTimeout(timer); throw err; }
    }

    _safeUrl(url) {
        try {
            const u = new URL(url);
            return (u.protocol === 'https:' || u.protocol === 'http:') ? url : '#';
        } catch { return '#'; }
    }

    _buildCard(item, eager = false) {
        const card = document.createElement('div');
        card.className = 'affi-card';

        const thumbLink = document.createElement('a');
        thumbLink.href = this._safeUrl(item.u);
        thumbLink.className = 'affi-thumb-link';
        thumbLink.target = '_top';
        thumbLink.rel = 'noopener noreferrer';

        const img = document.createElement('img');
        img.src = this._safeUrl(item.i);
        img.alt = String(item.t ?? '').slice(0, 100);
        img.className = 'affi-thumb-img';
        img.loading = eager ? 'eager' : 'lazy';
        img.decoding = eager ? 'sync' : 'async';
        img.onerror = () => { img.style.display = 'none'; };
        thumbLink.appendChild(img);

        const body = document.createElement('div');
        body.className = 'affi-card-body';

        const titleLink = document.createElement('a');
        titleLink.href = this._safeUrl(item.u);
        titleLink.className = 'affi-card-title';
        titleLink.target = '_top';
        titleLink.rel = 'noopener noreferrer';
        titleLink.textContent = item.t ?? '';

        const source = document.createElement('span');
        source.className = 'affi-card-source';
        source.textContent = item.src ?? 'VOH';

        body.appendChild(titleLink);
        body.appendChild(source);
        card.appendChild(thumbLink);
        card.appendChild(body);
        return card;
    }

    _buildAdSlot() {
        const wrapper = document.createElement('div');
        wrapper.className = 'affi-ad-slot';
        wrapper.dataset.adPending = 'true';

        const observer = new IntersectionObserver((entries, obs) => {
            entries.forEach(entry => {
                if (!entry.isIntersecting) return;
                obs.unobserve(wrapper);
                if (wrapper.dataset.adPending !== 'true') return;
                delete wrapper.dataset.adPending;

                const ins = document.createElement('ins');
                ins.className = 'adsbygoogle';
                ins.style.display = 'block';
                ins.dataset.adClient = AffitrackrWidget.AD_CLIENT;
                ins.dataset.adSlot = AffitrackrWidget.AD_SLOT;
                ins.dataset.adFormat = 'auto';
                ins.dataset.fullWidthResponsive = 'true';
                wrapper.appendChild(ins);
                try { (window.adsbygoogle = window.adsbygoogle || []).push({}); }
                catch (e) { console.warn('[affitrackr-mobile] AdSense error:', e); }
            });
        }, { rootMargin: '0px 0px 200px 0px', threshold: 0 });

        observer.observe(wrapper);
        return wrapper;
    }

    _observeElements(els) {
        if (!('IntersectionObserver' in window)) {
            els.forEach(el => el.classList.add('affi-visible'));
            return;
        }
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('affi-visible');
                    observer.unobserve(entry.target);
                }
            });
        }, { rootMargin: '0px 0px 80px 0px', threshold: 0.05 });
        els.forEach(el => observer.observe(el));
    }

    _render(articles) {
        const grid = this.querySelector('#affi-grid');
        grid.innerHTML = '';

        const allEls  = [];
        let adCount   = 0;
        let cardCount = 0; // đếm card trong block hiện tại

        articles.forEach((item, i) => {
            const card = this._buildCard(item, i < 2); // 2 card đầu eager
            grid.appendChild(card);
            allEls.push(card);
            cardCount++;

            // Sau mỗi CARDS_PER_BLOCK card → chèn AD
            if (cardCount === AffitrackrWidget.CARDS_PER_BLOCK) {
                const adSlot = this._buildAdSlot(adCount++);
                grid.appendChild(adSlot);
                allEls.push(adSlot);
                cardCount = 0;
            }
        });

        allEls.slice(0, 2).forEach(el => el.classList.add('affi-visible'));
        this._observeElements(allEls.slice(2));
    }

    async _loadArticles() {
        try {
            const data = await this._fetchArticles();
            const allArticles = Array.isArray(data?.items) ? data.items : [];
            if (allArticles.length === 0) throw new Error('empty');

            const currentUrl = window.location.href;
            let history = this._storageGet('seen_articles_mobile', []);

            let pool = allArticles.filter(a => !history.includes(a.id) && a.u !== currentUrl);
            if (pool.length < AffitrackrWidget.TOTAL_ARTICLES) {
                history = [];
                pool = allArticles.filter(a => a.u !== currentUrl);
            }

            const recommended = this._shuffle(pool).slice(0, AffitrackrWidget.TOTAL_ARTICLES);
            recommended.forEach(a => history.push(a.id));
            this._storageSet('seen_articles_mobile', history.slice(-200));
            this._render(recommended);
        } catch {
            this.style.display = 'none';
        }
    }
}

if (!customElements.get('affitrackr-widget')) {
    customElements.define('affitrackr-widget', AffitrackrWidget);
}
</script>



<affitrackr-widget></affitrackr-widget>

<style>
    /* ══════════════════════════════════════════
       AFFITRACKR WIDGET — PC VERSION
       2 cột, AD full width sau mỗi 4 card (2 row)
    ══════════════════════════════════════════ */

    /* ── PC không có negative margin trick từ CMS, reset đơn giản ── */
    affitrackr-widget {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        text-align: left !important;
        float: none !important;
        clear: both !important;
    }

    .affi-widget {
        display: block;
        font-family: sans-serif;
        box-sizing: border-box;
        text-align: left;
        overflow: hidden;
        max-width: 100%;
        background: #ffffff;
        border-radius: 6px;
        margin: 20px 0;
        padding: 20px;
    }

    .affi-title {
        font-size: 22px;
        color: #333;
        border-left: 4px solid #e11d48;
        padding-left: 10px;
        margin: 0 0 16px;
        font-weight: bold;
        text-transform: uppercase;
    }

    /* ── Grid: 2 cột ── */
    .affi-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* AD span full width (2 cột) */
    .affi-ad-slot { grid-column: 1 / -1 !important; }

    /* ── Card ── */
    .affi-card {
        border: 1px solid #c8b99a;
        border-radius: 4px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.35s ease, transform 0.35s ease;
        background-color: #ede0c4;
        background-image:
            repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(160,130,80,0.04) 2px, rgba(160,130,80,0.04) 3px),
            repeating-linear-gradient(90deg, transparent, transparent 3px, rgba(140,110,60,0.03) 3px, rgba(140,110,60,0.03) 4px),
            linear-gradient(160deg, #f0e4c8 0%, #e8d8b0 40%, #ede0c4 70%, #e5d5aa 100%);
    }
    .affi-card.affi-visible { opacity: 1; transform: translateY(0); }
    @media (prefers-reduced-motion: reduce) {
        .affi-card { opacity: 1; transform: none; transition: none; }
    }

    .affi-thumb-link {
        display: block; width: 100%; padding-top: 56.25%;
        position: relative; overflow: hidden; text-decoration: none;
    }
    .affi-thumb-img {
        position: absolute; top: 0; left: 0;
        width: 100%; height: 100%; object-fit: cover; transition: transform 0.2s;
    }
    .affi-thumb-link:hover .affi-thumb-img { transform: scale(1.04); }

    .affi-card-body { padding: 12px; flex: 1; display: flex; flex-direction: column; }
    .affi-card-title {
        text-decoration: none; color: #1a1208; font-weight: bold;
        font-size: 16px; line-height: 1.45;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
        overflow: hidden; margin-bottom: 8px;
    }
    .affi-card-title:hover { color: #e11d48; }
    .affi-card-source {
        font-size: 11px; color: #8a7d65; font-weight: 500;
        text-transform: uppercase; margin-top: auto;
    }

    .affi-ad-slot {
        width: 100%; max-width: 100%; box-sizing: border-box;
        opacity: 0; transform: translateY(10px);
        transition: opacity 0.35s ease, transform 0.35s ease;
    }
    .affi-ad-slot.affi-visible { opacity: 1; transform: translateY(0); }
    .affi-ad-slot ins { display: block !important; width: 100% !important; }

    /* ── Skeleton ── */
    @keyframes affi-shimmer {
        0%   { background-position: -400px 0; }
        100% { background-position:  400px 0; }
    }
    .affi-skeleton { border: 1px solid #eee; border-radius: 6px; overflow: hidden; background: #fff; }
    .affi-skeleton-thumb {
        padding-top: 56.25%;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 800px 100%; animation: affi-shimmer 1.4s infinite linear;
    }
    .affi-skeleton-body { padding: 12px; }
    .affi-skeleton-line {
        height: 12px; border-radius: 4px;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 800px 100%; animation: affi-shimmer 1.4s infinite linear; margin-bottom: 8px;
    }
    .affi-skeleton-line.affi-short { width: 60%; }
</style>

<script>
class AffitrackrWidget extends HTMLElement {

    static AD_CLIENT       = 'ca-pub-7078400245394460';
    static AD_SLOT         = '7322516041';
    static CARDS_PER_BLOCK = 4;   // PC: AD sau mỗi 4 card (2 row × 2 cột)
    static TOTAL_ARTICLES  = 20;

    connectedCallback() {
        this.classList.add('affi-widget');
        this.innerHTML = `
            <h3 class="affi-title">Có thể bạn quan tâm</h3>
            <div class="affi-grid" id="affi-grid"></div>
        `;
        this._showSkeletons();
        this._loadArticles();
    }

    _showSkeletons() {
        const grid = this.querySelector('#affi-grid');
        grid.innerHTML = Array(4).fill(`
            <div class="affi-skeleton">
                <div class="affi-skeleton-thumb"></div>
                <div class="affi-skeleton-body">
                    <div class="affi-skeleton-line"></div>
                    <div class="affi-skeleton-line affi-short"></div>
                </div>
            </div>
        `).join('');
    }

    _shuffle(arr) {
        const a = [...arr];
        for (let i = a.length - 1; i > 0; i--) {
            const j = Math.floor(Math.random() * (i + 1));
            [a[i], a[j]] = [a[j], a[i]];
        }
        return a;
    }

    _storageGet(key, fallback) {
        try { return JSON.parse(localStorage.getItem(key)) ?? fallback; } catch { return fallback; }
    }
    _storageSet(key, value) {
        try { localStorage.setItem(key, JSON.stringify(value)); } catch {}
    }

    async _fetchArticles() {
        const CACHE_KEY = 'affi_articles_cache';
        const CACHE_TTL = 5 * 60 * 1000;
        try {
            const raw = sessionStorage.getItem(CACHE_KEY);
            if (raw) {
                const { ts, data } = JSON.parse(raw);
                if (Date.now() - ts < CACHE_TTL) return data;
            }
        } catch {}
        const controller = new AbortController();
        const timer = setTimeout(() => controller.abort(), 5000);
        try {
            const res = await fetch('https://affitrackr.com/cdn/affitrackr/articles.json', { signal: controller.signal });
            clearTimeout(timer);
            if (!res.ok) throw new Error(`HTTP ${res.status}`);
            const data = await res.json();
            try { sessionStorage.setItem(CACHE_KEY, JSON.stringify({ ts: Date.now(), data })); } catch {}
            return data;
        } catch (err) { clearTimeout(timer); throw err; }
    }

    _safeUrl(url) {
        try {
            const u = new URL(url);
            return (u.protocol === 'https:' || u.protocol === 'http:') ? url : '#';
        } catch { return '#'; }
    }

    _buildCard(item, eager = false) {
        const card = document.createElement('div');
        card.className = 'affi-card';

        const thumbLink = document.createElement('a');
        thumbLink.href = this._safeUrl(item.u);
        thumbLink.className = 'affi-thumb-link';
        thumbLink.target = '_top';
        thumbLink.rel = 'noopener noreferrer';

        const img = document.createElement('img');
        img.src = this._safeUrl(item.i);
        img.alt = String(item.t ?? '').slice(0, 100);
        img.className = 'affi-thumb-img';
        img.loading = eager ? 'eager' : 'lazy';
        img.decoding = eager ? 'sync' : 'async';
        img.onerror = () => { img.style.display = 'none'; };
        thumbLink.appendChild(img);

        const body = document.createElement('div');
        body.className = 'affi-card-body';

        const titleLink = document.createElement('a');
        titleLink.href = this._safeUrl(item.u);
        titleLink.className = 'affi-card-title';
        titleLink.target = '_top';
        titleLink.rel = 'noopener noreferrer';
        titleLink.textContent = item.t ?? '';

        const source = document.createElement('span');
        source.className = 'affi-card-source';
        source.textContent = item.src ?? 'VOH';

        body.appendChild(titleLink);
        body.appendChild(source);
        card.appendChild(thumbLink);
        card.appendChild(body);
        return card;
    }

    _buildAdSlot() {
        const wrapper = document.createElement('div');
        wrapper.className = 'affi-ad-slot';
        wrapper.dataset.adPending = 'true';

        const observer = new IntersectionObserver((entries, obs) => {
            entries.forEach(entry => {
                if (!entry.isIntersecting) return;
                obs.unobserve(wrapper);
                if (wrapper.dataset.adPending !== 'true') return;
                delete wrapper.dataset.adPending;

                const ins = document.createElement('ins');
                ins.className = 'adsbygoogle';
                ins.style.display = 'block';
                ins.dataset.adClient = AffitrackrWidget.AD_CLIENT;
                ins.dataset.adSlot = AffitrackrWidget.AD_SLOT;
                ins.dataset.adFormat = 'auto';
                ins.dataset.fullWidthResponsive = 'true';
                wrapper.appendChild(ins);
                try { (window.adsbygoogle = window.adsbygoogle || []).push({}); }
                catch (e) { console.warn('[affitrackr-pc] AdSense error:', e); }
            });
        }, { rootMargin: '0px 0px 200px 0px', threshold: 0 });

        observer.observe(wrapper);
        return wrapper;
    }

    _observeElements(els) {
        if (!('IntersectionObserver' in window)) {
            els.forEach(el => el.classList.add('affi-visible'));
            return;
        }
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('affi-visible');
                    observer.unobserve(entry.target);
                }
            });
        }, { rootMargin: '0px 0px 80px 0px', threshold: 0.05 });
        els.forEach(el => observer.observe(el));
    }

    _render(articles) {
        const grid = this.querySelector('#affi-grid');
        grid.innerHTML = '';

        const allEls  = [];
        let adCount   = 0;
        let cardCount = 0;

        // Layout 2 cột:
        // [card] [card]
        // [card] [card]  → sau 4 card → AD
        // [── AD full width ──]
        // [card] [card]
        // ...
        articles.forEach((item, i) => {
            const card = this._buildCard(item, i < 4); // 4 card đầu eager (2 row đầu)
            grid.appendChild(card);
            allEls.push(card);
            cardCount++;

            if (cardCount === AffitrackrWidget.CARDS_PER_BLOCK) {
                const adSlot = this._buildAdSlot(adCount++);
                grid.appendChild(adSlot);
                allEls.push(adSlot);
                cardCount = 0;
            }
        });

        allEls.slice(0, 4).forEach(el => el.classList.add('affi-visible'));
        this._observeElements(allEls.slice(4));
    }

    async _loadArticles() {
        try {
            const data = await this._fetchArticles();
            const allArticles = Array.isArray(data?.items) ? data.items : [];
            if (allArticles.length === 0) throw new Error('empty');

            const currentUrl = window.location.href;
            let history = this._storageGet('seen_articles_pc', []);

            let pool = allArticles.filter(a => !history.includes(a.id) && a.u !== currentUrl);
            if (pool.length < AffitrackrWidget.TOTAL_ARTICLES) {
                history = [];
                pool = allArticles.filter(a => a.u !== currentUrl);
            }

            const recommended = this._shuffle(pool).slice(0, AffitrackrWidget.TOTAL_ARTICLES);
            recommended.forEach(a => history.push(a.id));
            this._storageSet('seen_articles_pc', history.slice(-200));
            this._render(recommended);
        } catch {
            this.style.display = 'none';
        }
    }
}

if (!customElements.get('affitrackr-widget')) {
    customElements.define('affitrackr-widget', AffitrackrWidget);
}
</script>

<div style="width: 100%; background-color: #fbf3e4; display: flex; justify-content: center; align-items: center; padding: 3px 0;">
  <div style="display: flex; align-items: center;">
    <div style="text-align: center; font-size: 11px; font-weight: normal; background-color: gray; color: white; padding: 1px 5px; /* Khoảng cách giữa chữ Ad và chữ Quảng cáo */ margin: 0 3px; border-radius: 1px; /* Bo cạnh 3px */">Ad</div>
    <div style="text-align: center; font-size: 11px; font-weight: normal; color: #000000;">QUẢNG CÁO</div>
  </div>
</div>
<div style="height: 150px;">


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7078400245394460"
     data-ad-slot="5024558631"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<script type="text/javascript" class="teads" src="//a.teads.tv/page/158267/tag" async="true"></script>

<zone id="luaxyl27"></zone>
<script>
arfAsync.push("luaxyl27");
</script>


<zone id="kjbdaxby"></zone>
<script>
arfAsync.push("kjbdaxby");
</script>

<zone id="kmvv37ku"></zone>
<script>
arfAsync.push("kmvv37ku");
</script>


Cháy dãy xưởng sửa chữa ô tô trên đường Lê Quang Đạo

Cập nhật thông tin nhanh, tin thời sự, xã hội của TPHCM và cả nước trên VOH Online.

10 người miền Tây trúng hơn 1,2 tỉ đồng nhờ cùng dãy số xổ số

Lịch cúp điện TP. Hồ Chí Minh ngày 30/8: Một số khu vực tạm ngừng cấp điện

Trung Quốc cảnh báo nguy cơ vỡ hồ chắn dòng ở biên giới Nepal

Cháy nhà máy nguyên liệu sơn ở Hàn Quốc, 3 người chết

Các tỉnh thành thông báo thay đổi lịch chi trả lương hưu tháng 9/2026

<p align="justify"><strong>Đo&agrave;n l&atilde;nh đạo TP thăm v&agrave; tặng qu&agrave; c&aacute;c cụ cao ni&ecirc;n </strong></p>
<p align="justify">(VOH) - Nh&acirc;n dịp đầu xu&acirc;n, chiều l&agrave; 9/2, l&atilde;nh đạo TP đ&atilde; tổ chức đo&agrave;n đi thăm v&agrave; tặng qu&agrave; cho c&aacute;c cụ cao ni&ecirc;n thọ 100 tuổi.</p>
<p align="justify">Dịp n&agrave;y, b&agrave; Nguyễn Thị Thu H&agrave;, Ph&oacute; Chủ tịch Uỷ ban nh&acirc;n d&acirc;n TP đ&atilde; đến thăm v&agrave; ch&uacute;c thọ 4 cụ, đ&oacute; l&agrave; cụ Nguyễn Thị C&ocirc;n, mẹ Việt Nam Anh h&ugrave;ng; cụ Văn Nguyệt Khoan, người d&acirc;n tộc Hoa ở quận 5 v&agrave; cụ &ocirc;ng Nguyễn Ngọc &Aacute;nh; cụ b&agrave; Trần Thị M&ocirc;n ở quận 6. B&agrave; Nguyễn Thị Thu H&agrave; đ&atilde; &acirc;n c&agrave;n hỏi thăm sức khỏe c&aacute;c cụ v&agrave; ch&uacute;c c&aacute;c cụ sống vui sống khỏe bện con ch&aacute;u, đống thời tặng mỗi cụ một phần qu&agrave; trị gi&aacute; một triệu đồng, gồm một xấp vải lụa v&agrave; một kh&aacute;nh v&agrave;ng.</p>
<div class="adv-components" id="MiddleContent-01"></div><p align="justify">Chiều c&ugrave;ng ng&agrave;y, b&agrave; Nguyễn Thị Quyết T&acirc;m, Trưởng Ban D&acirc;n vận Th&agrave;nh ủy cũng đ&atilde; đến thăm v&agrave; tặng qu&agrave; cho cụ Đ&agrave;o Trọng Th&agrave;nh, phường 2, quận 3 v&agrave; cụ Lữ Thị &Eacute;n ở phường Bến Ngh&eacute;, cụ L&ecirc; Thị Bảy, cụ Nguyễn Thị Giận ở phường Nguyễn Cư Trinh quận 1.</p>
<p align="justify">Hiện nay, TP c&oacute; 368 cụ thọ từ 100 tuổi trở l&ecirc;n, trong đ&oacute; c&oacute; 85 cụ &ocirc;ng, 7 cụ l&agrave; mẹ Việt Nam Anh h&ugrave;ng, 32 cụ l&agrave; người d&acirc;n tộc Hoa. Đợt n&agrave;y, c&oacute; 99 cụ được tặng kh&aacute;nh v&agrave;ng v&agrave; vải lụa.</p>
<p align="right"><strong>PThủy</strong></p>

Đoàn lãnh đạo TP thăm và tặng quà các cụ cao niên 

PV Bí thư Quận ủy 12 về cuộc vận động “Học tập và làm theo tấm gương đạo đức Hồ Chí Minh” 

Cháy rừng trong đêm ở D'Ran, gần 70 người thức trắng dập lửa