@charset "UTF-8"; :root {
    --ink: #10233f;
    --muted: #5d6b7c;
    --line: #dbe6ee;
    --soft: #f4f9fb;
    --blue: #176fa6;
    --blue-dark: #0b4f82;
    --teal: #13967f;
    --orange: #e67d28;
    --orange-soft: #fff1e5;
    --white: #fff;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

section[id] {
    scroll-margin-top: 112px;
}

body {
    margin: 0;
    background: var(--white);
    color: var(--ink);
    font-family: Arial, Tahoma, "Segoe UI", "Noto Sans", Helvetica, sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

.site-shell {
    /* min-height: 100vh; */
    /* overflow-x: hidden; */
    width: 100%;
}

.topbar {
    position: fixed;
    top: 16px;
    left: 50%;
    z-index: 20;
    display: flex;
    width: min(1120px, calc(100% - 32px));
    transform: translateX(-50%);
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid rgba(255,255,255,.56);
    border-radius: 8px;
    background: rgba(255,255,255,.92);
    padding: 10px 12px;
    box-shadow: 0 18px 60px rgba(16,35,63,.16);
    backdrop-filter: blur(18px);
}
.wrap-pagein .topbar{position: relative;top: 0;}
.brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: max-content;
}

.brand-mark {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 8px;
    background: linear-gradient(135deg,var(--blue),var(--teal));
    color: var(--white);
    font-size: 20px;
    font-weight: 800;
}

.brand strong,.brand small {
    display: block;
    line-height: 1.05;
}

.brand strong {
    font-size: 16px;
    letter-spacing: .05em;
}

.brand small {
    margin-top: 3px;
    color: var(--muted);
    font-size: 12px;
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 22px;
    color: #415267;
    font-size: 14px;
    font-weight: 650;
}

.nav-links a:hover {
    color: var(--blue-dark);
}

.nav-cta,.primary-button,.secondary-button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 750;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.nav-cta,.primary-button {
    background: var(--orange);
    color: var(--white);
    box-shadow: 0 16px 32px rgba(230,125,40,.28);
}

.nav-cta:hover,.primary-button:hover,.secondary-button:hover {
    transform: translateY(-1px);
}

.secondary-button {
    border: 1px solid rgba(255,255,255,.58);
    background: rgba(255,255,255,.16);
    color: var(--white);
}

.secondary-button.light {
    border-color: rgba(255,255,255,.72);
    background: rgba(255,255,255,.12);
}

.compact {
    min-height: 40px;
    padding-inline:16px; }

.hero {
    position: relative;
    display: grid;
    min-height: 780px;
    place-items: center;
    padding: 120px 0px 70px;
    color: var(--white);
    overflow: hidden;
}

.hero-media,.hero-overlay {
    position: absolute;
    inset: 0;
}

/*.hero-media {
    background: linear-gradient(110deg,rgba(9,38,65,.9) 0%,rgba(9,38,65,.64) 42%,rgba(9,38,65,.16) 100%));
    background-position: center;
    background-size: cover;
}
*/
.hero-overlay {
    background: radial-gradient(circle at 22% 20%,rgba(19,150,127,.28),transparent 30%), linear-gradient(180deg,rgba(7,27,48,.18),rgba(7,27,48,.74));
}

.hero-content {
    position: relative;
    z-index: 1;
    width: min(1120px,100%);
}

.eyebrow {
    margin: 0 0 12px;
    color: var(--teal);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-family:'Tahoma',sans-serif;
}

.hero .eyebrow,.final-cta .eyebrow {
    color: #93f1df;
}

.final-cta a {
    color: #fff !important;
}

.hero h1 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(42px,6vw,80px);
    font-weight: 850;
    line-height: .98;
}

.hero-copy {
    max-width: 650px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.88);
    font-size: 18px;
    line-height: 1.7;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.trust-strip {
    display: grid;
    width: min(820px,100%);
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    margin-top: 42px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 8px;
    background: rgba(255,255,255,.18);
    backdrop-filter: blur(18px);
}

.trust-strip div {
    padding: 18px;
    background: rgba(255,255,255,.12);
}

.trust-strip strong,.trust-strip span {
    display: block;
}

.trust-strip strong {
    font-size: 19px;
}

.trust-strip span {
    margin-top: 4px;
    color: rgba(255,255,255,.78);
    font-size: 13px;
}

.section {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
    padding: 86px 0;
}

.intro-grid {
    display: grid;
    grid-template-columns: minmax(0,1.1fr) minmax(280px,.9fr);
    gap: 48px;
    align-items: start;
    border-bottom: 1px solid var(--line);
}

.intro-grid h2,.section-heading h2,.diagnostic-content h2,.warning-card h2,.process-section h2,.final-cta h2 {
    margin: 0;
    color: var(--ink);
    font-size: clamp(30px,4vw,48px);
    font-weight: 820;
    line-height: 1.08;
}

.intro-grid p:not(.eyebrow),.section-heading p,.diagnostic-content p,.owner-note p,.article-card p,.location-card p {
    color: var(--muted);
    font-size: 16px;
    line-height: 1.75;
}

.section-heading {
    display: grid;
    grid-template-columns: minmax(0,.95fr) minmax(280px,.7fr);
    gap: 36px;
    align-items: end;
    margin-bottom: 34px;
}

.section-heading.narrow {
    display: block;
    max-width: 810px;
}

.section-heading p {
    margin: 0;
}

.service-section {
    padding-top: 78px;
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
}

.service-card,.article-card,.location-card,.process-item,.owner-note {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 14px 44px rgba(16,35,63,.06);
}

.service-card {
    display: flex;
    min-height: 280px;
    flex-direction: column;
    padding: 24px;
}

.service-card h3,.process-item h3,.article-card h3,.location-card h3,.owner-note h3 {
    margin: 0;
    color: var(--ink);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.service-card p {
    margin: 14px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.68;
}

.tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
    padding-top: 22px;
}

.tag-row span {
    border-radius: 8px;
    background: var(--soft);
    color: var(--blue-dark);
    font-size: 12px;
    font-weight: 750;
    padding: 7px 10px;
}
.tag-row span a{
    color: var(--blue-dark);
}
.tag-row span:hover {
    background: var(--orange);
}
.tag-row span:hover a{
    color: #fff
}

.diagnostic-band {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 560px;
    background: var(--soft);
}

.diagnostic-image {
    min-height: 420px;
    background: linear-gradient(90deg,rgba(9,38,65,.1),rgba(9,38,65,.02));
    background-position: center;
    background-size: cover;
}

.diagnostic-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(40px,6vw,86px);
}

.text-link {
    display: inline-flex;
    width: fit-content;
    margin-top: 18px;
    color: var(--blue-dark);
    font-weight: 800;
    border-bottom: 2px solid var(--orange);
    padding-bottom: 5px;
}

.warning-section {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(280px,.58fr);
    gap: 18px;
}

.warning-card {
    border-radius: 8px;
    background: linear-gradient(135deg,#082b4a,#105b83);
    color: var(--white);
    padding: clamp(28px,5vw,48px);
}

.warning-card h2 {
    color: var(--white);
}

.warning-card ul {
    display: grid;
    gap: 13px;
    margin: 26px 0 28px;
    padding: 0;
    list-style: none;
}

.warning-card li {
    position: relative;
    padding-left: 28px;
    color: rgba(255,255,255,.86);
    line-height: 1.55;
}

.warning-card li:before {
    position: absolute;
    left: 0;
    top: .52em;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--orange);
    content: "";
}

.owner-note {
    align-self: stretch;
    background: var(--orange-soft);
    padding: 30px;
}

.owner-note h3 {
    color: #9a4a0d;
}

.process-section {
    padding-top: 70px;
}

.process-list {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 12px;
    margin-top: 32px;
}

.process-item {
    padding: 16px;
}

.process-item span {
    display: inline-flex;
    margin-bottom: 20px;
    color: var(--teal);
    font-weight: 850;
    font-size: 2.5rem;
}

.process-item img {
    margin-top: -65px;
}

.process-item p {
    margin: 12px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.6;
}

.knowledge-section {
    border-top: 1px solid var(--line);
}

.article-grid,.location-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
}

.article-card {
    position: relative;
}

.content-article-card {
    padding: 24px;
}

.article-card span {
    display: inline-flex;
    /* margin-bottom: 18px; */
    border-radius: 8px;
    background: #e8f7f4;
    color: var(--teal);
    font-size: 12px;
    font-weight: 800;
    padding: 7px 10px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}

.article-card span a {
    color: var(--teal);
    text-decoration: none;
}

.article-card > a {
    display: block;
}

.article-card a {
    /* display:inline-flex; */
    /* margin-top: 10px; */
    color: var(--blue-dark);
    font-weight: 800;
    /* text-transform: uppercase; */
    font-family: Tahoma,sans-serif;
}

.locations-section {
    padding-top: 48px;
}

.location-grid {
    grid-template-columns: repeat(2,1fr);
}

.location-card {
    padding: 28px;
}

.location-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.location-actions a {
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--blue-dark);
    font-size: 14px;
    font-weight: 800;
    padding: 10px 14px;
}

.final-cta {
    display: flex;
    width: min(1120px, calc(100% - 40px));
    margin: 30px auto 80px;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-radius: 8px;
    background: radial-gradient(circle at 10% 20%,rgba(19,150,127,.38),transparent 34%), linear-gradient(135deg,#092a48,#0b4f82);
    color: var(--white);
    padding: clamp(30px,5vw,48px);
}

.final-cta h2 {
    max-width: 720px;
    color: var(--white);
}

.final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
    min-width: 250px;
}

@media (max-width: 980px) {
    .topbar {
        align-items:flex-start;
    }

    .nav-links {
        display: none;
    }

    .hero {
        min-height: 720px;
    }

    .intro-grid,.section-heading,.warning-section,.diagnostic-band,.final-cta {
        grid-template-columns: 1fr;
    }

    .service-grid,.process-list,.article-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .diagnostic-band {
        display: block;
    }

    .final-cta {
        display: grid;
    }

    .final-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 680px) {
    .topbar {
        top:10px;
        width: calc(100% - 20px);
    }

    .brand small {
        display: none;
    }

    .nav-cta {
        min-height: 40px;
        padding-inline:12px; font-size: 12px;
    }

    .hero {
        min-height: 690px;
        padding: 110px 18px 42px;
    }

    .hero h1 {
        font-size: 42px;
    }

    .hero-copy {
        font-size: 16px;
    }

    .trust-strip {
        grid-template-columns: 1fr;
    }

    .section {
        width: min(100% - 28px,1120px);
        padding: 58px 0;
    }

    .service-grid,.process-list,.article-grid,.location-grid {
        grid-template-columns: 1fr;
    }

    .service-card {
        min-height: auto;
    }

    .diagnostic-content {
        padding: 34px 20px;
    }

    .warning-card,.owner-note {
        padding: 24px;
    }

    .final-cta {
        width: calc(100% - 28px);
        margin-bottom: 50px;
    }
}

/* Hero slider */
.wrap-home {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.hero-slider {
    position: relative;
    /* left: 50%; */
    width: 100vw;
    max-width: 100%;
    /* margin-right: -50vw; */
    /* margin-left: -50vw; */
    overflow: hidden;
    background: #092a48;
}

.hero-carousel.owl-carousel {
    display: block;
}

.hero-carousel:not(.owl-loaded) .hero-slide:not(:first-child) {
    display: none;
}

.hero-carousel .owl-stage {
    display: flex;
}

.hero-carousel .owl-item {
    /* flex: 0 0 auto; */
}

.hero-slide {
    width: 100%;
    min-height: 100vh;
    /* min-height: 100svh; */
    max-width: 100%;
}

.hero-slide .hero-media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.04);
    transition: transform 6s ease;
}

.hero-slide .hero-media-fallback {
    background-position: center;
    background-size: cover;
}

.hero-carousel .owl-item.active .hero-media {
    transform: scale(1);
}

.hero-carousel .hero-animate {
    opacity: 0;
    transform: translate3d(0, 32px, 0);
}

.hero-carousel .owl-item.active .hero-animate {
    animation: hero-content-in 0.75s ease forwards;
}

.hero-carousel .owl-item.active .hero-animate:nth-child(1) {
    animation-delay: 0.15s;
}

.hero-carousel .owl-item.active .hero-animate:nth-child(2) {
    animation-delay: 0.3s;
}

.hero-carousel .owl-item.active .hero-animate:nth-child(3) {
    animation-delay: 0.45s;
}

.hero-carousel .owl-item.active .hero-animate:nth-child(4) {
    animation-delay: 0.6s;
}

.hero-carousel .owl-item.active .hero-animate:nth-child(5) {
    animation-delay: 0.75s;
}

.hero-slider .owl-dots {
    position: absolute;
    right: 0;
    bottom: 24px;
    left: 0;
    z-index: 4;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.hero-slider .owl-dots .owl-dot span {
    display: block;
    width: 9px;
    height: 9px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    background: transparent;
    transition: width 0.25s ease, border-radius 0.25s ease, background-color 0.25s ease;
}

.hero-slider .owl-dots .owl-dot.active span {
    width: 28px;
    border-radius: 999px;
    background: #fff;
}

.hero-slider .control-slideshow {
    z-index: 5;
    pointer-events: none;
}

.hero-slider .control-slideshow button {
    pointer-events: auto;
}

@keyframes hero-content-in {
    from {
        opacity: 0;
        transform: translate3d(0, 32px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-slide .hero-media, .hero-carousel .hero-animate {
        animation: none !important;
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Product showcase added */
.product-section {
    border-top: 1px solid var(--line);
}

.product-topline {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.product-topline .section-heading {
    margin-bottom: 0;
    flex: 1;
}

.product-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--blue-dark);
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.product-link:hover {
    color: var(--teal);
}

.product-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 24px;
}

.product-chip {
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--white);
    color: #415267;
    padding: 9px 13px;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
}

.product-chip.active,.product-chip:hover {
    border-color: #b9e0d8;
    background: #e8f7f4;
    color: var(--teal);
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
    margin-bottom: 20px;
}

.product-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--white);
    box-shadow: 0 14px 44px rgba(16,35,63,.06);
    transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.product-card:hover {
    transform: translateY(-3px);
    border-color: #c4dce9;
    box-shadow: 0 20px 54px rgba(16,35,63,.11);
}

.product-media {
    position: relative;
    display: grid;
    height: 250px;
    place-items: center;
    overflow: hidden;
    background: linear-gradient(145deg,#f8fbfd,#edf5f8);
}

.product-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20px;
    mix-blend-mode: multiply;
}

.product-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    border-radius: 999px;
    background: rgba(11,79,130,.93);
    color: #fff;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
}

.product-badge:hover {
    background: var(--tn-red);
}
.product-badge a{
    color: #fff;
}
.product-body {
    padding: 20px;
}

.product-meta {
    min-height: 20px
}

.product-meta > p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    min-height: 20px
}

.product-body h3 {
    margin: 10px 0 0;
    color: var(--ink);
    font-size: 18px;
    line-height: 1.35;
}

.product-desc {
    min-height: 48px;
    margin: 10px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.65;
}

.product-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
}

.product-price {
    color: var(--tn-red);
    font-size: 20px;
    font-weight: 850;
}

.product-detail {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--soft);
    color: var(--blue-dark);
    padding: 0 12px;
    font-size: 13px;
    font-weight: 800;
}

.product-note {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px;
    margin-top: 22px;
}

.product-note div {
    border-radius: 10px;
    background: var(--soft);
    padding: 16px 18px;
    color: #42546b;
    font-size: 13px;
    line-height: 1.55;
}

.product-note strong {
    display: block;
    margin-bottom: 4px;
    color: var(--ink);
    font-size: 14px;
}

@media (max-width: 980px) {
    .product-grid {
        grid-template-columns:repeat(2,1fr);
    }

    .product-topline {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 680px) {
    .product-grid,.product-note {
        grid-template-columns:1fr;
    }

    .product-media {
        height: 230px;
    }

    .product-link {
        white-space: normal;
    }
}

/* End hero slider */
/* ===== Thanh Nghia homepage (HTML5/CSS3 redesign) ===== */
:root{--tn-red:#ab0000;--tn-red-dark:#780000;--tn-yellow:#ffea00;--tn-text:#333;--tn-muted:#6d6d6d;--tn-border:#e5e5e5;--tn-bg:#f7f7f7}
.tn-container{width:min(1230px,calc(100% - 32px));margin-inline:auto}.tn-header a,.tn-home a,.tn-footer a{text-decoration:none}.tn-topbar{background:#f6f6f6;border-bottom:1px solid #e8e8e8;color:#555;font-size:13px}.tn-topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.tn-contact-quick,.tn-quick-nav{display:flex;align-items:center;gap:20px}.tn-contact-quick a,.tn-quick-nav a{color:#555}.tn-contact-quick i{color:var(--tn-red);margin-right:5px}.tn-quick-nav a+a{border-left:1px solid #ccc;padding-left:20px}.tn-quick-nav a:hover{color:var(--tn-red)}
.tn-brandbar{background:#fff}.tn-brandbar-inner{min-height:124px;display:grid;grid-template-columns:280px minmax(300px,560px) 250px;align-items:center;justify-content:space-between;gap:35px}.tn-logo img{display:block;max-width:100%;max-height:100px;object-fit:contain}.tn-search{height:44px;display:flex;border:1px solid var(--tn-red);border-radius:3px;overflow:hidden}.tn-search input{min-width:0;flex:1;border:0;padding:0 16px;outline:0;color:var(--tn-text)}.tn-search button{border:0;background:var(--tn-red);color:#fff;padding:0 20px;font-weight:700;cursor:pointer}.tn-search button i{margin-right:7px}.tn-hotline{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:var(--tn-red)}.tn-hotline>i{font-size:38px}.tn-hotline span{display:flex;flex-direction:column;text-transform:uppercase;font-size:12px;color:#777}.tn-hotline strong{color:var(--tn-red);font-size:19px;line-height:1.4}
.tn-mainnav{position:relative;z-index:30;background: var(--tn-red);box-shadow:0 2px 6px #0002;background: url(../images/menu.png) center repeat-x;}.tn-mainnav ul{padding:0;margin:0;list-style:none;display:flex}.tn-mainnav>div>ul>li{position:relative;flex:1;border-right:1px solid #c63838}.tn-mainnav>div>ul>li:first-child{border-left:1px solid #c63838}.tn-mainnav a{min-height:51px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;font-family: 'SFUFuturaBook';}.tn-mainnav li:hover>a,.tn-mainnav a.active{background:var(--tn-yellow);color:#9b0000}.tn-mainnav li ul{position:absolute;top:100%;left:0;display:block;width:250px;background:#c90018;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.tn-mainnav li:hover>ul{opacity:1;visibility:visible;transform:none}.tn-mainnav li li{border-bottom:1px solid #e03a4d;font-family: 'SFUFuturaBook';}.tn-mainnav li li a{min-height:42px;justify-content:flex-start;text-transform:none;font-weight:500;text-align:left;font-family: 'SFUFuturaBook';}
.tn-hero{position:relative;background:#eee;overflow:hidden}.tn-hero-slide img{display:block;width:100%;height:auto;aspect-ratio:1366/482;object-fit:cover}.tn-hero .owl-dots{position:absolute;bottom:16px;left:0;right:0}.tn-hero-controls .owl-prev,.tn-hero-controls .owl-next{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:54px;border:0!important;background:#0007!important;color:#fff!important;font-size:28px!important}.tn-hero-controls .owl-prev{left:20px}.tn-hero-controls .owl-next{right:20px}
.tn-benefits{background:#fff;border-bottom:1px solid var(--tn-border);padding:23px 0}.tn-benefit{display:flex;align-items:center;gap:14px;padding:4px 22px;border-right:1px solid var(--tn-border);min-height:65px}.tn-benefit img{width:56px;height:56px;object-fit:contain}.tn-benefit h2{margin:0 0 5px;color:var(--tn-red);font-size:15px;text-transform:uppercase}.tn-benefit p{margin:0;color:#666;font-size:13px;line-height:1.45}.tn-section{padding:54px 0}.tn-section-title{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;border-bottom:2px solid var(--tn-red)}.tn-section-title h2{position:relative;margin:0;padding:11px 27px;background:var(--tn-red);color:#fff;font-size:23px;text-transform:uppercase}.tn-section-title h2:after{content:"";position:absolute;right:-22px;top:0;border-bottom:50px solid var(--tn-red);border-right:22px solid transparent}.tn-section-title>a{color:var(--tn-red);font-weight:600}.tn-section-title>span{color:#666}.tn-products-featured{background:#fff}.tn-product-card{height:100%;border:1px solid var(--tn-border);background:#fff;transition:.25s}.tn-product-card:hover{border-color:#d2a5a5;box-shadow:0 8px 22px #00000014;transform:translateY(-3px)}.tn-product-image{display:block;overflow:hidden;background:#fff}.tn-product-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;transition:.4s}.tn-product-card:hover .tn-product-image img{transform:scale(1.05)}.tn-product-info{padding:14px 14px 17px;text-align:center}.tn-product-info h3{margin:0 0 11px;font-size:16px;line-height:1.45;min-height:46px}.tn-product-info h3 a{color:#333}.tn-product-info h3 a:hover{color:var(--tn-red)}.tn-price{margin:0;color:#555}.tn-price strong{color:var(--tn-red);font-size:17px}.tn-product-info del{display:block;margin-top:4px;color:#999}.tn-product-controls{position:relative;height:0}.tn-product-controls .owl-prev,.tn-product-controls .owl-next{position:absolute;bottom:150px;width:38px;height:50px;border:0!important;border-radius:0!important;background:var(--tn-red)!important;color:#fff!important;font-size:25px!important}.tn-product-controls .owl-prev{left:-15px}.tn-product-controls .owl-next{right:-15px}
.tn-categories{background:var(--tn-bg)}.tn-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tn-category-card{background:#fff;border:1px solid var(--tn-border);overflow:hidden}.tn-category-card img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:.35s}.tn-category-card:hover img{transform:scale(1.04)}.tn-category-card h3{display:flex;justify-content:space-between;align-items:center;margin:0;padding:15px;color:#333;font-size:16px;text-transform:uppercase}.tn-category-card:hover h3{color:var(--tn-red)}
.tn-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.tn-about-image img{display:block;width:100%;max-height:440px;object-fit:cover}.tn-kicker{color:var(--tn-red);font-weight:700;text-transform:uppercase}.tn-about-content h2{margin:8px 0 18px;color:var(--tn-red);font-size:30px}.tn-about-content>div{line-height:1.75;color:#555}.tn-button{display:inline-block;margin-top:18px;padding:12px 25px;background:var(--tn-red);color:#fff!important;font-weight:700}.tn-news{background:var(--tn-bg)}.tn-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tn-news-card{background:#fff;border:1px solid var(--tn-border)}.tn-news-image{display:block;overflow:hidden}.tn-news-image img{display:block;width:100%;aspect-ratio:4/2.7;object-fit:cover;transition:.35s}.tn-news-card:hover img{transform:scale(1.04)}.tn-news-card>div{padding:16px}.tn-news-card time{font-size:12px;color:#999}.tn-news-card h3{font-size:17px;line-height:1.45;margin:9px 0}.tn-news-card h3 a{color:#333}.tn-news-card h3 a:hover{color:var(--tn-red)}.tn-news-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#666;line-height:1.55;margin:0}
.tn-newsletter{background:var(--tn-red);padding:25px 0;color:#fff}.tn-newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.tn-newsletter-inner>div{display:flex;align-items:center;gap:15px}.tn-newsletter-inner>div>i{font-size:38px}.tn-newsletter-inner span{display:flex;flex-direction:column}.tn-newsletter-inner strong{font-size:20px;text-transform:uppercase}.tn-newsletter form{display:flex;width:min(520px,100%);height:44px}.tn-newsletter input{min-width:0;flex:1;border:0;padding:0 16px}.tn-newsletter button{border:0;background:var(--tn-yellow);color:#900;font-weight:800;padding:0 25px;text-transform:uppercase}
.tn-footer{background:#280000;color:#eee}.tn-footer-grid{display:grid;grid-template-columns:1.45fr .8fr 1fr;gap:55px;padding-top:48px;padding-bottom:42px}.tn-footer h2{margin:0 0 20px;padding-bottom:11px;border-bottom:1px solid #ffffff29;color:var(--tn-yellow);font-size:18px;text-transform:uppercase}.tn-footer p{line-height:1.65;margin:8px 0}.tn-footer a{color:#eee}.tn-footer-company i{width:22px;color:var(--tn-yellow)}.tn-footer-links ul{list-style:none;padding:0;margin:0}.tn-footer-links li{margin:11px 0}.tn-footer-links i{color:var(--tn-yellow);margin-right:7px}.tn-footer-hotline{display:flex;align-items:center;gap:12px;margin-top:20px}.tn-footer-hotline>i{font-size:32px;color:var(--tn-yellow)}.tn-footer-hotline span{display:flex;flex-direction:column}.tn-footer-hotline strong{font-size:21px;color:var(--tn-yellow)}.tn-footer-social{display:flex;gap:9px;margin-top:20px}.tn-footer-social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--tn-red);font-size:17px;font-weight:700}.tn-copyright{background:#170000;border-top:1px solid #ffffff14;padding:14px 0;text-align:center;font-size:13px}.tn-contact-fixed{position:fixed;z-index:80;left:18px;bottom:28px;display:flex;flex-direction:column;gap:9px}.tn-contact-fixed a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;box-shadow:0 3px 12px #0004;font-size:20px}.tn-contact-fixed .messenger{background:#1687f8}.tn-contact-fixed .zalo{background:#0573df;font-size:12px;font-weight:800}.tn-contact-fixed .phone{background:var(--tn-red)}.tn-mobile-toolbar{display:none}
@media(max-width:991px){.tn-header{display:none}.menu-res{display:block!important}.tn-hero{margin-top:0}.tn-category-grid,.tn-news-grid{grid-template-columns:repeat(2,1fr)}.tn-about-grid{gap:28px}.tn-footer-grid{grid-template-columns:1fr 1fr}.tn-footer-support{grid-column:1/-1}.tn-newsletter-inner{align-items:flex-start;flex-direction:column}.tn-newsletter form{width:100%}.tn-contact-fixed{bottom:82px}}
@media(max-width:767px){.tn-container{width:min(100% - 24px,1230px)}.tn-hero-slide img{aspect-ratio:16/7}.tn-hero-controls .owl-prev,.tn-hero-controls .owl-next{display:none}.tn-section{padding:38px 0}.tn-section-title{align-items:flex-end}.tn-section-title h2{font-size:17px;padding:10px 14px}.tn-section-title h2:after{display:none}.tn-section-title>span{display:none}.tn-product-info{padding:10px 8px 13px}.tn-product-info h3{font-size:14px;min-height:42px}.tn-price{font-size:13px}.tn-price strong{display:block;font-size:15px}.tn-product-controls .owl-prev{left:-7px}.tn-product-controls .owl-next{right:-7px}.tn-about-grid{grid-template-columns:1fr}.tn-about-content h2{font-size:24px}.tn-footer-grid{grid-template-columns:1fr;gap:28px}.tn-footer-support{grid-column:auto}.tn-mobile-toolbar{position:fixed;z-index:90;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--tn-red);box-shadow:0 -2px 10px #0003}.tn-mobile-toolbar a{display:flex;min-height:56px;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#fff;font-size:11px}.tn-mobile-toolbar i{font-size:18px}.tn-copyright{padding-bottom:70px}}
@media(max-width:479px){.tn-category-grid,.tn-news-grid{grid-template-columns:1fr}.tn-benefit{border-right:0}.tn-newsletter-inner>div>i{font-size:30px}.tn-newsletter-inner strong{font-size:17px}.tn-newsletter form{height:auto;flex-wrap:wrap}.tn-newsletter input{height:44px;flex-basis:65%}.tn-newsletter button{height:44px;padding:0 14px}.tn-contact-fixed{left:10px}.tn-contact-fixed a{width:42px;height:42px}}

/* Pixel alignment with the archived Thanh Nghia layout */
.tn-container{width:min(1200px,calc(100% - 30px))}.tn-topbar{border-top:1px solid #eadde8;background:#f7f7f7}.tn-topbar-inner{min-height:42px}.tn-brandbar-inner{min-height:88px;grid-template-columns:90px minmax(420px,620px) 430px;gap:12px}.tn-logo img{width:72px;height:58px}.tn-search{height:44px;border-radius:0}.tn-search button{min-width:103px;text-transform:uppercase}.tn-hotline{justify-content:flex-start}.tn-hotline>i{font-size:38px}.tn-hotline span{position:relative;padding-left:25px;font-size:0}.tn-hotline span:before{content:"ĐẶT HÀNG QUA";position:absolute;left:-96px;bottom:0;color:#333;font-size:13px;font-weight:700}.tn-hotline strong{font-size:20px;max-width:370px;}.tn-mainnav a{min-height:44px;font-size:15px;font-weight:500}.tn-mainnav>div>ul>li{flex:0 1 auto;min-width:145px}.tn-mainnav>div>ul{justify-content:center}
.tn-hero{background:#fff}.tn-hero-carousel{max-width:1366px;margin:auto}.tn-hero-slide img{aspect-ratio:1366/482}.tn-benefits{padding:34px 0;background-color:#b90000;background-image:linear-gradient(45deg,#ffffff08 25%,transparent 25%),linear-gradient(-45deg,#ffffff08 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff08 75%),linear-gradient(-45deg,transparent 75%,#ffffff08 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;border:0}.tn-benefit{position:relative;min-height:108px;margin-left:34px;padding:17px 18px 17px 38px;border:1px solid #fff;border-radius:6px;color:#fff}.tn-benefit-icon{position:absolute;left:-34px;top:19px;width:68px;height:68px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--tn-red);box-shadow:0 0 0 2px var(--tn-red) inset}.tn-benefit-icon img{width:46px;height:46px}.tn-benefit-icon i{font-size:25px}.tn-benefit h2{color:#fff;font-size:17px;margin-bottom:6px}.tn-benefit p{color:#fff;font-size:14px}
.tn-products-featured{padding:48px 0 62px}.tn-section-title{display:block;border:0;text-align:center;margin-bottom:43px}.tn-section-title h2{display:inline-block;background:transparent;color:#292929;padding:0 40px 12px;border-bottom:2px solid var(--tn-red);font-size:28px}.tn-section-title h2:before,.tn-old-title:before{content:"";position:absolute;left:-4px;bottom:-4px;width:7px;height:7px;border-radius:50%;background:var(--tn-red)}.tn-section-title h2:after{content:"";position:absolute;right:-4px;left:auto;top:auto;bottom:-4px;width:7px;height:7px;border:0;border-radius:50%;background:var(--tn-red)}.tn-section-title>a{position:absolute;right:0;bottom:12px;font-size:13px}.tn-product-card{border-color:#d6d6d6;border-bottom:5px solid #dbdbdb}.tn-product-card:hover{transform:none;box-shadow:none}.tn-product-image{padding:10px 10px 0}.tn-product-image img{aspect-ratio:280/255}.tn-product-info h3{text-transform:uppercase;font-size:15px;font-weight:700}.tn-product-controls .owl-prev,.tn-product-controls .owl-next,.tn-category-controls .owl-prev,.tn-category-controls .owl-next{background:transparent!important;color:#d4d4d4!important;width:40px;height:58px}.tn-product-controls .owl-prev{left:-45px}.tn-product-controls .owl-next{right:-45px}.tn-product-controls .owl-prev,.tn-product-controls .owl-next{bottom:155px}.tn-product-controls svg,.tn-category-controls svg{stroke:#d4d4d4!important;width:40px;height:58px}
.tn-category-products{background:#fafafa}.tn-category-row{padding:40px 0 50px}.tn-category-row:nth-child(even){background:#fff}.tn-catalog-container{position:relative;width:min(860px,calc(100% - 60px));margin:auto}.tn-old-title{position:relative;width:max-content;max-width:100%;margin:0 auto 28px;padding:0 20px 7px;border-bottom:2px solid var(--tn-red);font-size:19px;text-align:center;text-transform:uppercase}.tn-old-title:after{content:"";position:absolute;right: 35px;bottom: -10px !important;width:7px;height:7px;border-radius:50%;background:var(--tn-red)}.tn-old-title a{color:#222}.tn-small-card{border-bottom-width:2px}.tn-small-card .tn-product-image{padding:6px}.tn-small-card .tn-product-image img{aspect-ratio:1/1;object-fit:contain}.tn-small-card .tn-product-info{padding:7px 6px 9px}.tn-small-card .tn-product-info h3{font-size:11px;line-height:1.35;min-height:31px;margin-bottom:3px}.tn-small-card .tn-price{font-size:11px}.tn-small-card .tn-price strong{font-size:12px;font-weight:400}.tn-category-controls{position:relative;height:0}.tn-category-controls .owl-prev,.tn-category-controls .owl-next{position:absolute;bottom:105px;border:0!important}.tn-category-controls .owl-prev{left:-48px}.tn-category-controls .owl-next{right:-48px}
.tn-news{padding:42px 0;background:#fff;border-top:16px solid #f5f5f5}.tn-news .tn-section-title{margin-bottom:25px}.tn-news .tn-section-title h2{font-size:19px;padding-bottom:7px}.tn-news-grid{width:min(860px,100%);margin:auto;gap:14px}.tn-news-card>div{padding:7px}.tn-news-card h3{margin:0 0 4px;font-size:12px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tn-news-card p{font-size:11px;line-height:1.3;-webkit-line-clamp:3}.tn-news-card time{font-size:10px;display:block;margin-top:5px}.tn-newsletter{padding:16px 0;background:#b90000}.tn-newsletter-inner{width:min(860px,calc(100% - 30px))}.tn-newsletter-inner strong{font-size:16px}.tn-newsletter-inner span{font-size:0}.tn-newsletter form{height:34px;max-width:420px}.tn-newsletter button{background:#8f0000;color:#fff;font-size:11px}.tn-footer{background:linear-gradient(115deg,#232323,#0d0d0d)}.tn-footer-grid{width:min(860px,calc(100% - 30px));grid-template-columns:1.2fr .7fr 1fr;padding-top:27px;padding-bottom:35px}.tn-footer h2{color:#fff;font-size:14px;border:0;margin-bottom:11px;padding:0}.tn-footer p,.tn-footer-links li,.tn-footer-support{font-size:11px}.tn-copyright{text-align:left;font-size:10px}
@media(max-width:1100px){.tn-brandbar-inner{grid-template-columns:90px 1fr 330px}.tn-hotline span:before{display:none}.tn-hotline span{padding-left:0}.tn-mainnav>div>ul>li{min-width:0}.tn-product-controls .owl-prev{left:-8px}.tn-product-controls .owl-next{right:-8px}}
@media(max-width:991px){.tn-benefits{padding:24px 0}.tn-benefit{margin-left:30px}.tn-catalog-container{width:min(720px,calc(100% - 70px))}.tn-news-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:767px){.tn-section-title h2{font-size:20px}.tn-section-title>a{display:none}.tn-benefit{min-height:94px}.tn-catalog-container{width:calc(100% - 46px)}.tn-category-controls .owl-prev{left:-35px}.tn-category-controls .owl-next{right:-35px}.tn-news-grid{grid-template-columns:repeat(2,1fr)}.tn-footer-grid{grid-template-columns:1fr}.tn-newsletter-inner{width:min(100% - 24px,860px)}}

/* Original typography and final product/footer proportions */
@font-face{font-family:SFUFuturaBook;src:url('../fonts/SFUFuturaRegular.woff2') format('woff2'),url('../fonts/SFUFuturaRegular.woff') format('woff');font-display:swap}
@font-face{font-family:SFUFuturaHeavy;src:url('../fonts/SFUFuturaBold.woff2') format('woff2'),url('../fonts/SFUFuturaBold.woff') format('woff');font-display:swap}
@font-face{font-family:SFUFuturaBold;src:url('../fonts/SFUFuturaBold.woff2') format('woff2'),url('../fonts/SFUFuturaBold.woff') format('woff');font-display:swap}
.tn-header,.tn-home,.tn-footer{font-family:SFUFuturaBook,Arial,sans-serif}.tn-logo{width:78px}.tn-logo img{width:78px;height:auto;max-height:70px}.tn-mainnav a,.tn-hotline strong,.tn-benefit h2,.tn-section-title h2,.tn-old-title,.tn-product-info h3,.tn-footer h2{font-family:SFUFuturaHeavy,Arial,sans-serif}
.tn-products-featured{padding:50px 0 65px}.tn-products-featured>.tn-container{width:min(1200px,calc(100% - 70px))}.tn-section-title h2{font-size:29px;line-height:1.2}.tn-product-carousel .tn-product-card,.tn-category-carousel .tn-product-card{padding:10px}.tn-product-image{padding:0;margin-bottom:10px}.tn-product-image img{width:100%;height:255px;aspect-ratio:auto;object-fit:cover}.tn-product-info{padding:0;text-align:center}.tn-product-info h3{min-height:48px;margin:0;font-size:15px;line-height:1.6;display:flex;align-items:center;justify-content:center}.tn-price{font-size:16px;line-height:1.5}.tn-price strong{font-size:16px;font-family:SFUFuturaBook,Arial,sans-serif;font-weight:400}.tn-category-row{padding:44px 0 62px}.tn-catalog-container{width:min(1200px,calc(100% - 70px))}.tn-old-title{font-size:28px;line-height:1.2;margin-bottom:45px;padding:0 88px 10px}.tn-category-carousel .tn-small-card{padding:10px}.tn-small-card .tn-product-image{padding:0;margin-bottom:10px}.tn-small-card .tn-product-image img{height:235px;aspect-ratio:auto;object-fit:cover}.tn-small-card .tn-product-info{padding:0}.tn-small-card .tn-product-info h3{min-height:50px;font-size:15px;line-height:1.55;margin:0}.tn-small-card .tn-price{font-size:16px}.tn-small-card .tn-price strong{font-size:16px}.tn-category-controls .owl-prev,.tn-category-controls .owl-next{bottom:165px}.tn-category-controls .owl-prev{left:-55px}.tn-category-controls .owl-next{right:-55px}.tn-product-controls .owl-prev,.tn-product-controls .owl-next{bottom:180px}
.tn-news{padding:40px 0 45px}.tn-news>.tn-container{width:min(1200px,calc(100% - 70px))}.tn-news .tn-section-title h2{font-size:19px}.tn-news-grid{width:100%;grid-template-columns:repeat(4,1fr);gap:14px}.tn-news-card{padding:5px;font-family:SFUFuturaBook,Arial,sans-serif}.tn-news-image img{height:215px;aspect-ratio:auto;object-fit:cover}.tn-news-card>div{padding:0}.tn-news-card h3{font-family:SFUFuturaHeavy,Arial,sans-serif;font-size:15px;line-height:22px;margin:7px 0 0}.tn-news-card p{font-size:14px;line-height:20px;-webkit-line-clamp:3}.tn-news-card time{font-size:13px;color:#898989}
.tn-newsletter-inner{width:min(1200px,calc(100% - 30px))}.tn-newsletter-inner>div>i{font-size:42px}.tn-newsletter-inner strong{font-family:SFUFuturaBook,Arial,sans-serif;font-size:22px;font-weight:400}.tn-newsletter form{max-width:600px;height:40px}.tn-newsletter input{border:1px solid #fff;background:transparent;color:#fff}.tn-newsletter input::placeholder{color:#fff}.tn-newsletter button{min-width:120px;background:#280000;font-family:SFUFuturaBook,Arial,sans-serif}
.tn-footer-grid{width:min(1200px,calc(100% - 30px));grid-template-columns:40% 25% 345px;justify-content:space-between;gap:3%;padding-top:40px;padding-bottom:30px}.tn-footer h2{font-size:20px;margin-bottom:15px}.tn-footer-company,.tn-footer-company p,.tn-footer-links li{font-size:15px;line-height:25px}.tn-footer-company p{margin-bottom:5px}.tn-footer-company i{display:inline-grid;place-items:center;width:40px;height:40px;margin-right:6px;background:var(--tn-red);color:#fff}.tn-footer-links i{font-size:6px;color:var(--tn-red)}.tn-footer-logo{display:block;width:220px;margin:18px auto 0}.tn-footer-logo img{display:block;max-width:100%;max-height:110px;object-fit:contain}.tn-fanpage-box{min-height:126px;overflow:hidden}.tn-copyright{/* height:60px; */margin-top:0;padding:10px 0;background:#0006;font-family:SFUFuturaBook,Arial,sans-serif;font-size:13px}
@media(max-width:991px){.tn-products-featured>.tn-container,.tn-catalog-container,.tn-news>.tn-container{width:calc(100% - 60px)}.tn-product-image img,.tn-small-card .tn-product-image img{height:220px}.tn-old-title{font-size:23px}.tn-footer-grid{grid-template-columns:1fr 1fr}.tn-footer-fanpage{grid-column:1/-1;width:min(345px,100%)}.tn-news-card h3{font-size:13px}}
@media(max-width:767px){.tn-products-featured>.tn-container,.tn-catalog-container,.tn-news>.tn-container{width:calc(100% - 40px)}.tn-section-title h2,.tn-old-title{font-size:19px;padding-left:25px;padding-right:25px}.tn-product-image img,.tn-small-card .tn-product-image img{height:auto;aspect-ratio:1/1}.tn-product-info h3,.tn-small-card .tn-product-info h3{font-size:12px;line-height:1.4;min-height:48px}.tn-price,.tn-price strong,.tn-small-card .tn-price,.tn-small-card .tn-price strong{font-size:13px}.tn-category-controls .owl-prev{left:-38px}.tn-category-controls .owl-next{right:-38px}.tn-news-grid{grid-template-columns:repeat(2,1fr)}.tn-news-image img{height:auto;aspect-ratio:280/215}.tn-newsletter-inner strong{font-size:17px}.tn-footer-grid{grid-template-columns:1fr}.tn-footer-fanpage{grid-column:auto}.tn-footer-company,.tn-footer-company p,.tn-footer-links li{font-size:13px}}

/* Header/menu overlap and blog intrinsic-width fixes */
.tn-brandbar-inner{grid-template-columns:90px minmax(0,620px) 310px;justify-content:start;column-gap:28px}.tn-search{width:100%;margin: 0 10px;}.tn-hotline{min-width:0;justify-content:flex-start;white-space:nowrap}.tn-hotline>i{flex:0 0 auto;font-size:35px}.tn-hotline span{position:static;min-width:0;padding:0;/* display:flex; *//* flex-direction:row; *//* align-items:center; *//* gap:12px; */position: relative;/* flex-wrap: wrap; */}.tn-hotline span:before{display:none!important;content:none!important}.tn-hotline small{display:block;color:#333;font-family:SFUFuturaHeavy,Arial,sans-serif;font-size:13px;line-height:1;position: absolute;bottom: -25px;left: -75px;}.tn-hotline strong{font-size:21px;line-height:1;white-space:nowrap;width: 100%;}.tn-mainnav>.tn-container{width:min(1200px,100%)}.tn-mainnav>div>ul{width:100%;justify-content:center}.tn-mainnav>div>ul>li{flex:0 0 auto;min-width:0}.tn-mainnav>div>ul>li>a{padding-left:32px;padding-right:32px;font-family: 'SFUFuturaBook';}
.tn-news-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:1200px;overflow:hidden}.tn-news-card{display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;overflow:hidden}.tn-news-card>*{min-width:0;max-width:100%}.tn-news-card h3{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-news-card p{overflow:hidden;overflow-wrap:anywhere}.tn-news-image{width:100%;max-width:100%;overflow:hidden}.tn-news-image img{display:block;width:100%!important;max-width:100%!important}
@media(max-width:1200px) and (min-width:992px){.tn-brandbar-inner{grid-template-columns:80px minmax(0,1fr) 280px;column-gap:18px}.tn-hotline small{display:none}.tn-mainnav>div>ul>li>a{padding-left:24px;padding-right:24px}}
@media(max-width:767px){.tn-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Match the spacing and double-line category headings from the legacy layout. */
@media (min-width: 768px) {
    .tn-section-title h2,
    .tn-old-title {
        padding-right: 40px;
        padding-left: 40px;
    }
}

.tn-section-title h2,
.tn-old-title {
    border-bottom-width: 1px;
}

.tn-section-title h2::before,
.tn-section-title h2::after,
.tn-old-title::before,
.tn-old-title::after {
    bottom: -4px;
    width: 8px;
    height: 8px;
}

.tn-section-title h2 > a,
.tn-old-title > a {
    position: relative;
}

.tn-section-title h2 > a::after,
.tn-old-title > a::after {
    position: absolute;
    right: 0;
    bottom: -13px;
    left: 0;
    height: 1px;
    background: var(--tn-red);
    content: "";
}