/* Thiên Nam – Product Trust System
 * v1.10.97 PREPROD — đồng bộ cỡ chữ nội dung với typography toàn website.
 * Component độc lập, chỉ dùng trên trang Sản phẩm.
 */
body.tn-page-san-pham .tn-product-trust{background:#fbf8ef;padding:0 0 58px;color:#173f2d}
body.tn-page-san-pham .tn-product-trust .container{max-width:1180px}
body.tn-page-san-pham .tn-trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;border-top:.5px solid rgba(23,63,45,.12);border-bottom:.5px solid rgba(23,63,45,.12);background:rgba(255,255,255,.42);min-height:70px}
body.tn-page-san-pham .tn-trust-strip-item{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:15px 18px;font-size:13px;font-weight:650;letter-spacing:.005em;color:#274a3a;text-align:center}
body.tn-page-san-pham .tn-trust-strip-item:not(:last-child)::after{content:"";position:absolute;right:0;top:22%;height:56%;border-right:.5px solid rgba(23,63,45,.10)}
body.tn-page-san-pham .tn-trust-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:0 0 25px;color:#b2873d}
body.tn-page-san-pham .tn-trust-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
body.tn-page-san-pham .tn-trust-journey{padding-top:45px}
body.tn-page-san-pham .tn-trust-heading{max-width:720px;margin:0 0 27px;text-align:left}
body.tn-page-san-pham .tn-trust-heading>span{display:block;margin-bottom:7px;color:#b2873d;font-size:10px;font-weight:800;letter-spacing:.17em}
body.tn-page-san-pham .tn-trust-heading h2{margin:0;color:#173f2d;font-family:var(--tn-font-display);font-size:31px;font-weight:600;line-height:1.2}
body.tn-page-san-pham .tn-trust-heading p{margin:10px 0 0;max-width:680px;color:#607066;font-size:var(--tn-type-body);line-height:var(--tn-line-body)}
body.tn-page-san-pham .tn-trust-flow{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:14px;
 align-items:stretch;
}
body.tn-page-san-pham .tn-trust-step{
 position:relative;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 min-width:0;
 min-height:168px;
 padding:18px 22px 16px;
 box-sizing:border-box;
 text-decoration:none!important;
 color:inherit!important;
 background:#fff;
 border:1px solid var(--tn-card-border,rgba(23,63,45,.14));
 border-radius:18px;
 box-shadow:none;
 text-align:left;
 transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
body.tn-page-san-pham .tn-trust-step:hover{
 background:#fff;
 border-color:var(--tn-card-border-hover,rgba(178,135,61,.42));
 transform:translateY(-2px);
 box-shadow:var(--tn-card-shadow,0 10px 26px rgba(23,63,45,.06));
}
body.tn-page-san-pham .tn-trust-step-number{
 display:block;
 width:auto;
 height:auto;
 margin:0 0 12px;
 padding:0;
 border-radius:0;
 background:transparent;
 color:var(--tn-card-number-color,#d8871b);
 font-family:var(--tn-font-ui);
 font-size:var(--tn-card-number-size,12.5px);
 line-height:1.2;
 font-weight:700;
 letter-spacing:.08em;
}
body.tn-page-san-pham .tn-trust-step-copy{
 display:flex;
 flex:1 1 auto;
 min-width:0;
 width:100%;
 flex-direction:column;
 align-items:flex-start;
 text-align:left;
}
body.tn-page-san-pham .tn-trust-step-copy strong{
 display:block;
 margin:0 0 10px;
 font-family:var(--tn-font-ui);
 font-size:var(--tn-card-title-size,18px);
 line-height:var(--tn-card-title-line,1.3);
 font-weight:700;
 color:var(--tn-card-title-color,#083f2f);
 letter-spacing:0;
 word-spacing:normal;
}
body.tn-page-san-pham .tn-trust-step-copy small{
 display:block;
 margin:0;
 font-family:var(--tn-font-ui);
 font-size:var(--tn-card-copy-size,15px);
 line-height:var(--tn-card-copy-line,1.6);
 font-weight:400;
 color:var(--tn-card-copy-color,#5f6f66);
 letter-spacing:0;
 word-spacing:normal;
}


/* v1.11.03 — canh chữ do quản trị lựa chọn */
body.tn-page-san-pham .tn-trust-heading.tn-align-left,body.tn-page-san-pham .tn-trust-step-copy.tn-align-left{text-align:left}
body.tn-page-san-pham .tn-trust-heading.tn-align-center,body.tn-page-san-pham .tn-trust-step-copy.tn-align-center{text-align:center}
body.tn-page-san-pham .tn-trust-heading.tn-align-right,body.tn-page-san-pham .tn-trust-step-copy.tn-align-right{text-align:right}
body.tn-page-san-pham .tn-trust-heading.tn-align-justify p,body.tn-page-san-pham .tn-trust-step-copy.tn-align-justify small{text-align:justify;text-justify:inter-word}
body.tn-page-san-pham .tn-trust-heading.tn-align-justify h2,body.tn-page-san-pham .tn-trust-step-copy.tn-align-justify strong{text-align:left}
@media (min-width:600px) and (max-width:1024px){
 body.tn-page-san-pham .tn-product-trust{padding-bottom:48px}
 body.tn-page-san-pham .tn-trust-strip-item{padding:13px 8px;gap:7px;font-size:11px}
 body.tn-page-san-pham .tn-trust-icon{width:22px;height:22px;flex-basis:22px}
 body.tn-page-san-pham .tn-trust-icon svg{width:18px;height:18px}
 body.tn-page-san-pham .tn-trust-journey{padding-top:38px}
 body.tn-page-san-pham .tn-trust-heading h2{font-size:27px}
 body.tn-page-san-pham .tn-trust-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.tn-page-san-pham .tn-trust-step{min-height:158px;padding:18px 20px 16px}
}

@media (max-width:599px){
 body.tn-page-san-pham .tn-product-trust{padding-bottom:38px}
 body.tn-page-san-pham .tn-trust-strip{grid-template-columns:1fr 1fr;min-height:0}
 body.tn-page-san-pham .tn-trust-strip-item{justify-content:flex-start;padding:13px 10px;font-size:10.5px;text-align:left;border-bottom:.5px solid rgba(23,63,45,.08)}
 body.tn-page-san-pham .tn-trust-strip-item:nth-child(2n)::after{display:none}
 body.tn-page-san-pham .tn-trust-strip-item:nth-last-child(-n+2){border-bottom:0}
 body.tn-page-san-pham .tn-trust-icon{width:21px;height:21px;flex-basis:21px}
 body.tn-page-san-pham .tn-trust-icon svg{width:17px;height:17px}
 body.tn-page-san-pham .tn-trust-journey{padding-top:32px}
 body.tn-page-san-pham .tn-trust-heading{margin-bottom:20px}
 body.tn-page-san-pham .tn-trust-heading h2{font-size:25px}
 body.tn-page-san-pham .tn-trust-heading p{font-size:var(--tn-type-body);line-height:var(--tn-line-body)}
 body.tn-page-san-pham .tn-trust-flow{grid-template-columns:1fr;gap:10px}
 body.tn-page-san-pham .tn-trust-step{min-height:0;padding:17px 18px 16px}
}