/* Editorial surfaces for news, policies, promotions and contact. */
:is(#page-blog,#page-article,#page-page,#page-contact,#page-tlkhuyenmai) {background:#fff;padding-bottom:48px;}
main[id] .news-card {border-radius:8px;border:0;background:#f5f5f5;box-shadow:none;}
main[id] .news-card-title {color:var(--dtl-ink);letter-spacing:-.025em;}
/* Hub palettes follow the same neutral surfaces and green controls as home. */
#page-blog .news-hub {--hub-green:var(--dtl-green);--hub-deep:var(--dtl-green-dark);--hub-ink:var(--dtl-ink);--hub-muted:var(--dtl-muted);--hub-line:var(--dtl-line);--hub-paper:var(--dtl-surface-2);background:#fff;}
#page-tlkhuyenmai .promo-hub {--promo-green:var(--dtl-green);--promo-ink:var(--dtl-ink);--promo-muted:var(--dtl-muted);--promo-line:var(--dtl-line);--promo-soft:var(--dtl-surface-2);padding-bottom:0;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-hero,.promo-heading) {display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0 0 32px;padding:28px 0 32px;border-bottom:1px solid var(--dtl-line);background:none;color:var(--dtl-ink);}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-hero,.promo-heading) h1 {margin:0;color:var(--dtl-ink);font-size:clamp(32px,3.4vw,48px);letter-spacing:-.04em;font-weight:400;line-height:1.15;}
#page-blog .news-hub .news-hub-hero {display:block;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-intro,.promo-intro) {margin:12px 0 0;color:var(--dtl-muted);font-size:16px;font-weight:400;line-height:1.6;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-kicker,.promo-eyebrow) {color:var(--dtl-muted);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:none;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-section-heading,.promo-section-heading) {display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:0;border:0;margin:0 0 24px;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-section-heading,.promo-section-heading) h2 {margin:0;color:var(--dtl-ink);font-size:clamp(26px,2.1vw,32px);letter-spacing:-.035em;font-weight:400;line-height:1.2;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-section-heading,.promo-section-heading) :is(.news-hub-kicker,.promo-eyebrow) {margin:0 0 8px;}
:is(#page-blog,#page-tlkhuyenmai) :is(.promo-result-count,.news-hub-section-heading > span) {font-size:13px;color:var(--dtl-muted);}

/* Search docks, topic pills and pagination share the redesign controls. */
#page-blog .news-hub .news-hub-toolbar {grid-template-columns:minmax(0,1fr) 220px auto;gap:12px;padding:16px;margin-bottom:16px;border:1px solid var(--dtl-line);border-radius:12px;background:var(--dtl-surface);}
#page-tlkhuyenmai .promo-filters {gap:12px;padding:16px;border-color:var(--dtl-line);border-radius:12px;background:var(--dtl-surface);}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-search input,.news-hub-topic-select select,.promo-filters input[type=search],.promo-filters select) {min-height:48px;border:1px solid var(--dtl-line);border-radius:6px;background:#fff;color:var(--dtl-ink);font-size:16px;font-weight:400;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-submit,.promo-button) {min-height:48px;border:1px solid var(--dtl-green);border-radius:6px;background:var(--dtl-green);color:#fff;font-size:14px;font-weight:500;}
#page-tlkhuyenmai .promo-filters label {font-size:12px;font-weight:400;}
#page-blog .news-hub .news-hub-clear {grid-column:1/-1;justify-self:start;min-height:32px;padding:0;border:0;background:none;color:var(--dtl-muted);font-weight:400;line-height:32px;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-topics,.promo-categories) {gap:8px;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-topics a,.promo-categories a) {display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;border:1px solid var(--dtl-line);border-radius:999px;background:#fff;color:var(--dtl-muted);font-size:13px;font-weight:400;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-topics a.is-active,.promo-categories a[aria-current]) {border-color:var(--dtl-green);background:var(--dtl-green);color:#fff;font-weight:400;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-topics a,.promo-categories a):hover {border-color:var(--dtl-green);color:var(--dtl-green);background:var(--dtl-green-pale);}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-pagination,.promo-pagination) {gap:8px;margin-top:32px;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-pagination,.promo-pagination) :is(a,span) {min-width:44px;min-height:44px;padding:8px 14px;border-color:var(--dtl-line);border-radius:6px;color:var(--dtl-muted);font-size:13px;}
:is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-pagination,.promo-pagination) [aria-current=page] {border-color:var(--dtl-green);background:var(--dtl-green);color:#fff;font-weight:500;}

/* Editorial cards: generous imagery, readable text and quiet metadata. */
#page-blog .news-hub :is(.news-hub-grid,.news-hub-featured-grid) {gap:24px;align-items:stretch;}
#page-blog .news-hub .news-hub-featured {margin-bottom:64px;}
#page-blog .news-hub .news-card {border:0;border-radius:0;background:#fff;box-shadow:none;}
#page-blog .news-hub .news-card-media {overflow:hidden;border-radius:12px;background:var(--dtl-surface-2);}
#page-blog .news-hub .news-card-media img {background:var(--dtl-surface-2);}
#page-blog .news-hub .news-card .news-card-content {display:flex;flex-direction:column;gap:12px;min-height:0;padding:20px 0 4px;}
#page-blog .news-hub .news-card .news-card-category {color:var(--dtl-green);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;}
#page-blog .news-hub .news-card .news-card-title {min-height:0;color:var(--dtl-ink);font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.025em;-webkit-line-clamp:3;}
#page-blog .news-hub .news-card .news-card-excerpt {min-height:0;margin:0;color:var(--dtl-muted);opacity:1;font-size:14px;line-height:1.65;-webkit-line-clamp:2;}
#page-blog .news-hub .news-card-meta {gap:16px;color:var(--dtl-grey);font-size:12px;}
#page-blog .news-hub .news-hub-featured-grid .news-card--featured-lead .news-card-title {font-size:28px;line-height:1.3;}
#page-blog .news-hub .news-hub-featured-grid .news-card--featured-side .news-card-content {padding:4px 0 4px 20px;}
#page-blog .news-hub .news-hub-featured-grid .news-card--featured-side .news-card-title {font-size:20px;}
#page-blog .news-hub .news-hub-featured-grid:is([data-count="1"],[data-count="2"]) {grid-template-columns:repeat(2,minmax(0,1fr));}
#page-blog .news-hub .news-hub-featured-grid:is([data-count="1"],[data-count="2"]) .news-card {grid-row:auto;}
#page-blog .news-hub .news-hub-featured-grid[data-count="2"] .news-card-link {display:block;}
#page-blog .news-hub .news-hub-featured-grid[data-count="2"] .news-card-media {aspect-ratio:16/9;}
#page-blog .news-hub .news-hub-featured-grid[data-count="2"] .news-card-content {padding:20px 0 4px;}
#page-blog .news-hub .news-hub-featured-grid[data-count="2"] .news-card-title {font-size:26px;line-height:1.3;}
#page-blog .news-hub .news-hub-empty {border:1px solid var(--dtl-line);border-radius:12px;background:var(--dtl-surface);}

#page-tlkhuyenmai .promo-catalog {margin-top:40px;}
#page-tlkhuyenmai .promo-grid {gap:24px;margin-top:24px;}
#page-tlkhuyenmai .promo-card {border:0;border-radius:12px;background:var(--dtl-surface-2);box-shadow:none;}
#page-tlkhuyenmai .promo-card-media {border:0;background:#ededed;}
#page-tlkhuyenmai .promo-card-copy {gap:14px;padding:24px;}
#page-tlkhuyenmai .promo-card h3 {font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.025em;}
#page-tlkhuyenmai .promo-card h3 a {color:var(--dtl-ink);}
#page-tlkhuyenmai :is(.promo-category-label,.promo-card-cta,.promo-jump) {font-weight:500;}
#page-tlkhuyenmai .promo-status {border-radius:999px;padding:5px 10px;font-weight:400;}
#page-tlkhuyenmai .promo-card-actions {border-color:#ddd;}
#page-tlkhuyenmai .promo-note {color:var(--dtl-muted);margin:16px 0 24px;}
#page-tlkhuyenmai .promo-feature {border:0;border-radius:12px;background:var(--dtl-surface-2);}
#page-tlkhuyenmai .promo-feature-media {background:#ededed;}
#page-tlkhuyenmai .promo-feature h2 {color:var(--dtl-ink);font-size:clamp(24px,2.2vw,32px);font-weight:500;letter-spacing:-.035em;}
#page-tlkhuyenmai .promo-help {margin-top:56px;padding:32px;border:0;border-radius:12px;background:var(--dtl-surface-2);}
#page-tlkhuyenmai .promo-help h2 {color:var(--dtl-ink);font-size:28px;font-weight:400;letter-spacing:-.035em;}
#page-tlkhuyenmai .promo-button--outline {border-color:var(--dtl-line);background:#fff;color:var(--dtl-ink);}
#page-tlkhuyenmai .promo-empty {border:1px solid var(--dtl-line);background:var(--dtl-surface);}
@media(hover:hover) and (pointer:fine) {
    #page-tlkhuyenmai .promo-card:hover {box-shadow:none;}
    #page-blog .news-hub .news-card-link:hover .news-card-title {color:var(--dtl-green);}
}
:is(#page-article,#page-page) .articleDetail {line-height:1.8;color:var(--dtl-body);}
:is(#page-article,#page-page) .articleDetail :is(h1,h2,h3,h4) {color:var(--dtl-ink);letter-spacing:-.035em;line-height:1.35;}
:is(#page-article,#page-page) .articleDetail h1 {font-size:clamp(28px,3.5vw,44px);}
:is(#page-article,#page-page) .articleDetail img {max-width:100%;height:auto;border-radius:8px;}
main[id] .dtl-toc {background:#fafafa;border-color:var(--dtl-line);border-radius:12px;box-shadow:none;}
:is(#page-article,#page-page,#page-contact,#page-tlkhuyenmai) > .container {max-width:1296px;width:calc(100% - 80px);}
:is(#page-article,#page-page) .articleDetail {max-width:920px;margin-inline:auto;}
:is(#page-article,#page-page) .articleDetail h1 {font-weight:400;margin-block:32px 40px;}
:is(#page-article,#page-page) .articleDetail > p {max-width:75ch;}
@media(max-width:767px) {:is(#page-article,#page-page,#page-contact,#page-tlkhuyenmai) > .container {width:calc(100% - 32px);}}
@media(max-width:639px) {
    :is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-hero,.promo-heading) {padding-block:18px 24px;margin-bottom:24px;align-items:flex-start;}
    :is(#page-blog,#page-tlkhuyenmai) :is(.news-hub-intro,.promo-intro) {font-size:15px;}
    #page-blog .news-hub .news-hub-toolbar {grid-template-columns:minmax(0,1fr);padding:12px;}
    #page-blog .news-hub .news-hub-toolbar > * {grid-column:1;}
    #page-blog .news-hub .news-hub-featured-grid[data-count] {grid-template-columns:minmax(0,1fr);gap:28px;}
    #page-blog .news-hub .news-hub-featured-grid[data-count] .news-card {grid-row:auto;}
    #page-blog .news-hub .news-hub-featured-grid[data-count] .news-card-link {display:block;}
    #page-blog .news-hub .news-hub-featured-grid[data-count] .news-card-media {aspect-ratio:16/9;}
    #page-blog .news-hub .news-hub-featured-grid[data-count] .news-card-content {padding:16px 0 4px;}
    #page-blog .news-hub .news-hub-featured-grid[data-count] .news-card .news-card-title {font-size:22px;}
    #page-blog .news-hub .news-hub-featured {margin-bottom:40px;}
    #page-tlkhuyenmai .promo-catalog {margin-top:32px;}
    #page-tlkhuyenmai .promo-card-copy {padding:20px;}
    #page-tlkhuyenmai .promo-card h3 {font-size:20px;}
    #page-tlkhuyenmai .promo-help {padding:24px 20px;}
}
/* Payment, delivery and warranty use the same policy hero. Stored articles
   contain both H1 and H2 variants; neither inherits editorial black headings. */
:is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph {min-height:228px;padding:48px 44px;gap:24px;border-radius:18px;color:#fff;}
:is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph :is(h1,h2) {margin:0 0 10px;color:#fff;font-size:40px;font-weight:800;line-height:1.2;letter-spacing:-.035em;}
:is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph-label {margin:0 0 14px;color:#fff;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.14em;}
:is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph p {margin:0;color:#fff;font-size:17px;line-height:1.6;}
:is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph-icon {width:100px;height:100px;border-radius:20px;}
:is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph-icon svg {width:54px;height:54px;fill:#fff;}
@media(max-width:767px) {
    :is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph {min-height:0;padding:28px 24px;gap:16px;border-radius:14px;align-items:flex-start;}
    :is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph :is(h1,h2) {font-size:28px;}
    :is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph-label {margin-bottom:10px;font-size:11px;letter-spacing:.1em;}
    :is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph p {font-size:15px;}
    :is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph-icon {width:64px;height:64px;border-radius:16px;}
    :is(#page-article,#page-page) .articleDetail .dtl-policy .dtl-ph-icon svg {width:36px;height:36px;}
}