/* Tép Xinh — giao diện vùng hồ Sulawesi (user.css) */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Lora:ital,wght@0,500;0,600;0,700;1,500&display=swap');
:root{
  --deep:#24803f;--mid:#268040;--shallow:#45ab4c;--pale:#c9f0bd;--lat:#b0432b;--lat-dark:#8a3220;--sun:#e6b33d;--forest:#2e5e45;
  --mist:#f2f7ef;--paper:#fff;--ink:#16241b;--muted:#55655a;--line:#d5e0d0;
  --cassiopeia-color-primary:var(--deep);--cassiopeia-color-link:var(--mid);--cassiopeia-color-hover:var(--lat);
  --cassiopeia-font-family-body:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --cassiopeia-font-family-headings:'Lora',Georgia,'Times New Roman',serif;--cassiopeia-font-weight-headings:600;
  --body-font-family:var(--cassiopeia-font-family-body);--link-color:var(--mid);--link-hover-color:var(--lat);--link-color-rgb:38,125,63;--link-hover-color-rgb:176,67,43;
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body.site{background:var(--mist);color:var(--ink);font-family:var(--cassiopeia-font-family-body);font-size:1.0625rem;line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{font-family:var(--cassiopeia-font-family-headings);font-weight:600;color:var(--deep);line-height:1.25}
a{color:var(--mid);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover,a:focus{color:var(--lat)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
::selection{background:var(--pale);color:var(--deep)}

/* ---------- Header: mặt hồ sâu ---------- */
.container-header{background:var(--deep);background-image:linear-gradient(100deg,#1b6a36 0%,#24803f 45%,#268040 100%);border-bottom:3px solid var(--shallow);box-shadow:0 2px 18px rgba(10,28,18,.3);position:sticky;top:0;z-index:1020}
.container-header .grid-child{max-width:1320px;padding:0 1.25rem}
.container-header .navbar-brand{margin:0;padding:.85rem 0 .35rem;line-height:1.1;font-size:1rem}
.container-header .brand-logo{display:inline-flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;font-family:var(--cassiopeia-font-family-headings);font-size:1.7rem;font-weight:700;line-height:1}
.container-header .brand-logo::before{content:"";width:.78em;height:.78em;border-radius:50%;background:radial-gradient(circle at 34% 34%,#fff 0 .11em,transparent .12em),radial-gradient(circle at 68% 58%,#fff 0 .08em,transparent .09em),radial-gradient(circle at 40% 74%,#fff 0 .06em,transparent .07em),var(--lat)}
.container-header .brand-logo:hover{color:#fff}
.container-header .site-description{color:var(--pale);font-size:.82rem;font-family:var(--cassiopeia-font-family-body);margin:.3rem 0 0 2rem}
.container-header .container-nav{padding-top:0;padding-bottom:.35rem;justify-content:flex-start}
.container-header nav{margin-top:0;padding:0}
.container-header nav.navbar{margin-top:0!important}
.container-header .mod-menu{gap:.15rem;margin:0;padding:0}
.container-header .mod-menu>li{margin:0!important;padding:0!important;position:relative}
.container-header .mod-menu>li>a,.container-header .mod-menu>li>button,.container-header .mod-menu>li>span{color:#e6efe3;font-family:var(--cassiopeia-font-family-body);font-size:.92rem;font-weight:500;padding:.55rem .7rem!important;border-radius:.45rem;text-decoration:none;background:none;border:0;line-height:1.3;width:auto;gap:.4rem;align-items:center;transition:background .15s,color .15s}
.container-header .mod-menu>li>a:hover,.container-header .mod-menu>li>button:hover,.container-header .mod-menu>li>button[aria-expanded="true"]{background:rgba(201,240,189,.16);color:#fff}
.container-header .mod-menu>li.active>a,.container-header .mod-menu>li.current>a,.container-header .mod-menu>li.active>button{color:#fff;background:var(--lat)}
.container-header .mod-menu>li::after,.container-header .metismenu>li.active::after,.container-header .metismenu>li:hover::after{display:none!important}
.container-header .mod-menu .mm-collapse{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--shallow);border-radius:0 0 .7rem .7rem;box-shadow:0 14px 34px rgba(10,28,18,.22);padding:.45rem;min-width:17.5rem!important;width:max-content;max-width:22rem;margin-top:.35rem}
.container-header .mod-menu .mm-collapse>li{margin:0;padding:0}
.container-header .mod-menu .mm-collapse>li>a{display:block;color:var(--ink);padding:.5rem .8rem;border-radius:.45rem;font-size:.93rem;text-decoration:none;white-space:normal}
.container-header .mod-menu .mm-collapse>li>a:hover{background:#e6f3e2;color:var(--mid)}
.container-header .mod-menu .mm-collapse>li.active>a,.container-header .mod-menu .mm-collapse>li.current>a{background:#f8e6e0;color:var(--lat-dark);font-weight:600}
.container-header .navbar-toggler{color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:.45rem;padding:.4rem .65rem;margin:.2rem 0 .5rem}
@media (min-width:992px){
  .container-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:1.5rem;padding-inline:max(3.25rem,calc((100% - 1320px)/2 + 3.25rem))}
  .container-header>.grid-child{flex:0 1 auto;width:auto;max-width:none;margin:0;padding:0}
  .container-header .navbar-brand{padding:.8rem 0;display:flex;flex-direction:column}
  .container-header>.container-nav{padding:0 0 .45rem}
}
@media (min-width:1200px){.container-header>.container-nav{padding:0}}
@media (max-width:991.98px){
  .container-header{position:relative}
  .container-header .grid-child{padding:0 1rem}
  .container-header .navbar-brand{padding:.75rem 3.5rem .7rem 0}
  .container-header .brand-logo{font-size:1.45rem}
  .container-header .site-description{font-size:.72rem;margin-top:.25rem}
  .container-header .container-nav{padding-bottom:0}
  .container-header nav.navbar{position:static;padding:0;width:100%}
  .container-header .navbar-collapse{width:100%}
  .container-header .navbar-collapse.show,.container-header .navbar-collapse.collapsing{border-top:1px solid rgba(255,255,255,.14)}
  .container-header .navbar-toggler{position:absolute;top:.95rem;right:1rem;margin:0}
  .container-header .mod-menu{flex-direction:column;align-items:stretch;width:100%;padding:.4rem 0 .8rem}
  .container-header .mod-menu>li>a,.container-header .mod-menu>li>button{display:flex;width:100%;justify-content:space-between;text-align:left}
  .container-header .mod-menu .mm-collapse{position:static;box-shadow:none;margin:.2rem 0 .5rem;min-width:0!important;width:auto;max-width:none}
}

/* ---------- Khung chung ---------- */
.site-grid{max-width:1320px;margin-inline:auto;gap:0 2rem;padding:0 1.25rem}
.container-component{padding-top:.5rem;padding-bottom:3.5rem}
.mod-breadcrumbs__wrapper{margin:1.1rem 0 0}
.mod-breadcrumbs.breadcrumb{background:transparent;padding:0!important;margin:0;font-size:.85rem;color:var(--muted)}
.mod-breadcrumbs .breadcrumb-item a{color:var(--muted);text-decoration:none}
.mod-breadcrumbs .breadcrumb-item a:hover{color:var(--lat)}
.mod-breadcrumbs .breadcrumb-item.active{color:var(--deep);font-weight:500}
.com-content-article{margin-top:1.1rem}
.com-content-article .page-header{border:0;margin:0 0 1.2rem;padding:0}
.com-content-article .page-header h1{font-size:clamp(1.9rem,4.2vw,2.8rem);margin:0;font-weight:700}
.com-content-article__body{max-width:52rem}
.com-content-article__body h2{font-size:1.5rem;margin:2.5rem 0 .9rem}
.com-content-article__body h3{font-family:var(--cassiopeia-font-family-body);font-weight:600;font-size:1.08rem;color:var(--deep);margin:1.6rem 0 .35rem}
.com-content-article__body p{margin:0 0 1.05rem}
.com-content-article__body ul,.com-content-article__body ol{padding-left:1.35rem;margin:0 0 1.2rem}
.com-content-article__body li{margin-bottom:.5rem}
.com-content-article__body li::marker{color:var(--shallow);font-weight:600}
.com-content-article__body img{max-width:100%;height:auto}
.tx-fig{margin:1.6rem 0}
.tx-fig img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
.tx-fig figcaption{font-size:.85rem;color:var(--muted);margin-top:.5rem}
.tx-lead{font-size:1.18rem;line-height:1.7;color:#24392b}
.tx-note{background:#fbf3df;border-left:4px solid var(--sun);border-radius:0 .6rem .6rem 0;padding:.9rem 1.2rem;margin:1.2rem 0;font-size:.98rem}
.com-content-article__body table{width:100%;border-collapse:separate;border-spacing:0;margin:1rem 0 1.6rem;border:1px solid var(--line);border-radius:.7rem;overflow:hidden;font-size:.97rem;background:var(--paper);--bs-table-bg:transparent;--bs-table-striped-bg:transparent}
.com-content-article__body table th,.com-content-article__body table td{padding:.7rem 1rem;border:0;border-bottom:1px solid var(--line);vertical-align:top;box-shadow:none;background:transparent}
.com-content-article__body table thead th{background:var(--deep);color:#fff;font-weight:600;font-size:.9rem}
.com-content-article__body table tbody tr:nth-child(even)>*{background:#f3f8f1}
.com-content-article__body table tbody tr:last-child>*{border-bottom:0}
.com-content-article__body table tbody td:first-child{font-weight:600;color:var(--deep)}
@media (max-width:767.98px){.com-content-article__body table{display:block;overflow-x:auto}.com-content-article__body table th,.com-content-article__body table td{padding:.6rem .7rem;min-width:7rem}}

/* ---------- Dòng tép: hồ sơ loài ---------- */
.tx-strain .com-content-article__body{max-width:none}
.tx-strain .page-header h1{font-size:clamp(2.2rem,5vw,3.4rem)}
.tx-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;border-radius:18px;overflow:hidden;background:var(--deep);box-shadow:0 18px 40px rgba(10,28,18,.2);margin-bottom:2.4rem}
.tx-top .tx-fig{margin:0;position:relative}
.tx-top .tx-fig img{border:0;border-radius:0;height:100%;object-fit:cover}
.tx-top .tx-fig figcaption{position:absolute;left:.9rem;bottom:.7rem;margin:0;color:#d3e6d2;font-size:.76rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.tx-facts{margin:0;padding:1.6rem 1.8rem;color:#e8f1e6;display:flex;flex-direction:column;justify-content:center;gap:.85rem}
.tx-facts dt{font-size:.8rem;font-weight:500;color:var(--pale);margin:0}
.tx-facts dd{margin:0;font-size:1rem;line-height:1.5}
.tx-facts dd a{color:#fff}
.tx-facts div:last-child dd{color:var(--sun);font-weight:600}
.tx-specs{list-style:none;padding:0!important;margin:1rem 0 1.6rem!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.8rem}
.tx-specs li{margin:0;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--shallow);border-radius:.6rem;padding:.8rem 1rem .9rem}
.tx-specs li:nth-child(n+7){border-top-color:var(--mid)}
.tx-specs li:nth-child(7),.tx-specs li:nth-child(8){border-top-color:var(--lat)}
.tx-specs span{display:block;font-size:.85rem;color:var(--muted)}
.tx-specs strong{display:block;font-family:var(--cassiopeia-font-family-headings);font-size:1.15rem;line-height:1.35;color:var(--deep);margin-top:.15rem}
.tx-strain .com-content-article__body>h2{display:flex;align-items:center;gap:.7rem}
.tx-strain .com-content-article__body>h2::before{content:"";flex:0 0 .7rem;height:.7rem;border-radius:50%;background:var(--lat);box-shadow:1.05rem 0 0 -.18rem var(--shallow)}
.tx-strain .com-content-article__body>h2::before{margin-right:.6rem}
.tx-strain .com-content-article__body>p,.tx-strain .com-content-article__body>ul,.tx-strain .com-content-article__body>ol,.tx-strain .com-content-article__body>h2{max-width:50rem}
@media (max-width:767.98px){.tx-top{grid-template-columns:1fr}.tx-facts{padding:1.2rem 1.2rem 1.4rem}.tx-top .tx-fig figcaption{position:static;padding:.5rem 1.2rem 0;text-shadow:none;color:var(--pale)}}

/* ---------- Hướng dẫn nuôi: các bước nối tiếp ---------- */
.tx-guide .com-content-article{background:var(--paper);border-left:6px solid var(--shallow);border-radius:0 1rem 1rem 0;padding:clamp(1.3rem,4vw,3rem);box-shadow:0 10px 30px rgba(10,28,18,.06)}
.tx-step{display:inline-block;background:var(--deep);color:#fff;font-size:.85rem;font-weight:600;border-radius:999px;padding:.2rem .9rem;margin:0 0 .9rem!important}
.tx-guide .com-content-article__body>ol{list-style:none;counter-reset:st;padding-left:0;border-left:2px solid var(--pale);margin-left:.95rem}
.tx-guide .com-content-article__body>ol>li{counter-increment:st;position:relative;padding:0 0 .35rem 2rem;margin-bottom:.9rem}
.tx-guide .com-content-article__body>ol>li::before{content:counter(st);position:absolute;left:-.98rem;top:.05rem;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--shallow);color:#fff;font-weight:600;font-size:.9rem;display:grid;place-items:center}
.tx-guide .com-content-article__body h2{border-bottom:2px solid var(--line);padding-bottom:.4rem}
.tx-stepnav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.6rem}
.tx-stepnav a{display:block;border:1px solid var(--line);border-radius:.8rem;padding:.9rem 1.1rem;text-decoration:none;font-weight:600;color:var(--deep);background:var(--mist)}
.tx-stepnav a span{display:block;font-size:.82rem;font-weight:400;color:var(--muted)}
.tx-stepnav .tx-next{text-align:right;background:var(--deep);color:#fff;border-color:var(--deep)}
.tx-stepnav .tx-next span{color:var(--pale)}
.tx-stepnav a:hover{border-color:var(--shallow);color:var(--mid)}
.tx-stepnav .tx-next:hover{background:var(--mid);color:#fff}

/* ---------- Xử lý sự cố: tông cảnh báo ---------- */
.tx-fix .com-content-article{background:var(--paper);border-top:6px solid var(--lat);border-radius:0 0 1rem 1rem;padding:clamp(1.3rem,4vw,3rem);box-shadow:0 10px 30px rgba(10,28,18,.06)}
.tx-fix .page-header h1{display:flex;align-items:center;gap:.8rem}
.tx-fix .page-header h1::before{content:"!";flex:0 0 2.4rem;height:2.4rem;border-radius:50%;background:var(--lat);color:#fff;font-family:var(--cassiopeia-font-family-body);font-size:1.5rem;font-weight:700;display:grid;place-items:center}
.tx-fix .tx-lead{background:#f8e9e4;border-radius:.7rem;padding:1rem 1.2rem;color:#4a1f14;font-size:1.08rem}
.tx-fix .com-content-article__body table thead th{background:var(--lat-dark)}
.tx-fix .com-content-article__body table tbody tr:nth-child(even)>*{background:#fbf4f1}
.tx-fix .com-content-article__body>ol{list-style:none;counter-reset:fx;padding:1rem 1.2rem;background:var(--mist);border-radius:.7rem}
.tx-fix .com-content-article__body>ol>li{counter-increment:fx;padding-left:2.2rem;position:relative}
.tx-fix .com-content-article__body>ol>li::before{content:counter(fx);position:absolute;left:0;top:.1rem;width:1.6rem;height:1.6rem;border-radius:.35rem;background:var(--lat);color:#fff;font-size:.85rem;font-weight:600;display:grid;place-items:center}
.tx-fix .com-content-article__body li::marker{color:var(--lat)}
.tx-fix .com-content-article__body{max-width:60rem}

/* ---------- Tra cứu nhanh: gọn và dày ---------- */
.tx-ref .com-content-article{background:var(--paper);border:1px solid var(--line);border-radius:.8rem;padding:clamp(1.2rem,3vw,2.2rem)}
.tx-ref .com-content-article__body{max-width:none;font-size:1rem}
.tx-ref .page-header h1{font-size:clamp(1.7rem,3.4vw,2.2rem)}
.tx-ref .tx-lead{font-size:1rem;color:var(--muted);max-width:50rem}
.tx-ref .com-content-article__body h2{font-family:var(--cassiopeia-font-family-body);font-size:1.15rem;font-weight:700;margin:2rem 0 .5rem;color:var(--mid)}
.tx-ref .com-content-article__body table{font-size:.94rem;margin-top:.5rem}
.tx-ref .com-content-article__body table th,.tx-ref .com-content-article__body table td{padding:.5rem .8rem}
.tx-ref .com-content-article__body>ul{list-style:none;padding-left:0;columns:2 22rem;column-gap:2.5rem}
.tx-ref .com-content-article__body>ul>li{position:relative;padding-left:1.9rem;break-inside:avoid}
.tx-ref .com-content-article__body>ul>li::before{content:"";position:absolute;left:0;top:.3rem;width:1.1rem;height:1.1rem;border:2px solid var(--shallow);border-radius:.25rem}
.tx-faq{border-bottom:1px solid var(--line);max-width:52rem}
.tx-faq summary{cursor:pointer;list-style:none;padding:.85rem 2.2rem .85rem 0;font-weight:600;color:var(--deep);position:relative}
.tx-faq summary::-webkit-details-marker{display:none}
.tx-faq summary::after{content:"+";position:absolute;right:.3rem;top:.55rem;font-size:1.5rem;font-weight:400;color:var(--shallow)}
.tx-faq[open] summary::after{content:"−"}
.tx-faq[open] summary{color:var(--mid)}
.tx-faq p{margin:0 0 1rem;color:#2d3f33}

/* ---------- Giới thiệu chung: kiểu bài đọc ---------- */
.tx-intro .com-content-article{background:var(--paper);border-radius:1rem;padding:clamp(1.4rem,5vw,3.6rem);box-shadow:0 10px 30px rgba(10,28,18,.06)}
.tx-intro .com-content-article__body{margin-inline:auto}
.tx-intro .page-header{max-width:52rem;margin-inline:auto}
.tx-intro .page-header h1{margin-bottom:1.2rem}
.tx-intro .tx-lead{font-family:var(--cassiopeia-font-family-headings);font-size:1.32rem;line-height:1.6;color:var(--deep);border-left:4px solid var(--shallow);padding-left:1.2rem}
.tx-intro .com-content-article__body h2{color:var(--mid)}
.tx-intro .com-content-article__body>ol{padding-left:1.4rem}
.tx-intro .com-content-article__body>ol>li{padding-left:.4rem;margin-bottom:.9rem}
.tx-intro .com-content-article__body>ol>li::marker{font-family:var(--cassiopeia-font-family-headings);font-size:1.3rem;color:var(--lat)}

/* ---------- Trang chủ ---------- */
.view-featured .container-component{padding-top:0}
.view-featured .mod-breadcrumbs__wrapper{display:none}
.blog-featured .items-leading,.blog-featured .blog-item{display:block;padding:0;margin:0;border:0;background:none}
.blog-featured .item-content>.item-title,.blog-featured .page-header{display:none}
.tx-hero{margin:1.4rem 0 2.4rem;border-radius:1.2rem;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--deep);color:#e8f1e6;box-shadow:0 18px 44px rgba(10,28,18,.24)}
.tx-hero__text{padding:clamp(1.6rem,4.5vw,3.6rem);display:flex;flex-direction:column;justify-content:center}
.tx-hero h1{color:#fff;font-size:clamp(1.9rem,3.6vw,3rem);font-weight:700;margin:0 0 1rem;line-height:1.15}
.tx-hero p{font-size:1.08rem;margin:0 0 1.4rem;color:#d3e6d2}
.tx-hero p:last-child{margin:0}
.tx-hero__img{width:100%;height:100%;object-fit:cover;display:block;min-height:16rem}
.tx-btn{display:inline-block;background:var(--lat);color:#fff!important;text-decoration:none;font-weight:600;padding:.75rem 1.4rem;border-radius:999px;margin:0 .5rem .6rem 0;transition:background .15s}
.tx-btn:hover{background:var(--lat-dark)}
.tx-btn.tx-btn--ghost{background:transparent;border:1.5px solid var(--pale)}
.tx-btn.tx-btn--ghost:hover{background:rgba(201,240,189,.16)}
.tx-section-title{font-size:1.7rem;margin:2.8rem 0 .3rem}
.tx-section-lead{color:var(--muted);margin:0 0 1.3rem;max-width:44rem}
.tx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.1rem;margin:0 0 1rem;padding:0;list-style:none}
.tx-card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:.9rem;overflow:hidden;text-decoration:none;color:var(--ink);transition:box-shadow .15s,border-color .15s;height:100%}
.tx-card:hover{box-shadow:0 14px 30px rgba(10,28,18,.14);border-color:var(--shallow);color:var(--ink)}
.tx-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.tx-card strong{display:block;font-family:var(--cassiopeia-font-family-headings);font-size:1.18rem;color:var(--deep);margin:.9rem 1.1rem .2rem}
.tx-card span{display:block;font-size:.93rem;color:var(--muted);line-height:1.55;margin:0 1.1rem}
.tx-card em{display:block;font-style:normal;font-size:.82rem;color:var(--forest);font-weight:600;margin:.55rem 1.1rem 1rem}
.tx-card--plain{display:flex;flex-direction:column;justify-content:center;background:repeating-linear-gradient(135deg,#e6efe3 0 12px,#f2f7ef 12px 24px);min-height:11rem;padding-bottom:1rem}
.tx-steps{counter-reset:tx;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.7rem;padding:0;margin:0;list-style:none}
.tx-steps li{counter-increment:tx;margin:0}
.tx-steps a{display:flex;gap:.8rem;align-items:center;background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--shallow);border-radius:.5rem;padding:.8rem 1rem;text-decoration:none;color:var(--ink);font-weight:500;height:100%}
.tx-steps a::before{content:counter(tx);flex:0 0 auto;font-family:var(--cassiopeia-font-family-headings);font-size:1.5rem;font-weight:700;color:var(--shallow);min-width:1.6rem}
.tx-steps a:hover{border-color:var(--mid);color:var(--mid)}
.tx-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:0 3rem}
.tx-links{list-style:none;padding:0;margin:.8rem 0 0}
.tx-links li{border-bottom:1px solid var(--line)}
.tx-links a{display:block;padding:.75rem 0 .75rem 1.3rem;text-decoration:none;color:var(--ink);font-weight:500;position:relative}
.tx-links a::before{content:"";position:absolute;left:0;top:1.25rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--shallow)}
.tx-links--fix a::before{background:var(--lat)}
.tx-links a:hover{color:var(--mid)}
@media (max-width:767.98px){.tx-hero{grid-template-columns:1fr}.tx-hero__img{order:-1;min-height:0}}

/* ---------- Footer ---------- */
.container-footer{background:var(--deep);background-image:none;color:#e0eede;margin-top:0;border-top:3px solid var(--shallow)}
.container-footer .grid-child{max-width:1320px;padding:2rem 1.25rem;display:block}
.container-footer a{color:#fff}
.tx-footer{display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:space-between;align-items:center;font-size:.92rem}
.tx-footer strong{font-family:var(--cassiopeia-font-family-headings);font-size:1.25rem;color:#fff}
.back-to-top-link{background:var(--lat);color:#fff;border:0}
@media (min-width:992px){.container-footer .grid-child{padding-inline:3.25rem!important}}
@media (max-width:991.98px){.site-grid{padding:0;column-gap:1rem}.container-footer .grid-child{padding:1.6rem 1rem}body.site{font-size:1rem}.tx-stepnav{grid-template-columns:1fr}.tx-guide .com-content-article,.tx-fix .com-content-article,.tx-intro .com-content-article,.tx-ref .com-content-article{padding:1.2rem 1.05rem 1.6rem}}

/* tx-hero-compact */
.tx-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);margin:1.2rem 0 1.8rem;max-height:none}
.tx-hero__text{padding:clamp(1.2rem,2.6vw,2rem) clamp(1.2rem,3vw,2.4rem)}
.tx-hero h1{font-size:clamp(1.5rem,2.4vw,2.1rem);margin-bottom:.6rem}
.tx-hero p{font-size:1rem;margin-bottom:1rem}
.tx-hero__img{min-height:0;height:100%;max-height:17rem}
.tx-btn{padding:.6rem 1.2rem;font-size:.95rem}
@media (max-width:767.98px){.tx-hero{grid-template-columns:1fr}.tx-hero__img{max-height:11rem}}

/* Khung hình trang chủ: một hình duy nhất */
.tx-banner{margin:1.2rem 0 1.8rem!important;border-radius:1.1rem;overflow:hidden;box-shadow:0 14px 34px rgba(10,28,18,.2);line-height:0}
.tx-banner img{display:block;width:100%;height:clamp(11rem,26vw,19rem);object-fit:cover;object-position:center 58%}

/* Trang chủ: một hình nền, chữ và nút nằm trên hình */
.tx-hero.tx-hero--overlay{display:block;position:relative;min-height:17.5rem;background:var(--deep)}
.tx-hero--overlay .tx-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 58%}
.tx-hero--overlay .tx-hero__text{position:relative;z-index:1;min-height:17.5rem;max-width:44rem;justify-content:center;background:linear-gradient(90deg,rgba(36,128,63,.94) 0%,rgba(36,128,63,.86) 55%,rgba(36,128,63,0) 100%);padding-right:clamp(2rem,9vw,7rem)}
.tx-hero--overlay h1,.tx-hero--overlay p{text-shadow:0 1px 2px rgba(10,28,18,.5)}
@media (max-width:767.98px){.tx-hero--overlay .tx-hero__text{max-width:none;background:rgba(36,128,63,.84);padding-right:1.2rem}.tx-hero--overlay .tx-hero__img{order:0}}
/* Mười bước: lộ trình */
.tx-path{list-style:none;margin:0!important;padding:2rem 1rem 1.8rem!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));row-gap:2rem;background:linear-gradient(180deg,#268040 0%,#24803f 100%);border-radius:1.1rem;box-shadow:0 14px 34px rgba(10,28,18,.18)}
.tx-path li{position:relative;margin:0;padding:0 .7rem;text-align:center}
.tx-path li::before{content:"";position:absolute;top:1.45rem;left:0;right:0;height:3px;background:rgba(201,240,189,.4)}
.tx-path li:nth-child(5n+1)::before{left:50%}
.tx-path li:nth-child(5n)::before{right:50%}
.tx-path a{display:block;position:relative;text-decoration:none;color:#fff;border-radius:.6rem;padding-bottom:.2rem}
.tx-path b{display:grid;place-items:center;width:3rem;height:3rem;margin:0 auto .75rem;border-radius:50%;background:#24803f;border:3px solid var(--pale);font-family:var(--cassiopeia-font-family-headings);font-size:1.25rem;font-weight:700;color:#fff;transition:background .15s,border-color .15s}
.tx-path strong{display:block;font-weight:600;font-size:1rem;line-height:1.35;color:#fff}
.tx-path span{display:block;font-size:.86rem;line-height:1.45;color:#e0eede;margin-top:.3rem}
.tx-path a:hover b,.tx-path a:focus b{background:var(--shallow);border-color:#fff}
.tx-path a:hover strong{text-decoration:underline;text-underline-offset:.2em}
.tx-path .tx-ms b{background:var(--lat);border-color:#fff}
.tx-path .tx-ms strong{color:var(--sun)}
@media (max-width:991.98px){
  .tx-path{grid-template-columns:1fr;row-gap:0;padding:1.2rem 1.1rem!important}
  .tx-path li{text-align:left;padding:0}
  .tx-path li::before,.tx-path li:nth-child(5n+1)::before,.tx-path li:nth-child(5n)::before{top:0;bottom:0;left:1.4rem;right:auto;width:3px;height:auto}
  .tx-path li:first-child::before{top:1.5rem}
  .tx-path li:last-child::before{bottom:auto;height:1.5rem}
  .tx-path a{display:grid;grid-template-columns:3rem 1fr;column-gap:1rem;align-items:center;padding:.55rem 0}
  .tx-path b{grid-row:1 / span 2;margin:0}
  .tx-path strong{align-self:end}
  .tx-path span{align-self:start;margin-top:.1rem}
}

/* ===== v3: hien dai hoa bo cuc ===== */
body.site{background:linear-gradient(180deg,#e2f2dc 0,#f2f7ef 24rem) no-repeat var(--mist)}
.tx-card,.tx-stepnav a,.tx-more a,.tx-links a::after{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}

/* Trang chu */
.tx-section-title{font-size:clamp(1.5rem,2.6vw,1.95rem);margin:3rem 0 .35rem}
.tx-stats{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:-.5rem 0 0!important;padding:0!important;background:var(--paper);border:1px solid var(--line);border-radius:1rem;overflow:hidden}
.tx-stats li{margin:0;padding:1.05rem 1.4rem 1.1rem;border-left:1px solid var(--line)}
.tx-stats li:first-child{border-left:0}
.tx-stats b{display:block;font-family:var(--cassiopeia-font-family-headings);font-size:1.65rem;font-weight:700;color:var(--deep);line-height:1.15}
.tx-stats span{display:block;font-size:.9rem;color:var(--muted);line-height:1.45;margin-top:.15rem}
.tx-cards{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.2rem}
.tx-card{position:relative;border-radius:1rem}
.tx-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(10,28,18,.16)}
.tx-card strong{font-size:1.22rem}
.tx-card em{display:flex;align-items:center;gap:.4rem;color:var(--mid)}
.tx-card em::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--shallow)}
.tx-chip{position:absolute;top:.65rem;left:.65rem;font-style:normal;font-size:.74rem;font-weight:600;line-height:1;padding:.36rem .6rem;border-radius:999px;background:rgba(27,106,54,.72);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tx-chip--85{background:var(--sun);color:#3b2a00}
.tx-card.tx-card--cta{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(160deg,#268040 0%,#24803f 100%);border-color:var(--deep);padding:1.2rem 0}
.tx-card--cta strong{color:#fff;font-size:1.3rem;line-height:1.3;margin-top:0}
.tx-card--cta span{color:#d3e6d2;display:block!important;margin-top:.4rem}
.tx-card--cta em{color:var(--sun);font-size:.92rem;margin-top:1rem;margin-bottom:0}
.tx-card--cta em::before{display:none}
.tx-card--cta em::after{content:"\2192"}
.tx-split{gap:1.2rem;margin-top:3rem}
.tx-split>div{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--shallow);border-radius:1rem;padding:1.4rem 1.6rem .6rem}
.tx-split>div:first-child{border-top-color:var(--lat)}
.tx-split .tx-section-title{margin:0 0 .1rem;font-size:1.4rem}
.tx-links li:last-child{border-bottom:0}
.tx-links a{padding-right:2rem}
.tx-links a::after{content:"\2192";position:absolute;right:.3rem;top:.72rem;color:var(--muted)}
.tx-links a:hover::after{transform:translateX(4px);color:var(--lat)}

/* Dong tep: bo cuc o */
.tx-top{border-radius:1.2rem;margin-bottom:1.6rem}
.tx-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.tx-sec{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:1rem;padding:1.4rem 1.6rem 1.3rem}
.tx-sec>h2{display:flex;align-items:center;gap:.65rem;font-size:1.32rem;margin:0 0 .75rem!important}
.tx-sec>h2::before{content:"";flex:none;width:.45rem;height:1.3rem;border-radius:.25rem;background:var(--shallow)}
.tx-sec>:last-child{margin-bottom:0!important}
.tx-sec--wide{grid-column:1/-1}
.tx-sec--id{background:none;border:0;padding:.2rem .2rem 0}
.tx-sec--id p{font-size:1.14rem;line-height:1.7;max-width:60rem;color:#24392b}
.tx-sec--specs{background:none;border:0;padding:.4rem 0 0}
.tx-sec--specs>h2{padding-left:.2rem}
.tx-sec--specs .tx-specs{grid-template-columns:repeat(4,minmax(0,1fr));margin:0!important}
.tx-specs li{border-radius:.85rem;border-top-width:3px}
.tx-sec--warn{background:#fdf5f2;border-color:#edd3ca}
.tx-sec--warn>h2::before{background:var(--lat)}
.tx-sec--warn li::marker{color:var(--lat)!important}
.tx-sec--warn ol{columns:2 24rem;column-gap:3rem}
.tx-sec--warn ol li{break-inside:avoid}
.tx-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1.2rem}
.tx-more a{display:block;background:var(--deep);color:#fff;text-decoration:none;border-radius:1rem;padding:1.1rem 1.4rem 1.2rem}
.tx-more a span{display:block;font-size:.84rem;color:var(--pale)}
.tx-more a strong{display:block;font-family:var(--cassiopeia-font-family-headings);font-size:1.12rem;font-weight:600;line-height:1.35;margin-top:.15rem}
.tx-more a:hover{background:var(--mid);transform:translateY(-3px);box-shadow:0 14px 28px rgba(10,28,18,.2)}
@media (max-width:1199.98px){.tx-sec--specs .tx-specs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767.98px){
  .tx-top .tx-fig img{height:auto}
  .tx-top .tx-fig figcaption{padding:.5rem 1.2rem 0}
  .tx-bento,.tx-more{grid-template-columns:1fr;gap:.9rem}
  .tx-sec{padding:1.15rem 1.1rem}
  .tx-sec--id,.tx-sec--specs{padding-inline:0}
  .tx-specs,.tx-sec--specs .tx-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .tx-specs li{padding:.6rem .75rem .7rem}
  .tx-specs strong{font-size:1rem}
  .tx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tx-stats li{padding:.85rem 1rem}
  .tx-stats li:nth-child(odd){border-left:0}
  .tx-stats li:nth-child(n+3){border-top:1px solid var(--line)}
  .tx-stats b{font-size:1.3rem}
  .tx-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .tx-card strong{font-size:1rem;margin:.65rem .75rem .1rem}
  .tx-card span{display:none}
  .tx-card--cta span{font-size:.8rem;margin:.3rem .75rem 0}
  .tx-card--cta strong{font-size:1.02rem}
  .tx-card--cta em{margin-top:.6rem}
  .tx-card em{margin:.2rem .75rem .75rem;font-size:.76rem}
  .tx-chip{top:.45rem;left:.45rem;font-size:.68rem;padding:.3rem .5rem}
  .tx-split>div{padding:1.1rem 1.1rem .4rem}
  .tx-hero--overlay .tx-hero__text{background:linear-gradient(180deg,rgba(36,128,63,.9) 0%,rgba(36,128,63,.72) 100%)}
}

/* Huong dan: thanh tien do 10 buoc */
.tx-guide .tx-step{display:block;background:none;color:var(--mid);padding:0;border-radius:0;font-size:.9rem;max-width:52rem;margin-bottom:1.2rem!important}
.tx-guide .tx-step::after{content:"";display:block;height:.45rem;margin-top:.5rem;border-radius:99px;background:linear-gradient(90deg,var(--shallow) calc(var(--n,1)*10%),#dce7e4 0);-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 4px),transparent 0 10%);mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 4px),transparent 0 10%)}
.itemid-119{--n:1}.itemid-120{--n:2}.itemid-121{--n:3}.itemid-122{--n:4}.itemid-123{--n:5}.itemid-124{--n:6}.itemid-125{--n:7}.itemid-126{--n:8}.itemid-127{--n:9}.itemid-128{--n:10}
.tx-stepnav a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(10,28,18,.12)}

/* Cot ben: cac trang cung muc */
.container-sidebar-right{padding-top:1.1rem}
.container-sidebar-right .sidebar-right.card{position:sticky;top:5.6rem;border:1px solid var(--line);border-radius:1rem;background:var(--paper);box-shadow:none;overflow:hidden;margin:0}
.container-sidebar-right .card-header{background:none;border:0;padding:1.1rem 1.25rem .35rem;font-family:var(--cassiopeia-font-family-body);font-size:.86rem;font-weight:600;color:var(--muted)}
.container-sidebar-right .card-body{padding:.2rem .6rem .8rem}
.container-sidebar-right .mod-menu{display:block;margin:0;padding:0;list-style:none}
.container-sidebar-right .mod-menu li{margin:0;padding:0;display:block}
.container-sidebar-right .mod-menu a{display:block;padding:.48rem .7rem;border-radius:.55rem;color:var(--ink);text-decoration:none;font-size:.93rem;line-height:1.4}
.container-sidebar-right .mod-menu a:hover{background:#e6f3e2;color:var(--mid)}
.container-sidebar-right .mod-menu li.current>a{background:var(--deep);color:#fff;font-weight:600}
.tx-fix .container-sidebar-right .mod-menu li.current>a{background:var(--lat-dark)}

/* Footer */
.container-footer .grid-child{padding-top:2.6rem;padding-bottom:1.4rem}
.tx-foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:1.8rem 2.4rem;font-size:.93rem;line-height:1.6}
.tx-foot-brand strong{display:block;font-family:var(--cassiopeia-font-family-headings);font-size:1.5rem;color:#fff;line-height:1.2}
.tx-foot-brand p{margin:.5rem 0 0;max-width:22rem;color:#e0eede}
.tx-foot h3{font-family:var(--cassiopeia-font-family-body);font-size:.86rem;font-weight:600;color:var(--pale);margin:.3rem 0 .6rem}
.tx-foot ul{list-style:none;margin:0;padding:0}
.tx-foot li{margin:0 0 .35rem}
.tx-foot a{color:#dfebdc;text-decoration:none}
.tx-foot a:hover{color:#fff;text-decoration:underline}
.tx-foot-copy{grid-column:1/-1;margin:.4rem 0 0;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.13);font-size:.85rem;color:#cfe3cc}
@media (max-width:767.98px){.tx-foot{grid-template-columns:1fr 1fr}.tx-foot-brand{grid-column:1/-1}}
/* v3-fix1 */
.tx-guide .com-content-article__body>ol{overflow:visible}
@media (min-width:992px){.container-sidebar-right{padding-top:3.5rem}}
@media (max-width:991.98px){.container-sidebar-right{padding:0 0 2.5rem}.container-sidebar-right .sidebar-right.card{position:static}}
/* v3-fix2 */
.tx-sec--specs .tx-specs+*{margin-top:1.2rem!important}
/* v3-logo */
.container-header .navbar-brand{position:relative;padding-left:3.7rem!important;background:url(/images/tepxinh/logo-v4-192.webp) left center/3.05rem 3.05rem no-repeat}
.container-header .brand-logo::before{display:none}
.container-header .brand-logo::after{content:"";position:absolute;inset:0}
.container-header .site-description{margin-left:0}
@media (max-width:991.98px){.container-header .navbar-brand{padding-left:3.3rem!important;background-size:2.7rem 2.7rem}}
.tx-foot-brand::before{content:"";display:block;width:5.5rem;height:5.5rem;margin-bottom:.9rem;background:url(/images/tepxinh/logo-v4-192.webp) center/cover no-repeat;border-radius:50%}
/* v3-stats2 */
.tx-stats{background:none;border:0;border-radius:0;overflow:visible;gap:1rem;margin:-.4rem 0 0!important}
.tx-stats li,.tx-stats li:first-child{position:relative;overflow:hidden;display:grid;grid-template-columns:3.1rem minmax(0,1fr);column-gap:.95rem;align-content:start;padding:1.2rem 1.25rem 1.25rem;border:1px solid var(--line)!important;border-radius:1.1rem;background:linear-gradient(155deg,var(--tint) 0%,#fff 62%);box-shadow:0 6px 18px rgba(10,28,18,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;--acc:var(--mid);--tint:#dcecd9;--ico:#fff}
.tx-stats li:nth-child(2){--acc:var(--shallow);--tint:#e4f3d8}
.tx-stats li:nth-child(3){--acc:var(--lat);--tint:#f8e3dc}
.tx-stats li:nth-child(4){--acc:var(--sun);--tint:#fbefd0;--ico:#3b2a00}
.tx-stats li:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(10,28,18,.14);border-color:var(--acc)!important}
.tx-stats li::before{content:"";grid-row:1 / span 2;width:3.1rem;height:3.1rem;border-radius:.9rem;background:var(--acc);box-shadow:0 6px 14px rgba(10,28,18,.16)}
.tx-stats li::after{content:"";position:absolute;left:1.25rem;top:1.2rem;width:3.1rem;height:3.1rem;background:var(--ico);-webkit-mask:var(--i) center/1.6rem 1.6rem no-repeat;mask:var(--i) center/1.6rem 1.6rem no-repeat}
.tx-stats li:nth-child(1){--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%203h12M6%2021h12M7%203v3a5%205%200%200%200%202%204l3%202%203-2a5%205%200%200%200%202-4V3M7%2021v-3a5%205%200%200%201%202-4l3-2%203%202a5%205%200%200%201%202%204v3'%2F%3E%3C%2Fsvg%3E")}
.tx-stats li:nth-child(2){--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2021s-7-6.2-7-11.5a7%207%200%200%201%2014%200C19%2014.8%2012%2021%2012%2021z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'9.5'%20r%3D'2.5'%2F%3E%3C%2Fsvg%3E")}
.tx-stats li:nth-child(3){--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'black'%3E%3Ccircle%20cx%3D'5.5'%20cy%3D'5.5'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18.5'%20cy%3D'5.5'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'5.5'%20cy%3D'18.5'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18.5'%20cy%3D'18.5'%20r%3D'2.5'%2F%3E%3C%2Fsvg%3E")}
.tx-stats li:nth-child(4){--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203s6%206.3%206%2011a6%206%200%200%201-12%200c0-4.7%206-11%206-11z'%2F%3E%3Cpath%20d%3D'M9.5%2014.5a2.5%202.5%200%200%200%202.5%202.5'%2F%3E%3C%2Fsvg%3E")}
.tx-stats b{font-size:1.38rem;line-height:1.2;align-self:end}
.tx-stats span{font-size:.92rem;line-height:1.5;margin-top:.3rem;color:#43554a}
@media (max-width:1199.98px){.tx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767.98px){
  .tx-stats{gap:.7rem}
  .tx-stats li,.tx-stats li:first-child{grid-template-columns:1fr;padding:1rem 1rem 1.05rem;border-top:1px solid var(--line)!important}
  .tx-stats li::before{grid-row:auto;width:2.6rem;height:2.6rem;border-radius:.75rem;margin-bottom:.7rem}
  .tx-stats li::after{left:1rem;top:1rem;width:2.6rem;height:2.6rem;-webkit-mask-size:1.35rem 1.35rem;mask-size:1.35rem 1.35rem}
  .tx-stats b{font-size:1.12rem}
  .tx-stats span{font-size:.86rem}
}
/* v3-statlink */
.tx-stats b a{color:inherit;text-decoration:none}
.tx-stats b a::after{content:"";position:absolute;inset:0;z-index:2}
.tx-stats b a::before{content:"\2192";position:absolute;right:1rem;bottom:.7rem;font-family:var(--cassiopeia-font-family-body);font-size:1.05rem;font-weight:600;color:var(--acc);opacity:.55;transition:transform .18s ease,opacity .18s ease}
.tx-stats li:nth-child(4) b a::before{color:#a87a10}
.tx-stats li:hover b a::before{transform:translateX(4px);opacity:1}
.tx-stats li:hover b a{color:var(--mid)}
.tx-stats li:focus-within{outline:3px solid var(--sun);outline-offset:2px}
.tx-stats b a:focus-visible{outline:0}
.tx-stats span{padding-bottom:.9rem}
/* v3-banner */
.tx-hero--overlay .tx-hero__img{object-position:right center}
.tx-hero--overlay .tx-hero__text{background:linear-gradient(90deg,rgba(36,128,63,.95) 0%,rgba(36,128,63,.88) 58%,rgba(36,128,63,0) 100%)}
@media (max-width:767.98px){.tx-hero--overlay .tx-hero__img{object-position:88% center}.tx-hero--overlay .tx-hero__text{background:linear-gradient(180deg,rgba(36,128,63,.9) 0%,rgba(36,128,63,.68) 100%)}}
/* v3-banner-m */
@media (max-width:991.98px){
  .tx-hero.tx-hero--overlay{display:flex;flex-direction:column;min-height:0}
  .tx-hero--overlay .tx-hero__img{position:static;order:0;width:100%;height:clamp(10rem,46vw,16rem);max-height:none;object-fit:cover;object-position:right center}
  .tx-hero--overlay .tx-hero__text{min-height:0;max-width:none;background:var(--deep);padding:1.3rem 1.2rem 1.4rem}
  .tx-hero--overlay h1,.tx-hero--overlay p{text-shadow:none}
}
@media (min-width:768px) and (max-width:991.98px){.tx-hero--overlay .tx-hero__text{padding:1.6rem 1.8rem 1.7rem}}
@media (min-width:992px) and (max-width:1199.98px){.tx-hero--overlay .tx-hero__text{max-width:33rem;padding-right:3rem}}
/* v3-bright */
.tx-path .tx-ms strong,.tx-facts div:last-child dd,.tx-card--cta em{color:#ffe08a}
/* v3-cta-wide */
@media (min-width:1200px){
.tx-cards li:not(:nth-child(4n)):has(>.tx-card--cta){grid-column:1/-1}
.tx-cards li:not(:nth-child(4n)):has(>.tx-card--cta)>.tx-card--cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1.5rem;padding:1.3rem 1.6rem}
.tx-cards li:not(:nth-child(4n)):has(>.tx-card--cta)>.tx-card--cta strong{grid-column:1;margin:0;font-size:1.35rem}
.tx-cards li:not(:nth-child(4n)):has(>.tx-card--cta)>.tx-card--cta span{grid-column:1;margin:.3rem 0 0}
.tx-cards li:not(:nth-child(4n)):has(>.tx-card--cta)>.tx-card--cta em{grid-column:2;grid-row:1 / span 2;margin:0;background:rgba(255,255,255,.14);border-radius:999px;padding:.6rem 1.2rem;font-size:.95rem;white-space:nowrap}
}
@media (min-width:768px) and (max-width:1199.98px){
.tx-cards li:has(>.tx-card--cta){grid-column:1/-1}
.tx-cards li:has(>.tx-card--cta)>.tx-card--cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1.5rem;padding:1.3rem 1.6rem}
.tx-cards li:has(>.tx-card--cta)>.tx-card--cta strong{grid-column:1;margin:0;font-size:1.35rem}
.tx-cards li:has(>.tx-card--cta)>.tx-card--cta span{grid-column:1;margin:.3rem 0 0}
.tx-cards li:has(>.tx-card--cta)>.tx-card--cta em{grid-column:2;grid-row:1 / span 2;margin:0;background:rgba(255,255,255,.14);border-radius:999px;padding:.6rem 1.2rem;font-size:.95rem;white-space:nowrap}
}
@media (max-width:767.98px){.tx-cards li:nth-child(odd):has(>.tx-card--cta){grid-column:1/-1}}
/* ===== v3-nav8: 8 muc menu ===== */
@media (min-width:992px){
.container-header .mod-menu{flex-wrap:nowrap;gap:0}
.container-header .mod-menu>li{white-space:nowrap}
.container-header .mod-menu>li>a,.container-header .mod-menu>li>button,.container-header .mod-menu>li>span{font-size:.84rem;padding:.5rem .38rem!important;gap:.25rem}
}
@media (min-width:992px) and (max-width:1423.98px){
.container-header{column-gap:1rem}
.container-header .mod-menu>li>a,.container-header .mod-menu>li>button,.container-header .mod-menu>li>span{font-size:.78rem;padding:.5rem .25rem!important;gap:.2rem}
}
@media (min-width:992px) and (max-width:1199.98px){
.container-header{padding-inline:1.5rem;row-gap:0}
.container-header .navbar-brand{padding-bottom:.35rem}
.container-header>.container-nav{padding-bottom:.4rem}
}
@media (min-width:1280px) and (max-width:1423.98px){
.container-header .mod-menu>li>a,.container-header .mod-menu>li>button,.container-header .mod-menu>li>span{font-size:.82rem;padding:.5rem .3rem!important}
}
/* v3-gear: trang Thiet bi va phu kien */
.tx-gear{display:block}
.tx-gear .tx-sec{margin-bottom:1.2rem}
.tx-gear .tx-sec ul{list-style:none;margin:.7rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem .8rem}
.tx-gear .tx-sec li{margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;font-size:.86rem;line-height:1.35;font-weight:600}
.tx-gear .tx-sec li::before,.tx-gear .tx-sec li::marker{content:none}
.tx-gear .tx-sec li img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:.7rem;border:1px solid var(--line);background:#fff}
.tx-gear .tx-sec li a{display:flex;flex-direction:column;gap:.45rem;text-decoration:none;font-weight:600}
.tx-gear .tx-sec li a:hover span{text-decoration:underline}
@media (max-width:639px){.tx-gear .tx-sec ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v3-map: ban do Google */
.tx-map{margin:1.2rem 0 1.4rem}
.tx-map iframe{display:block;width:100%;height:400px;border:1px solid var(--line);border-radius:1rem}
.tx-map figcaption{margin-top:.5rem;font-size:.86rem;line-height:1.45;opacity:.8}
@media (max-width:639px){.tx-map iframe{height:300px}}
/* v3-map-clip: an thanh tieu de (ten chu so huu) cua ban do My Maps */
.tx-map__clip{position:relative;overflow:hidden;height:400px;border:1px solid var(--line);border-radius:1rem}
.tx-map__clip iframe{position:absolute;left:0;top:-58px;width:100%;height:calc(100% + 58px);border:0;border-radius:0}
@media (max-width:639px){.tx-map__clip{height:320px}}
/* v3-hoavan: hinh doi tu dong */
.tx-fig--hoavan img,.tx-fig--mausac img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}
.tx-fig--hoavan figcaption,.tx-fig--mausac figcaption{text-align:center}
/* v3-path2: so do 10 buoc dung span co class (khong bi trinh soan thao lam hong) */
.tx-path .tx-n{display:grid;place-items:center;width:3rem;height:3rem;margin:0 auto .75rem;border-radius:50%;background:#24803f;border:3px solid var(--pale);font-family:var(--cassiopeia-font-family-headings);font-size:1.25rem;font-weight:700;line-height:1;color:#fff;transition:background .15s,border-color .15s}
.tx-path .tx-t{display:block;font-weight:600;font-size:1rem;line-height:1.35;color:#fff}
.tx-path .tx-d{display:block;font-size:.86rem;line-height:1.45;color:#e0eede;margin-top:.3rem}
.tx-path a:hover .tx-n,.tx-path a:focus .tx-n{background:var(--shallow);border-color:#fff}
.tx-path a:hover .tx-t{text-decoration:underline;text-underline-offset:.2em}
.tx-path .tx-ms .tx-n{background:var(--lat);border-color:#fff}
.tx-path .tx-ms .tx-t{color:#ffe08a}
@media (max-width:991.98px){.tx-path .tx-n{grid-row:1 / span 2;margin:0}.tx-path .tx-t{align-self:end}.tx-path .tx-d{align-self:start;margin-top:.1rem}}
/* v3-meta: nhan cap do va ngay cap nhat */
.tx-meta{font-size:.84rem;color:var(--cassiopeia-color-text,#55655a);opacity:.8;margin:.2rem 0 1rem}

/* v4-entry: lối vào Tép Cơ Bản / Tép Nâng Cao */
.tx-entry{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem;margin:2.5rem 0 1rem}
.tx-entry__card{display:flex;flex-direction:column;gap:.45rem;padding:1.4rem 1.5rem;border:1px solid var(--line);border-left:5px solid var(--shallow);border-radius:.6rem;background:var(--mist);color:var(--ink);text-decoration:none;transition:box-shadow .15s,transform .15s}
.tx-entry__card--nang-cao{border-left-color:var(--lat)}
.tx-entry__card:hover{box-shadow:0 6px 18px rgba(22,36,27,.12);transform:translateY(-2px);color:var(--ink)}
.tx-entry__tag{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.tx-entry__card strong{font-family:var(--cassiopeia-font-family-headings);font-size:1.45rem;color:var(--deep)}
.tx-entry__card--nang-cao strong{color:var(--lat-dark)}
.tx-entry__desc{color:var(--muted);line-height:1.55}
.tx-entry__go{margin-top:auto;padding-top:.4rem;font-weight:600;color:var(--mid)}
.tx-entry__card--nang-cao .tx-entry__go{color:var(--lat)}
@media (max-width:575.98px){.tx-entry{margin-top:1.75rem}.tx-entry__card{padding:1.1rem 1.15rem}}

/* v4-menu-divider: tách 10 bước và nhóm bài mới trong menu Tép Cơ Bản */
.mod-menu li.item-159{border-top:1px solid #b9c9b2;margin-top:.4rem;padding-top:.4rem}

/* v4-cta-text: chữ mô tả trên thẻ "Chưa biết chọn dòng nào?" */
.tx-cards .tx-card.tx-card--cta{color:#e3f1df}
@media (max-width:767.98px){.tx-cards .tx-card.tx-card--cta{padding-left:1.25rem;padding-right:1.25rem}.tx-cards .tx-card.tx-card--cta strong,.tx-cards .tx-card.tx-card--cta em{margin-left:0;margin-right:0}}

/* v4-ads: quang cao tu dong chen vao luoi/danh sach -> chiem tron mot hang */
ul>.google-auto-placed,ol>.google-auto-placed,[class*="tx-"]>.google-auto-placed{grid-column:1/-1!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;list-style:none;margin:.6rem 0!important}
.google-auto-placed[data-ad-status="unfilled"],.google-auto-placed:has(> ins[data-ad-status="unfilled"]){display:none!important}


/* v4-cardpad: chữ mô tả trong thẻ không sát khung */
.tx-cards .tx-card{padding:0 1.1rem;font-size:.93rem;line-height:1.55;color:var(--muted)}
.tx-cards .tx-card img{width:calc(100% + 2.2rem);max-width:none;margin:0 -1.1rem}
.tx-cards .tx-card strong,.tx-cards .tx-card em{margin-left:0;margin-right:0}
.tx-cards .tx-card.tx-card--cta{padding:1.2rem 1.1rem}
@media (max-width:767.98px){
.tx-cards .tx-card{padding:0 .75rem;font-size:.85rem;line-height:1.45}
.tx-cards .tx-card img{width:calc(100% + 1.5rem);margin:0 -.75rem}
.tx-cards .tx-card.tx-card--cta{padding:1rem .75rem}
}


/* v5-region: tab chọn miền trên trang Thiết bị và phụ kiện */
.tx-region{display:flex;gap:.5rem;margin:1.4rem 0 .5rem;flex-wrap:wrap}
.tx-region button{flex:1 1 0;min-width:6rem;border:1px solid var(--line);background:var(--mist);color:var(--deep);font:inherit;font-weight:600;border-radius:999px;padding:.6rem 1rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.tx-region button:hover{border-color:var(--shallow)}
.tx-region button.is-on{background:var(--deep);border-color:var(--deep);color:#fff}
.tx-region-note{font-size:.88rem;color:var(--muted);margin:0 0 1.2rem}
.tx-region button{white-space:nowrap}
@media (max-width:767.98px){.tx-region{gap:.35rem}.tx-region button{padding:.55rem .3rem;font-size:.9rem;min-width:0}}


/* ===== v6-modern: giao diện hiện đại (giữ màu, đổi kiểu dáng) ===== */
:root{
  --cassiopeia-font-family-headings:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--cassiopeia-font-weight-headings:700;
  --tx-bg:#f6f8f5;--tx-shadow:0 1px 2px rgba(16,40,24,.05),0 8px 24px rgba(16,40,24,.07);--tx-shadow-hi:0 2px 4px rgba(16,40,24,.06),0 18px 40px rgba(16,40,24,.13);--tx-r:1.25rem;
}
body.site{background:var(--tx-bg)!important}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{font-family:var(--cassiopeia-font-family-headings);font-weight:700;letter-spacing:-.02em}
.com-content-article .page-header h1,.tx-hero h1{font-weight:700;letter-spacing:-.03em;line-height:1.12}
.tx-section-title{font-weight:700;letter-spacing:-.025em}

/* Header: trắng, mỏng, kính mờ */
.container-header{background:rgba(255,255,255,.86)!important;background-image:none!important;-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(16,40,24,.08);box-shadow:0 1px 0 rgba(16,40,24,.03)}
.container-header .brand-logo,.container-header .brand-logo:hover{color:var(--deep)!important;font-family:var(--cassiopeia-font-family-headings);font-weight:700;letter-spacing:-.03em}
.container-header .site-description{color:var(--muted)}
.container-header .mod-menu>li>a,.container-header .mod-menu>li>button,.container-header .mod-menu>li>span{color:var(--ink);border-radius:999px}
.container-header .mod-menu>li>a:hover,.container-header .mod-menu>li>button:hover,.container-header .mod-menu>li>button[aria-expanded="true"]{background:#e9f4e5;color:var(--deep)}
.container-header .mod-menu>li.active>a,.container-header .mod-menu>li.current>a,.container-header .mod-menu>li.active>button{background:var(--deep);color:#fff}
.container-header .mod-menu .mm-collapse{border:1px solid rgba(16,40,24,.08);border-top:1px solid rgba(16,40,24,.08);border-radius:1rem;box-shadow:var(--tx-shadow-hi);padding:.5rem}
.container-header .mod-menu .mm-collapse>li>a{border-radius:.7rem}
.container-header .navbar-toggler{color:var(--deep);border:1px solid rgba(16,40,24,.14);border-radius:.8rem;background:#fff}
@media (max-width:991.98px){
  .container-header{position:sticky;top:0}
  .container-header .navbar-collapse.show,.container-header .navbar-collapse.collapsing{border-top:1px solid rgba(16,40,24,.08)}
  .container-header .mod-menu .mm-collapse{box-shadow:none;background:#f3f7f1}
}

/* Hero */
.tx-hero{border-radius:1.6rem;box-shadow:var(--tx-shadow-hi)}
.tx-btn{font-weight:600;padding:.8rem 1.5rem;box-shadow:0 6px 16px rgba(176,67,43,.28);transition:background .15s,transform .15s,box-shadow .15s}
.tx-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(176,67,43,.34)}
.tx-btn.tx-btn--ghost{box-shadow:none;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.08)}
@media (max-width:991.98px){.tx-hero--overlay .tx-hero__text{background:linear-gradient(160deg,#24803f 0%,#1b6a36 100%)}}

/* Thẻ, ô: bỏ viền, dùng bóng mềm */
.tx-card,.tx-split>div,.tx-entry__card,.tx-stats li,.tx-stats li:first-child,.tx-steps a{border:1px solid rgba(16,40,24,.06)!important;border-radius:var(--tx-r)!important;background:#fff;box-shadow:var(--tx-shadow)}
.tx-card:hover,.tx-entry__card:hover,.tx-stats li:hover,.tx-steps a:hover{box-shadow:var(--tx-shadow-hi);transform:translateY(-4px)}
.tx-card strong,.tx-entry__card strong,.tx-stats b{font-family:var(--cassiopeia-font-family-headings);font-weight:700;letter-spacing:-.02em}
.tx-card.tx-card--cta{background:linear-gradient(150deg,#2b8f48 0%,#1b6a36 100%)!important;border:0!important}
.tx-stats li,.tx-stats li:first-child{background:linear-gradient(160deg,var(--tint) 0%,#fff 55%)}

/* Lối vào Cơ Bản / Nâng Cao: bỏ viền trái, thêm nhãn dạng viên thuốc */
.tx-entry__card{padding:1.6rem 1.6rem 1.4rem;transition:box-shadow .18s,transform .18s}
.tx-entry__tag{align-self:flex-start;background:#e6f3e2;color:var(--deep);border-radius:999px;padding:.32rem .7rem;font-size:.72rem;letter-spacing:.06em}
.tx-entry__card--nang-cao .tx-entry__tag{background:#f8e6e0;color:var(--lat-dark)}
.tx-entry__go{display:inline-flex;align-items:center;gap:.35rem}

/* Hai cột danh sách: bỏ vạch màu trên */
.tx-split>div{border-top:1px solid rgba(16,40,24,.06)!important;padding:1.5rem 1.7rem .7rem}
.tx-split .tx-section-title{display:flex;align-items:center;gap:.6rem}

/* 10 bước: số trong vòng tròn thay cho viền trái */
.tx-steps a::before{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;min-width:2.2rem;border-radius:50%;background:#e6f3e2;color:var(--deep);font-family:var(--cassiopeia-font-family-headings);font-size:1rem;font-weight:700}
.tx-steps a:hover{color:var(--deep)}

/* Ghi chú, ảnh, bảng */
.tx-note{border-left:0;border-radius:1rem;background:#fdf6e4;box-shadow:inset 0 0 0 1px rgba(230,179,61,.35)}
.tx-fig img{border:0;border-radius:1.1rem;box-shadow:var(--tx-shadow)}
.com-content-article__body table{border:0;border-radius:1rem;box-shadow:var(--tx-shadow)}
.tx-top{border-radius:1.6rem}

/* Cột bên, footer */
.container-sidebar-right .card{border:1px solid rgba(16,40,24,.06);border-radius:var(--tx-r);box-shadow:var(--tx-shadow)}
.container-footer{border-top:0;background:linear-gradient(160deg,#30994e 0%,#268040 100%)!important}
.tx-footer strong{font-family:var(--cassiopeia-font-family-headings);font-weight:700;letter-spacing:-.02em}
.back-to-top-link{border-radius:999px!important;box-shadow:var(--tx-shadow-hi)}
.tx-stats strong a{text-decoration:none;letter-spacing:-.02em}
.tx-stats strong a:hover{color:var(--mid)}

/* v6-fix1: chữ menu trên nền trắng */
.container-header .mod-menu,.container-header .mod-menu>li>a,.container-header .mod-menu>li>button,.container-header .mod-menu>li>span{color:var(--ink)!important}
.container-header .mod-menu>li>a:hover,.container-header .mod-menu>li>button:hover,.container-header .mod-menu>li>button[aria-expanded="true"]{color:var(--deep)!important}
.container-header .mod-menu>li.active>a,.container-header .mod-menu>li.current>a,.container-header .mod-menu>li.active>button{color:#fff!important;background:var(--deep)!important}
.container-header .mod-menu .mm-collapse>li>a{color:var(--ink)!important}
.container-header .mod-menu .mm-collapse>li.active>a,.container-header .mod-menu .mm-collapse>li.current>a{color:var(--lat-dark)!important}

/* v6-fix2: thanh menu nền xanh nổi bật */
.container-header{background:linear-gradient(120deg,#30994e 0%,#24803f 60%,#1f7438 100%)!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;box-shadow:0 4px 20px rgba(16,40,24,.18)}
.container-header .brand-logo,.container-header .brand-logo:hover{color:#fff!important}
.container-header .site-description{color:#d6f2cc}
.container-header .mod-menu,.container-header .mod-menu>li>a,.container-header .mod-menu>li>button,.container-header .mod-menu>li>span{color:#fff!important}
.container-header .mod-menu>li>a:hover,.container-header .mod-menu>li>button:hover,.container-header .mod-menu>li>button[aria-expanded="true"]{background:rgba(255,255,255,.16)!important;color:#fff!important}
.container-header .mod-menu>li.active>a,.container-header .mod-menu>li.current>a,.container-header .mod-menu>li.active>button{background:#fff!important;color:var(--deep)!important}
.container-header .navbar-toggler{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
@media (max-width:991.98px){.container-header .navbar-collapse.show,.container-header .navbar-collapse.collapsing{border-top:1px solid rgba(255,255,255,.18)}.container-header .mod-menu .mm-collapse{background:#fff}}

/* v6-fix3: menu con trên điện thoại xổ xuống trong khung, không đè lên menu */
@media (max-width:991.98px){.container-header .mod-menu .mm-collapse{position:static!important;width:auto!important;min-width:0!important;max-width:none!important;margin:.25rem 0 .5rem!important;box-shadow:none!important}}
.container-header .mod-menu a{text-decoration:none!important}
@media (max-width:991.98px){.container-header .mod-menu>li{width:100%}.container-header .mod-menu .mm-collapse{width:100%!important}}

/* v6-fix4: bóng đổ dưới thanh menu, nhìn như khối nổi */
.container-header{position:sticky;top:0;z-index:1030;border-bottom:1px solid rgba(0,0,0,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 3px rgba(10,40,20,.25),0 8px 16px rgba(10,40,20,.28),0 20px 40px -6px rgba(10,40,20,.38)!important}

/* v6-shadow: bóng đổ cho mọi khối nội dung */
.tx-sec,.tx-more a,.tx-stepnav a,.container-sidebar-right .sidebar-right.card,.tx-errors,.tx-map__clip,.tx-top,.tx-hero{box-shadow:var(--tx-shadow)!important}
.tx-sec,.tx-more a,.tx-stepnav a,.container-sidebar-right .sidebar-right.card{border:1px solid rgba(16,40,24,.06)!important;border-radius:var(--tx-r)!important;background-color:#fff}
.tx-sec.tx-sec--warn{background-color:#fff8f5}
.tx-more a,.tx-stepnav a{transition:transform .18s ease,box-shadow .18s ease}
.tx-more a:hover,.tx-stepnav a:hover{transform:translateY(-3px);box-shadow:var(--tx-shadow-hi)!important}
.tx-guide .com-content-article,.tx-fix .com-content-article,.tx-intro .com-content-article,.tx-ref .com-content-article{border:1px solid rgba(16,40,24,.06)!important;border-radius:1.5rem!important;box-shadow:var(--tx-shadow)!important}
.tx-hero,.tx-top{box-shadow:var(--tx-shadow-hi)!important}
.tx-specs li{box-shadow:0 1px 2px rgba(16,40,24,.05),0 4px 12px rgba(16,40,24,.06)}

/* v6-sticky-m: thanh menu đứng yên khi cuộn trên điện thoại */
@media (max-width:991.98px){
.container-header{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1030!important}
.container-header .navbar-collapse.show{max-height:calc(100vh - 5rem);max-height:calc(100dvh - 5rem);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}

/* v6-fix5: trả lại nền xanh cho ô Xem thêm và nút Bước sau (chữ trắng) */
.tx-more a{background:linear-gradient(150deg,#2b8f48 0%,#1f7438 100%)!important;color:#fff!important;border:0!important}
.tx-more a:hover{background:linear-gradient(150deg,#33a052 0%,#24803f 100%)!important}
.tx-more a span{color:var(--pale)!important}.tx-more a strong{color:#fff!important}
.tx-stepnav a.tx-next{background:linear-gradient(150deg,#2b8f48 0%,#1f7438 100%)!important;color:#fff!important;border:0!important}
.tx-stepnav a.tx-next span{color:var(--pale)!important}

/* v6-fix6: khoảng cách trong khối Nhận dạng và Bảng thông số */
.tx-sec.tx-sec--id,.tx-sec.tx-sec--specs{padding:1.4rem 1.6rem 1.3rem!important}
.tx-sec--specs>h2{padding-left:0!important}
@media (max-width:767.98px){.tx-sec.tx-sec--id,.tx-sec.tx-sec--specs{padding:1.15rem 1.1rem!important}}

/* v7-inads: quảng cáo giữa các phần nội dung, kích thước cố định */
.tx-ad{display:block;list-style:none;margin:2rem 0;padding:0;text-align:center;clear:both}
.tx-ad.tx-ad--row{grid-column:1/-1;margin:.4rem 0}
.tx-ad::before,.tx-ad::marker{content:none!important}
.tx-ad__label{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8a978e;margin:0 0 .35rem}
.tx-ad__ins{display:inline-block!important;width:300px;height:250px;max-width:100%}
@media (min-width:768px){.tx-ad__ins{width:336px;height:280px}}
@media (min-width:992px){.tx-ad__ins{width:728px;height:90px}}
.tx-ad:has(ins[data-ad-status="unfilled"]){display:none!important}

/* v7-fix1: chữ "Quảng cáo" chỉ hiện khi Google đã đổ quảng cáo vào khung */
.tx-ad__label{visibility:hidden}
.tx-ad:has(ins[data-ad-status="filled"]) .tx-ad__label{visibility:visible}

/* v8-groups: trang chu nhom Tep mau / Tep ong */
.tx-home .container-component{padding-top:0}
.tx-home .mod-breadcrumbs__wrapper{display:none}
.itemid-190{--n:1}.itemid-191{--n:2}.itemid-192{--n:3}.itemid-193{--n:4}.itemid-194{--n:5}.itemid-195{--n:6}.itemid-196{--n:7}.itemid-197{--n:8}.itemid-198{--n:9}.itemid-199{--n:10}.itemid-255{--n:1}.itemid-256{--n:2}.itemid-257{--n:3}.itemid-258{--n:4}.itemid-259{--n:5}.itemid-260{--n:6}.itemid-261{--n:7}.itemid-262{--n:8}.itemid-263{--n:9}.itemid-264{--n:10}
@media (min-width:992px){.tx-cards.tx-cards--groups{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v8-switch: nut chuyen nhom tren menu */
.container-header .mod-menu>li>a.tx-switch{border:1px solid rgba(255,255,255,.7)!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border-radius:999px!important;padding:.35rem .9rem!important;margin-left:.35rem;font-weight:700}
.container-header .mod-menu>li>a.tx-switch:hover{background:#fff!important;color:#1f7438!important}
@media (max-width:991.98px){.container-header .mod-menu{display:flex;flex-direction:column}.container-header .mod-menu>li:has(>a.tx-switch){order:-1;display:inline-block}.container-header .mod-menu>li>a.tx-switch{display:inline-block;margin:.3rem 0}}

/* v9-homewidth */ .tx-home .com-content-article__body{max-width:none}
/* v9-brandlinks */ .container-header .site-description a{display:inline-block;padding:.15rem 0;color:inherit;text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.55)} .container-header .site-description a:hover,.container-header .site-description a:focus{color:#fff;border-bottom-style:solid} .container-header .site-description a.is-on{color:#fff;font-weight:700;border-bottom-color:transparent}
/* v10-brandcolors */ .container-header .site-description a{font-weight:700;border-bottom:2px solid transparent;opacity:.9} .container-header .site-description a[href='/tep-sulawesi']{color:#ffc4b3!important} .container-header .site-description a[href='/tep-mau']{color:#ffeb99!important} .container-header .site-description a[href='/tep-ong']{color:#bfe6ff!important} .container-header .site-description a:hover,.container-header .site-description a:focus{opacity:1;border-bottom-color:currentColor} .container-header .site-description a.is-on{opacity:1;border-bottom-color:currentColor}
/* v11-brandz: dua 3 link len tren lop phu cua logo */ .container-header .site-description{position:relative;z-index:3} .container-header .site-description a{position:relative;z-index:3}

/* v13-herophotos: banner trang chu la anh that cua 3 nhom, doi moi 5 giay */
.tx-hero--overlay.tx-hero--photos .tx-hero__img{object-position:center 45%;transition:opacity .6s ease}
@media (min-width:992px){.tx-hero--overlay.tx-hero--photos .tx-hero__img{left:auto;right:0;width:54%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}}
@media (prefers-reduced-motion:reduce){.tx-hero--overlay.tx-hero--photos .tx-hero__img{transition:none}}

/* v14-compare: bang so sanh ba nhom tren trang chu */
.tx-cmp-wrap{margin:1rem 0 2rem;border-radius:1rem;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(10,28,18,.08)}
.tx-cmp-wrap table.tx-cmp{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;font-size:.98rem;background:transparent}
.tx-cmp-wrap table.tx-cmp th,.tx-cmp-wrap table.tx-cmp td{padding:.85rem 1.1rem;border:0;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left;background:transparent;box-shadow:none;line-height:1.45}
.tx-cmp-wrap table.tx-cmp thead th{background:var(--deep);color:#fff;font-size:1.05rem;font-weight:700;padding:1rem 1.1rem;border-bottom:0}
.tx-cmp-wrap table.tx-cmp thead th:first-child{color:rgba(255,255,255,.72);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.tx-cmp-wrap table.tx-cmp thead a{color:inherit;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:.12rem}
.tx-cmp-wrap table.tx-cmp thead .tx-c-s{color:#ffc4b3}
.tx-cmp-wrap table.tx-cmp thead .tx-c-m{color:#ffeb99}
.tx-cmp-wrap table.tx-cmp thead .tx-c-o{color:#bfe6ff}
.tx-cmp-wrap table.tx-cmp tbody th{width:22%;font-weight:700;color:var(--deep);background:#f2f7f0}
.tx-cmp-wrap table.tx-cmp tbody td{width:26%}
.tx-cmp-wrap table.tx-cmp tbody tr:nth-child(even) td{background:#fafcf9}
.tx-cmp-wrap table.tx-cmp tbody tr:hover td{background:#eef6ec}
.tx-cmp-wrap table.tx-cmp tbody tr:last-child>*{border-bottom:0}
.tx-cmp-wrap table.tx-cmp small{display:block;font-size:.84em;color:#5d6f62;margin-top:.15rem}
.tx-lvl{display:inline-block;padding:.22rem .75rem;border-radius:999px;font-size:.88rem;font-weight:700;white-space:nowrap}
.tx-lvl--1{background:#e1f3e4;color:#1f7a3a}
.tx-lvl--2{background:#fff0d2;color:#8a5a00}
.tx-lvl--3{background:#fde3dc;color:#a63a24}
.tx-cmp-wrap a.tx-cmp__btn{display:inline-block;padding:.45rem 1rem;border-radius:999px;background:var(--deep);color:#fff;font-weight:600;font-size:.92rem;text-decoration:none;white-space:nowrap}
.tx-cmp-wrap a.tx-cmp__btn:hover,.tx-cmp-wrap a.tx-cmp__btn:focus{filter:brightness(1.15);color:#fff}
@media (max-width:767.98px){
.tx-cmp-wrap{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
.tx-cmp-wrap table.tx-cmp,.tx-cmp-wrap table.tx-cmp tbody,.tx-cmp-wrap table.tx-cmp tr,.tx-cmp-wrap table.tx-cmp th,.tx-cmp-wrap table.tx-cmp td{display:block;width:auto}
.tx-cmp-wrap table.tx-cmp thead{display:none}
/* v14-fix */.tx-cmp-wrap table.tx-cmp tbody td,.tx-cmp-wrap table.tx-cmp tbody th{width:auto}
.tx-cmp-wrap table.tx-cmp tbody tr{background:#fff;border:1px solid var(--line);border-radius:.9rem;margin:0 0 .75rem;overflow:hidden;box-shadow:0 6px 16px rgba(10,28,18,.06)}
.tx-cmp-wrap table.tx-cmp tbody th{width:auto;background:var(--deep);color:#fff;padding:.6rem 1rem;font-size:1rem;border-bottom:0}
.tx-cmp-wrap table.tx-cmp tbody td,.tx-cmp-wrap table.tx-cmp tbody tr:nth-child(even) td,.tx-cmp-wrap table.tx-cmp tbody tr:hover td{display:flex;gap:.75rem;align-items:baseline;padding:.6rem 1rem;background:#fff}
.tx-cmp-wrap table.tx-cmp tbody td::before{flex:0 0 6.6rem;font-weight:700;font-size:.88rem}
.tx-cmp-wrap table.tx-cmp td.tx-c-s::before{content:"Tép Sulawesi";color:#c2512f}
.tx-cmp-wrap table.tx-cmp td.tx-c-m::before{content:"Tép màu";color:#9a6f00}
.tx-cmp-wrap table.tx-cmp td.tx-c-o::before{content:"Tép ong";color:#2a6fb0}
.tx-cmp-wrap table.tx-cmp tbody tr>*:last-child{border-bottom:0}
.tx-cmp-wrap table.tx-cmp tbody tr.tx-cmp__go td{display:block;padding:.45rem 1rem;border-bottom:0}
.tx-cmp-wrap table.tx-cmp tr.tx-cmp__go td:last-child{padding-bottom:.9rem}
.tx-cmp-wrap table.tx-cmp tr.tx-cmp__go td::before{content:none}
.tx-cmp-wrap table.tx-cmp tr.tx-cmp__go th{margin-bottom:.45rem}
.tx-cmp-wrap a.tx-cmp__btn{display:block;text-align:center;padding:.6rem 1rem}
}

/* v15-specs-table: Bang thong so tren trang dong tep, trinh bay giong Bang thong so tong hop */
.tx-sec--specs ul.tx-specs{display:grid;grid-template-columns:minmax(8.5rem,16rem) minmax(0,1fr);gap:0;margin:.5rem 0 0!important;padding:0!important;list-style:none;background:#fff;border:0;border-radius:1rem;overflow:hidden;box-shadow:0 1px 2px rgba(16,40,24,.05),0 8px 24px rgba(16,40,24,.07);font-size:.94rem;line-height:1.75}
.tx-sec--specs ul.tx-specs::before,.tx-sec--specs ul.tx-specs::after{display:block;background:var(--deep);color:#fff;font-weight:600;font-size:.9rem;padding:.5rem .8rem;border-bottom:1px solid var(--line)}
.tx-sec--specs ul.tx-specs::before{content:"Thông số";order:-2}
.tx-sec--specs ul.tx-specs::after{content:"Khuyến nghị";order:-1}
.tx-sec--specs ul.tx-specs li{grid-column:1/-1;display:grid;grid-template-columns:minmax(8.5rem,16rem) minmax(0,1fr);margin:0;padding:0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
.tx-sec--specs ul.tx-specs li:nth-child(even){background:#f3f8f1}
.tx-sec--specs ul.tx-specs li:last-child{border-bottom:0}
.tx-sec--specs ul.tx-specs li>span,.tx-sec--specs ul.tx-specs li>strong{display:block;margin:0;padding:.5rem .8rem;font-family:inherit;font-size:inherit;line-height:inherit}
.tx-sec--specs ul.tx-specs li>span{color:var(--deep);font-weight:600}
.tx-sec--specs ul.tx-specs li>strong{color:inherit;font-weight:400}
@media (max-width:767.98px){.tx-sec--specs ul.tx-specs,.tx-sec--specs ul.tx-specs li{grid-template-columns:minmax(6.8rem,34%) minmax(0,1fr)}
.tx-sec--specs ul.tx-specs li>span,.tx-sec--specs ul.tx-specs li>strong{padding:.5rem .7rem}}

/* v18-facts: khoi anh + mo ta dong tep thap hon; nhan va noi dung cung mot dong */
.tx-facts{gap:.5rem;padding:1.3rem 1.6rem}
.tx-facts>div{line-height:1.5}
.tx-facts dt,.tx-facts dd{display:inline}
.tx-facts dt{font-size:.88rem;font-weight:600}
.tx-facts dt::after{content:":\00a0"}
.tx-facts dd{font-size:.98rem}
@media (min-width:768px){
.tx-top{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.tx-top .tx-fig{min-height:20rem}
.tx-top .tx-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
}
@media (max-width:767.98px){
.tx-facts{padding:1rem 1.1rem 1.1rem;gap:.4rem}
}