/* =====================================================
   VISA24 PAGES CSS - COMPLETE
   Image fix, White cards, HP, Contact, About, Category, Blog CTA, Page
===================================================== */

/* ── GLOBAL IMAGE OVERFLOW FIX ───────────────────── */
.entry-content img,.pg-content img,.content img,.single-post img,.pg-article img{max-width:100%!important;width:auto!important;height:auto!important;border-radius:var(--visa-radius-sm);display:block;margin:1rem auto}
.entry-content iframe,.pg-content iframe,.content iframe{max-width:100%!important}
.entry-content table{max-width:100%;overflow-x:auto;display:block}

/* ── PAGE/SINGLE WHITE CARD ──────────────────────── */
.pg-wrapper{background:var(--visa-surface-low);min-height:60vh}
.pg-card{background:#fff;border-radius:var(--visa-radius-xl);box-shadow:var(--visa-shadow-sm);border:1px solid rgba(192,199,210,.12);padding:2.5rem;margin-bottom:1.5rem;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}
.pg-featured-img{margin:-2.5rem -2.5rem 2rem;overflow:hidden}
.pg-featured-img img{width:100%!important;max-height:420px;object-fit:cover;border-radius:0!important;margin:0!important}
.pg-tags{padding-top:1.5rem;border-top:1px solid var(--visa-outline-variant);margin-top:2rem}
.pg-tag{display:inline-block;background:var(--visa-surface-low);color:var(--visa-on-surface-variant);padding:.25rem .75rem;border-radius:var(--visa-radius-sm);font-size:.82rem;font-weight:600;margin:0 .35rem .35rem 0}
.pg-meta-row{display:flex;gap:1.25rem;font-size:.82rem;color:var(--visa-outline);flex-wrap:wrap}
.pg-comments{padding:2rem 0 0;border-top:1px solid var(--visa-outline-variant);margin-top:1rem}
@media(max-width:767px){.pg-card{padding:1.5rem}.pg-featured-img{margin:-1.5rem -1.5rem 1.5rem}}

/* ── BREADCRUMB ──────────────────────────────────── */
.pg-breadcrumb-bar{padding:.75rem 0;background:var(--visa-surface-low);border-bottom:1px solid rgba(192,199,210,.15)}
.pg-breadcrumb-bar .breadcrumb{font-size:.85rem;margin:0}
.pg-breadcrumb-bar .breadcrumb-item a{color:var(--visa-primary);text-decoration:none}
.pg-breadcrumb-bar .breadcrumb-item.active{color:var(--visa-on-surface-variant)}

/* ── PAGE HEADER & CONTENT ───────────────────────── */
.pg-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--visa-outline-variant)}
.pg-title{font-family:var(--visa-font-headline);font-size:clamp(1.6rem,3vw,2rem);font-weight:800;color:var(--visa-on-surface);margin-bottom:.5rem;line-height:1.25}
.pg-meta{font-size:.82rem;color:var(--visa-outline);display:flex;align-items:center;gap:.3rem}
.pg-content{font-size:1rem;line-height:1.8;color:var(--visa-on-surface-variant)}
.pg-content h2{font-family:var(--visa-font-headline);font-size:1.5rem;font-weight:700;margin:2.5rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--visa-outline-variant);color:var(--visa-on-surface)}
.pg-content h2:first-child{border-top:none;padding-top:0;margin-top:0}
.pg-content h3{font-size:1.2rem;font-weight:700;margin:1.5rem 0 .75rem}
.pg-content h4{font-size:1.05rem;font-weight:700;margin:1.25rem 0 .5rem}
.pg-content p{margin-bottom:1.25rem}
.pg-content ul,.pg-content ol{padding-left:1.5rem;margin-bottom:1.5rem}
.pg-content li{margin-bottom:.5rem}
.pg-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}
.pg-content table th,.pg-content table td{padding:.75rem 1rem;border:1px solid var(--visa-outline-variant);vertical-align:top}
.pg-content table th{background:var(--visa-surface-low);font-weight:700;color:var(--visa-on-surface)}
.pg-content blockquote{border-left:4px solid var(--visa-primary);padding:1rem 1.5rem;background:var(--visa-surface-low);border-radius:0 var(--visa-radius-sm) var(--visa-radius-sm) 0;margin:1.5rem 0;font-style:italic}

/* ── PAGE CTA ────────────────────────────────────── */
.pg-cta{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--visa-outline-variant)}
.pg-cta-inner{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,rgba(0,89,147,.04),rgba(6,114,186,.07));border-radius:var(--visa-radius-lg)}
.pg-cta-icon{flex-shrink:0;width:52px;height:52px;background:var(--visa-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}
.pg-cta-icon .material-symbols-outlined{color:#fff}
.pg-cta-body h4{font-family:var(--visa-font-headline);font-size:1.1rem;font-weight:700;margin:0 0 .3rem}
.pg-cta-body p{font-size:.85rem;color:var(--visa-on-surface-variant);margin:0 0 .75rem;line-height:1.5}
.pg-cta-buttons{display:flex;gap:.5rem;flex-wrap:wrap}
.pg-cta-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:.85rem;text-decoration:none;transition:all .2s}
.pg-cta-call{background:var(--visa-primary);color:#fff}
.pg-cta-call:hover{background:var(--visa-primary-container);color:#fff}
.pg-cta-zalo{background:#0068ff;color:#fff}
.pg-cta-zalo:hover{background:#0055dd;color:#fff}

/* ── PAGE SIDEBAR ────────────────────────────────── */
.pg-sidebar-cta{background:var(--visa-primary);color:#fff;border-radius:var(--visa-radius-xl);padding:1.75rem;text-align:center;margin-bottom:1.25rem;position:sticky;top:100px}
.pg-sidebar-cta-icon{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}
.pg-sidebar-cta h5{font-family:var(--visa-font-headline);font-size:1rem;font-weight:700;color:#fff;margin-bottom:.35rem}
.pg-sidebar-cta p{font-size:.82rem;color:rgba(255,255,255,.7);margin-bottom:1rem}
.pg-sidebar-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem;border-radius:6px;font-weight:700;font-size:.85rem;text-decoration:none;transition:all .2s;margin-bottom:.4rem}
.pg-sidebar-call{background:var(--visa-secondary-container);color:var(--visa-on-secondary-container)}
.pg-sidebar-call:hover{opacity:.92;color:var(--visa-on-secondary-container)}
.pg-sidebar-zalo{background:rgba(255,255,255,.12);color:#fff}
.pg-sidebar-zalo:hover{background:rgba(255,255,255,.2);color:#fff}
.pg-sidebar-services{background:#fff;border:1px solid var(--visa-outline-variant);border-radius:var(--visa-radius-xl);padding:1.25rem;margin-bottom:1.25rem}
.pg-sidebar-services h5{font-family:var(--visa-font-headline);font-size:.9rem;font-weight:700;margin-bottom:.75rem}
.pg-sv-link{display:block;padding:.5rem .6rem;border-radius:var(--visa-radius-sm);font-size:.85rem;font-weight:600;color:var(--visa-on-surface);text-decoration:none;transition:all .2s;margin-bottom:.15rem}
.pg-sv-link:hover{background:rgba(0,89,147,.05);color:var(--visa-primary)}
@media(max-width:640px){.pg-cta-inner{flex-direction:column;text-align:center}.pg-cta-buttons{justify-content:center}}

/* ── HOMEPAGE: STATS BAR ─────────────────────────── */
.hp-stats-bar{padding:2.5rem 0;background:var(--visa-primary);position:relative;z-index:5}
.hp-stat-num{font-family:var(--visa-font-headline);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;color:#fff;line-height:1}
.hp-stat-num span{font-size:.6em;font-weight:600;opacity:.7}
.hp-stat-label{font-size:.82rem;color:rgba(255,255,255,.65);margin-top:.3rem;font-weight:500}

/* ── HOMEPAGE: PROCESS ───────────────────────────── */
.hp-process{padding:5rem 0;background:var(--visa-surface)}
.hp-step{background:#fff;border-radius:var(--visa-radius-lg);padding:2rem;box-shadow:var(--visa-shadow-sm);border:1px solid rgba(192,199,210,.1);height:100%}
.hp-step h4{font-family:var(--visa-font-headline);font-size:1.05rem;font-weight:700;margin-bottom:.5rem}
.hp-step p{font-size:.88rem;color:var(--visa-on-surface-variant);line-height:1.6;margin-bottom:0}
.hp-step-num{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--visa-primary);color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:1.25rem}
.hp-step-final{background:var(--visa-secondary);color:#fff}
.hp-step-final h4,.hp-step-final p{color:#fff}
.hp-step-final p{opacity:.85}
.hp-step-accent{background:var(--visa-secondary-container);color:var(--visa-on-secondary-container)}

/* ── HOMEPAGE: FEEDBACK ──────────────────────────── */
.hp-feedback{padding:5rem 0;background:var(--visa-surface)}
.hp-fb-card{background:#fff;border:1px solid var(--visa-outline-variant);border-radius:var(--visa-radius-xl);padding:1.75rem;height:100%;display:flex;flex-direction:column}
.hp-fb-featured{background:var(--visa-primary);color:#fff;border-color:var(--visa-primary)}
.hp-fb-stars{font-size:1rem;color:#f59e0b;margin-bottom:.75rem;letter-spacing:2px}
.hp-fb-featured .hp-fb-stars{color:#fbbf24}
.hp-fb-quote{font-size:.93rem;line-height:1.65;flex-grow:1;font-style:italic;margin-bottom:1.25rem}
.hp-fb-featured .hp-fb-quote{color:rgba(255,255,255,.9)}
.hp-fb-author{display:flex;align-items:center;gap:.6rem;margin-top:auto;flex-wrap:wrap}
.hp-fb-avatar{width:40px;height:40px;border-radius:50%;background:var(--visa-surface-high);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;color:var(--visa-primary);flex-shrink:0}
.hp-fb-featured .hp-fb-avatar{background:rgba(255,255,255,.15);color:#fff}
.hp-fb-author strong{display:block;font-size:.88rem}
.hp-fb-author small{font-size:.75rem;color:var(--visa-on-surface-variant)}
.hp-fb-featured .hp-fb-author small{color:rgba(255,255,255,.6)}
.hp-fb-badge{margin-left:auto;font-size:.68rem;font-weight:700;padding:.15rem .4rem;border-radius:3px;background:rgba(34,197,94,.1);color:#16a34a;white-space:nowrap}
.hp-fb-featured .hp-fb-badge{background:rgba(255,255,255,.15);color:#fff}

/* ── HOMEPAGE: CASES ─────────────────────────────── */
.hp-cases{padding:5rem 0;background:var(--visa-surface-low)}
.hp-case{background:#fff;border:1px solid var(--visa-outline-variant);border-radius:var(--visa-radius-xl);padding:2rem;height:100%}
.hp-case-tag{display:inline-block;font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:3px;background:rgba(34,197,94,.1);color:#16a34a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}
.hp-case h4{font-family:var(--visa-font-headline);font-size:1.1rem;font-weight:700;margin-bottom:1rem}
.hp-case p{font-size:.9rem;color:var(--visa-on-surface-variant);line-height:1.6;margin-bottom:.5rem}
.hp-case-result{color:var(--visa-primary)!important;font-weight:600}

/* ── HOMEPAGE: BLOG ──────────────────────────────── */
.hp-blog{padding:5rem 0;background:var(--visa-surface)}
.hp-blog-card{cursor:pointer}
.hp-blog-thumb{display:block;aspect-ratio:16/9;border-radius:var(--visa-radius-lg);overflow:hidden;margin-bottom:1rem}
.hp-blog-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.hp-blog-card:hover .hp-blog-img{transform:scale(1.05)}
.hp-blog-cat{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--visa-secondary);margin-bottom:.4rem}
.hp-blog-title{font-size:1.05rem;font-weight:700;line-height:1.35;margin-bottom:.4rem}
.hp-blog-title a{color:var(--visa-on-surface);text-decoration:none;transition:color .2s}
.hp-blog-card:hover .hp-blog-title a{color:var(--visa-primary)}
.hp-blog-excerpt{font-size:.85rem;color:var(--visa-on-surface-variant);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}

/* ── CONTACT PAGE ────────────────────────────────── */
.ct-hero{padding:3rem 0;background:var(--visa-surface-low)}
.ct-h1{font-family:var(--visa-font-headline);font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:.75rem}
.ct-hero-desc{font-size:1.05rem;color:var(--visa-on-surface-variant);max-width:560px;margin:0 auto;line-height:1.7}
.ct-quick{padding:3rem 0}
.ct-qcard{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;border-radius:var(--visa-radius-xl);border:1px solid var(--visa-outline-variant);background:#fff;text-decoration:none;color:var(--visa-on-surface);transition:all .2s;height:100%}
.ct-qcard:hover{border-color:var(--visa-primary);box-shadow:var(--visa-shadow-md);transform:translateY(-4px);color:var(--visa-on-surface)}
.ct-qcard h4{font-family:var(--visa-font-headline);font-size:1rem;font-weight:700;margin:.75rem 0 .25rem}
.ct-qcard-value{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}
.ct-qcard-hint{font-size:.75rem;color:var(--visa-outline);margin-top:auto;padding-top:.75rem}
.ct-qcard-call .material-symbols-outlined{color:var(--visa-primary)}
.ct-qcard-zalo .material-symbols-outlined{color:#0068ff}
.ct-qcard-email .material-symbols-outlined{color:var(--visa-secondary)}
.ct-main{padding:3rem 0 5rem}
.ct-form-box{background:#fff;border:1px solid var(--visa-outline-variant);border-radius:var(--visa-radius-xl);padding:2.5rem}
.ct-form-box h2{font-family:var(--visa-font-headline);font-size:1.4rem;font-weight:700;margin-bottom:.5rem}
.ct-form-box>p{font-size:.95rem;color:var(--visa-on-surface-variant);margin-bottom:1.5rem}
.ct-form .form-label{font-size:.82rem;font-weight:600;color:var(--visa-on-surface-variant)}
.ct-form .form-control,.ct-form .form-select{background:var(--visa-surface);border:1.5px solid var(--visa-outline-variant);border-radius:var(--visa-radius-sm);padding:.7rem .9rem;font-size:.95rem;transition:all .2s}
.ct-form .form-control:focus,.ct-form .form-select:focus{border-color:var(--visa-primary);box-shadow:0 0 0 3px rgba(0,89,147,.1);background:#fff}
.ct-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem;background:var(--visa-secondary-container);color:var(--visa-on-secondary-container);font-family:var(--visa-font-headline);font-weight:700;font-size:1.05rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s}
.ct-submit:hover{opacity:.92}
.ct-info-box{background:var(--visa-primary);color:#fff;border-radius:var(--visa-radius-xl);padding:2rem;margin-bottom:1.5rem}
.ct-info-box h3{font-family:var(--visa-font-headline);font-size:1.15rem;font-weight:700;margin-bottom:1.5rem;color:#fff}
.ct-info-list{list-style:none;padding:0;margin:0}
.ct-info-list li{display:flex;gap:.75rem;margin-bottom:1.25rem}
.ct-info-list .material-symbols-outlined{color:var(--visa-secondary-container);font-size:1.3rem;margin-top:2px;flex-shrink:0}
.ct-info-list strong{display:block;font-size:.85rem;color:#fff;margin-bottom:2px}
.ct-info-list p{font-size:.88rem;color:rgba(255,255,255,.75);margin:0;line-height:1.5}
.ct-info-list a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3)}
.ct-social{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.15)}
.ct-social-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:rgba(255,255,255,.12);color:#fff;border-radius:6px;font-weight:600;font-size:.85rem;text-decoration:none}
.ct-map-placeholder{background:var(--visa-surface-low);border:2px dashed var(--visa-outline-variant);border-radius:var(--visa-radius-xl);padding:3rem;text-align:center;color:var(--visa-outline)}

/* ── ABOUT PAGE ──────────────────────────────────── */
.ab-hero{padding:3rem 0 4rem;background:var(--visa-surface-low)}
.ab-h1{font-family:var(--visa-font-headline);font-size:clamp(2rem,4vw,2.8rem);font-weight:800;margin-bottom:1rem;line-height:1.15}
.ab-hero-desc{font-size:1.1rem;color:var(--visa-on-surface-variant);line-height:1.7}
.ab-section-title{font-family:var(--visa-font-headline);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:.5rem}
.ab-section-desc{font-size:1rem;color:var(--visa-on-surface-variant)}
.ab-values{padding:5rem 0;background:var(--visa-surface)}
.ab-value-card{text-align:center;padding:2rem;border:1px solid var(--visa-outline-variant);border-radius:var(--visa-radius-xl);background:#fff;height:100%;transition:all .2s}
.ab-value-card:hover{border-color:var(--visa-primary);box-shadow:var(--visa-shadow-md);transform:translateY(-4px)}
.ab-value-icon{width:64px;height:64px;margin:0 auto 1.25rem;border-radius:50%;background:rgba(0,89,147,.08);display:flex;align-items:center;justify-content:center}
.ab-value-icon .material-symbols-outlined{font-size:1.8rem;color:var(--visa-primary)}
.ab-value-card h4{font-family:var(--visa-font-headline);font-size:1.1rem;font-weight:700;margin-bottom:.75rem}
.ab-value-card p{font-size:.9rem;color:var(--visa-on-surface-variant);line-height:1.65;margin-bottom:0}
.ab-why{padding:5rem 0;background:var(--visa-surface-low)}
.ab-why-list{list-style:none;padding:0;margin:1.5rem 0 0}
.ab-why-list li{display:flex;gap:1rem;margin-bottom:1.5rem}
.ab-why-list .material-symbols-outlined{color:var(--visa-primary);font-size:1.3rem;flex-shrink:0;margin-top:2px}
.ab-why-list strong{display:block;font-size:1rem;margin-bottom:.25rem}
.ab-why-list p{font-size:.9rem;color:var(--visa-on-surface-variant);line-height:1.6;margin:0}
.ab-img-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ab-img-item img{width:100%;height:200px;object-fit:cover;border-radius:var(--visa-radius-xl)}
.ab-img-item:first-child img{height:100%;min-height:200px}
.ab-img-item:first-child{grid-row:1/3}
.ab-cta{padding:4rem 0}
.ab-cta-box{background:var(--visa-primary);border-radius:var(--visa-radius-2xl);padding:4rem 2rem;text-align:center}
.ab-cta-box h2{font-family:var(--visa-font-headline);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff;margin-bottom:.75rem}
.ab-cta-box p{color:rgba(255,255,255,.8);font-size:1rem;margin-bottom:2rem}

/* ── CATEGORY PAGE ───────────────────────────────── */
.cat-hero{padding:3rem 0;background:var(--visa-surface-low)}
.cat-h1{font-family:var(--visa-font-headline);font-size:clamp(1.8rem,3.5vw,2.2rem);font-weight:800;margin-bottom:.5rem}
.cat-desc{font-size:1rem;color:var(--visa-on-surface-variant);margin-bottom:1rem}
.cat-breadcrumb{font-size:.85rem;color:var(--visa-outline);display:flex;align-items:center;gap:.3rem}
.cat-breadcrumb a{color:var(--visa-primary);text-decoration:none}
.cat-content{padding:3rem 0 5rem}
.cat-featured-post{margin-bottom:2rem;border-radius:var(--visa-radius-xl);overflow:hidden;background:#fff;border:1px solid var(--visa-outline-variant)}
.cat-featured-thumb{display:block;aspect-ratio:16/8;overflow:hidden}
.cat-featured-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat-featured-post:hover .cat-featured-img{transform:scale(1.03)}
.cat-featured-body{padding:1.5rem 2rem 2rem}
.cat-post-cat{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--visa-secondary);margin-bottom:.5rem}
.cat-featured-title{font-family:var(--visa-font-headline);font-size:1.5rem;font-weight:700;margin-bottom:.75rem;line-height:1.3}
.cat-featured-title a{color:var(--visa-on-surface);text-decoration:none;transition:color .2s}
.cat-featured-post:hover .cat-featured-title a{color:var(--visa-primary)}
.cat-featured-excerpt{font-size:.95rem;color:var(--visa-on-surface-variant);line-height:1.65;margin-bottom:1rem}
.cat-post-meta{font-size:.82rem;color:var(--visa-outline);display:flex;gap:1rem;margin-bottom:1rem}
.cat-read-more{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;font-size:.9rem;color:var(--visa-primary);text-decoration:none}
.cat-grid-card{background:#fff;border:1px solid var(--visa-outline-variant);border-radius:var(--visa-radius-lg);overflow:hidden;height:100%;transition:all .2s}
.cat-grid-card:hover{box-shadow:var(--visa-shadow-md);transform:translateY(-3px)}
.cat-grid-thumb{display:block;aspect-ratio:16/10;overflow:hidden}
.cat-grid-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat-grid-card:hover .cat-grid-img{transform:scale(1.05)}
.cat-grid-body{padding:1rem 1.25rem 1.25rem}
.cat-grid-title{font-size:1rem;font-weight:700;line-height:1.35;margin-bottom:.4rem}
.cat-grid-title a{color:var(--visa-on-surface);text-decoration:none;transition:color .2s}
.cat-grid-card:hover .cat-grid-title a{color:var(--visa-primary)}
.cat-grid-excerpt{font-size:.82rem;color:var(--visa-on-surface-variant);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}
.cat-sidebar-cta{background:var(--visa-primary);color:#fff;border-radius:var(--visa-radius-xl);padding:2rem;text-align:center;margin-bottom:1.5rem;position:sticky;top:100px}
.cat-cta-icon{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}
.cat-sidebar-cta h4{font-family:var(--visa-font-headline);font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem}
.cat-sidebar-cta p{font-size:.88rem;color:rgba(255,255,255,.8);margin-bottom:1.25rem}
.cat-cta-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem;border-radius:6px;font-weight:700;font-size:.88rem;text-decoration:none;transition:all .2s;margin-bottom:.5rem}
.cat-cta-call{background:var(--visa-secondary-container);color:var(--visa-on-secondary-container)}
.cat-cta-zalo{background:rgba(255,255,255,.12);color:#fff}
.cat-sidebar-services{background:#fff;border:1px solid var(--visa-outline-variant);border-radius:var(--visa-radius-xl);padding:1.5rem;margin-bottom:1.5rem}
.cat-sidebar-services h5{font-family:var(--visa-font-headline);font-size:.95rem;font-weight:700;margin-bottom:1rem}
.cat-sv-link{display:block;padding:.6rem .75rem;border-radius:var(--visa-radius-sm);font-size:.88rem;font-weight:600;color:var(--visa-on-surface);text-decoration:none;transition:all .2s;margin-bottom:.25rem}
.cat-sv-link:hover{background:rgba(0,89,147,.05);color:var(--visa-primary)}
.cat-pagination .nav-links{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}
.cat-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:var(--visa-radius-sm);border:1px solid var(--visa-outline-variant);font-size:.9rem;font-weight:600;color:var(--visa-on-surface);text-decoration:none;padding:0 .5rem}
.cat-pagination .page-numbers.current{background:var(--visa-primary);color:#fff;border-color:var(--visa-primary)}

/* ── BLOG CTA BLOCK ──────────────────────────────── */
.blog-cta-block{border-radius:var(--visa-radius-lg);overflow:hidden;border:1px solid var(--visa-outline-variant);background:#fff}
.blog-cta-inner{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,rgba(0,89,147,.03),rgba(6,114,186,.06))}
.blog-cta-icon{flex-shrink:0;width:52px;height:52px;background:var(--visa-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}
.blog-cta-icon .material-symbols-outlined{color:#fff}
.blog-cta-content h3{font-family:var(--visa-font-headline);font-size:1.1rem;font-weight:700;margin:0 0 .3rem}
.blog-cta-content p{font-size:.85rem;color:var(--visa-on-surface-variant);margin:0 0 .75rem;line-height:1.5}
.blog-cta-buttons{display:flex;gap:.5rem;flex-wrap:wrap}
.blog-cta-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:.82rem;text-decoration:none;transition:all .2s}
.blog-cta-primary{background:var(--visa-primary);color:#fff}
.blog-cta-primary:hover{background:var(--visa-primary-container);color:#fff}
.blog-cta-zalo{background:#0068ff;color:#fff}
.blog-cta-zalo:hover{background:#0055dd;color:#fff}
.blog-cta-links{padding:.6rem 1.5rem;background:var(--visa-surface-low);border-top:1px solid var(--visa-outline-variant);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.78rem}
.blog-cta-links-label{font-weight:600;color:var(--visa-on-surface-variant)}
.blog-cta-links a{color:var(--visa-primary);font-weight:600;text-decoration:none;padding:.15rem .4rem;border-radius:3px}
.blog-cta-links a:hover{background:rgba(0,89,147,.06)}
@media(max-width:640px){.blog-cta-inner{flex-direction:column;text-align:center}.blog-cta-buttons,.blog-cta-links{justify-content:center}}

/* ── COMMENTS ────────────────────────────────────── */
.v24-comments{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--visa-outline-variant)}

/* Header */
.v24-cm-header{margin-bottom:1.5rem}
.v24-cm-title{font-family:var(--visa-font-headline);font-size:1.15rem;font-weight:700;color:var(--visa-on-surface);display:flex;align-items:center;margin:0}

/* Comment list */
.v24-cm-list{list-style:none;padding:0;margin:0}
.v24-cm-list .children{list-style:none;padding-left:2rem;margin:0;border-left:2px solid var(--visa-outline-variant)}
@media(max-width:640px){.v24-cm-list .children{padding-left:1rem}}

/* Single comment */
.v24-cm-item{margin-bottom:1.25rem}
.v24-cm-body{display:flex;gap:1rem;padding:1.25rem;background:var(--visa-surface-low);border-radius:var(--visa-radius-lg);border:1px solid rgba(192,199,210,.1);transition:border-color .2s}
.v24-cm-body:hover{border-color:var(--visa-outline-variant)}
.v24-cm-author-post .v24-cm-body{background:rgba(0,89,147,.03);border-color:rgba(0,89,147,.12)}

/* Avatar */
.v24-cm-avatar{flex-shrink:0}
.v24-cm-avatar-img{width:48px!important;height:48px!important;border-radius:50%!important;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}

/* Meta */
.v24-cm-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}
.v24-cm-author-name{font-size:.9rem;color:var(--visa-on-surface)}
.v24-cm-author-name a{color:var(--visa-primary);text-decoration:none;font-weight:700}
.v24-cm-author-name a:hover{text-decoration:underline}
.v24-cm-badge-author{display:inline-flex;align-items:center;gap:2px;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:3px;background:var(--visa-primary);color:#fff;text-transform:uppercase;letter-spacing:.3px}
.v24-cm-date{font-size:.78rem;color:var(--visa-outline)}

/* Text */
.v24-cm-text{font-size:.92rem;line-height:1.7;color:var(--visa-on-surface-variant)}
.v24-cm-text p{margin:0 0 .5rem}
.v24-cm-text p:last-child{margin-bottom:0}

/* Pending */
.v24-cm-pending{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--visa-secondary);background:rgba(254,152,36,.06);padding:.4rem .75rem;border-radius:var(--visa-radius-sm);margin-bottom:.5rem;font-style:italic}

/* Actions */
.v24-cm-actions{display:flex;gap:1rem;margin-top:.75rem}
.v24-cm-reply a,.v24-cm-edit a{display:inline-flex;align-items:center;gap:3px;font-size:.8rem;font-weight:600;color:var(--visa-primary);text-decoration:none;transition:opacity .2s}
.v24-cm-reply a:hover,.v24-cm-edit a:hover{opacity:.7}
.v24-cm-edit a{color:var(--visa-outline)}

/* Navigation */
.v24-cm-nav{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 0;flex-wrap:wrap}
.v24-cm-nav .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:var(--visa-radius-sm);border:1px solid var(--visa-outline-variant);font-size:.85rem;font-weight:600;color:var(--visa-on-surface);text-decoration:none;padding:0 .4rem}
.v24-cm-nav .page-numbers.current{background:var(--visa-primary);color:#fff;border-color:var(--visa-primary)}

/* Closed */
.v24-cm-closed{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:1rem;background:var(--visa-surface-low);border-radius:var(--visa-radius-lg);color:var(--visa-outline);font-size:.88rem;font-weight:500}

/* ── Comment Form ────────────────────────────────── */
.v24-cm-form-wrap{margin-top:2rem}
.v24-cm-form-wrap .comment-reply-title{font-family:var(--visa-font-headline);font-size:1.15rem;font-weight:700;color:var(--visa-on-surface);margin:0 0 .25rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.v24-cm-form-wrap .comment-reply-title small{font-size:.85rem;font-weight:500}
.v24-cm-form-wrap .comment-reply-title small a{color:var(--visa-secondary);text-decoration:none;font-weight:600}
.v24-cm-form-wrap .comment-reply-title small a:hover{text-decoration:underline}

.v24-cm-note{font-size:.8rem;color:var(--visa-outline);margin:0 0 1.25rem;line-height:1.5}

.v24-cm-form .logged-in-as{font-size:.82rem;color:var(--visa-outline);margin-bottom:1rem}
.v24-cm-form .logged-in-as a{color:var(--visa-primary);text-decoration:none;font-weight:600}

.v24-cm-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:0}
@media(max-width:576px){.v24-cm-fields-row{grid-template-columns:1fr}}

.v24-cm-field{margin-bottom:1rem}
.v24-cm-field label{display:block;font-size:.82rem;font-weight:600;color:var(--visa-on-surface-variant);margin-bottom:.3rem}
.v24-cm-field input,.v24-cm-field textarea{width:100%;padding:.7rem .9rem;background:var(--visa-surface);border:1.5px solid var(--visa-outline-variant);border-radius:var(--visa-radius-sm);font-size:.95rem;font-family:inherit;color:var(--visa-on-surface);transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;resize:vertical}
.v24-cm-field input:focus,.v24-cm-field textarea:focus{outline:none;border-color:var(--visa-primary);box-shadow:0 0 0 3px rgba(0,89,147,.1);background:#fff}
.v24-cm-field input::placeholder,.v24-cm-field textarea::placeholder{color:var(--visa-outline)}

.v24-cm-submit{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 2rem;background:var(--visa-primary);color:#fff;font-family:var(--visa-font-headline);font-weight:700;font-size:.95rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;box-shadow:var(--visa-shadow-sm)}
.v24-cm-submit:hover{background:var(--visa-primary-container);transform:translateY(-1px);box-shadow:var(--visa-shadow-md)}
.v24-cm-submit:active{transform:translateY(0)}

/* WordPress default overrides */
.v24-cm-form p.form-submit{margin:0}
.v24-cm-form .comment-form-cookies-consent{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--visa-on-surface-variant);margin-bottom:1rem}
.v24-cm-form .comment-form-cookies-consent input[type="checkbox"]{accent-color:var(--visa-primary);width:16px;height:16px}

/* Cancel reply link styling */
#cancel-comment-reply-link{display:inline-flex;align-items:center;gap:.2rem;padding:.3rem .6rem;border-radius:4px;font-size:.78rem;background:rgba(186,26,26,.08);color:#ba1a1a;transition:background .2s}
#cancel-comment-reply-link:hover{background:rgba(186,26,26,.15);text-decoration:none}