/*  Thiên Nam UI Components — v1.8.0 | Shared section headings, cards and media treatment  */:root{
  --tn-card-bg:#fff;
  --tn-card-border:rgba(201,162,77,.38);
  --tn-card-border-hover:rgba(201,162,77,.55);
  --tn-card-radius:18px;
  --tn-card-shadow:0 10px 24px rgba(23,63,45,.05);
  --tn-frame-border:rgba(201,162,77,.20);
  --tn-frame-radius:18px;
  --tn-text-secondary:#2f3f38;
}body.home .section > .container > .section-head.center,
body.home .tn-home-products-section > .container > .section-head.center{
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}body.home .section > .container > .section-head.center > p,
body.home .tn-home-products-section > .container > .section-head.center > p{
  max-width:760px;
}body.tn-page-gioi-thieu .section > .container > .section-head.center,
body.tn-page-gioi-thieu .section > .container > .section-head,
body.tn-page-gioi-thieu .container > .section-head.center,
body.tn-page-gioi-thieu .container > .section-head{
  max-width:none!important;
  width:100%!important;
  margin:0 0 34px!important;
  text-align:left!important;
}body.tn-page-gioi-thieu .section > .container > .section-head.center > p,
body.tn-page-gioi-thieu .section > .container > .section-head > p,
body.tn-page-gioi-thieu .container > .section-head.center > p,
body.tn-page-gioi-thieu .container > .section-head > p{
  max-width:860px!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}body.tn-page-gioi-thieu .section > .container > .section-head.center h2,
body.tn-page-gioi-thieu .section > .container > .section-head h2,
body.tn-page-gioi-thieu .container > .section-head.center h2,
body.tn-page-gioi-thieu .container > .section-head h2{
  text-align:left!important;
}body.tn-page-vung-nguyen-lieu .section > .container > .section-head.center,
body.tn-page-vung-nguyen-lieu .section > .container > .section-head,
body.tn-page-vung-nguyen-lieu .container > .section-head.center,
body.tn-page-vung-nguyen-lieu .container > .section-head,
body.tn-page-tin-tuc .section > .container > .section-head.center,
body.tn-page-tin-tuc .section > .container > .section-head,
body.tn-page-tin-tuc .container > .section-head.center,
body.tn-page-tin-tuc .container > .section-head{
  max-width:none!important;
  width:100%!important;
  margin:0 0 34px!important;
  text-align:left!important;
}body.tn-page-vung-nguyen-lieu .section > .container > .section-head.center > p,
body.tn-page-vung-nguyen-lieu .section > .container > .section-head > p,
body.tn-page-vung-nguyen-lieu .container > .section-head.center > p,
body.tn-page-vung-nguyen-lieu .container > .section-head > p,
body.tn-page-tin-tuc .section > .container > .section-head.center > p,
body.tn-page-tin-tuc .section > .container > .section-head > p,
body.tn-page-tin-tuc .container > .section-head.center > p,
body.tn-page-tin-tuc .container > .section-head > p{
  max-width:860px!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}body.tn-page-vung-nguyen-lieu .section > .container > .section-head.center h2,
body.tn-page-vung-nguyen-lieu .section > .container > .section-head h2,
body.tn-page-vung-nguyen-lieu .container > .section-head.center h2,
body.tn-page-vung-nguyen-lieu .container > .section-head h2,
body.tn-page-tin-tuc .section > .container > .section-head.center h2,
body.tn-page-tin-tuc .section > .container > .section-head h2,
body.tn-page-tin-tuc .container > .section-head.center h2,
body.tn-page-tin-tuc .container > .section-head h2{
  text-align:left!important;
}body.tn-page-gioi-thieu .process-grid,
body.tn-page-vung-nguyen-lieu .process-grid,
body.tn-page-vung-nguyen-lieu .region-journey{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}body.tn-page-gioi-thieu .process-step,
body.tn-page-vung-nguyen-lieu .process-step,
body.tn-page-vung-nguyen-lieu .region-journey-item{
  min-height:0!important;
  padding:18px 22px 16px!important;
  background:#fff!important;
  border:1px solid var(--tn-card-border)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  text-align:left!important;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease!important;
}body.tn-page-gioi-thieu .process-step:hover,
body.tn-page-vung-nguyen-lieu .process-step:hover,
body.tn-page-vung-nguyen-lieu .region-journey-item:hover{
  transform:translateY(-2px)!important;
  border-color:var(--tn-card-border-hover)!important;
  box-shadow:var(--tn-card-shadow)!important;
  background:#fff!important;
}body.tn-page-gioi-thieu .process-step + .process-step,
body.tn-page-vung-nguyen-lieu .process-step + .process-step,
body.tn-page-vung-nguyen-lieu .region-journey-item + .region-journey-item{
  border-left:1px solid var(--tn-card-border)!important;
}body.tn-page-gioi-thieu .process-step b,
body.tn-page-vung-nguyen-lieu .process-step b,
body.tn-page-vung-nguyen-lieu .region-journey-item span{
  display:block!important;
  margin:0 0 12px!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  border-radius:0!important;
  color:var(--tn-card-number-color)!important;
  font-family:var(--tn-font-ui)!important;
  font-size:var(--tn-card-number-size)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}body.tn-page-gioi-thieu .process-step h3,
body.tn-page-vung-nguyen-lieu .process-step h3,
body.tn-page-vung-nguyen-lieu .region-journey-item h3{
  margin:0 0 10px!important;
  color:var(--tn-card-title-color)!important;
  font-family:var(--tn-font-ui)!important;
  font-size:var(--tn-card-title-size)!important;
  line-height:var(--tn-card-title-line)!important;
  font-weight:700!important;
  text-align:left!important;
}body.tn-page-gioi-thieu .process-step p,
body.tn-page-vung-nguyen-lieu .process-step p,
body.tn-page-vung-nguyen-lieu .region-journey-item p{
  margin:0!important;
  color:var(--tn-card-copy-color)!important;
  font-family:var(--tn-font-ui)!important;
  font-size:var(--tn-card-copy-size)!important;
  line-height:var(--tn-card-copy-line)!important;
  font-weight:400!important;
  text-align:left!important;
}body.tn-page-gioi-thieu .steps,
body.tn-page-gioi-thieu .process-grid,
body.tn-page-vung-nguyen-lieu .steps,
body.tn-page-vung-nguyen-lieu .process-grid,
body.tn-page-vung-nguyen-lieu .region-journey{
  gap:16px!important;
}body.tn-page-vung-nguyen-lieu .region-journey-item{
  padding:22px 20px 18px!important;
  text-align:left!important;
}body.tn-page-vung-nguyen-lieu .region-journey-item span{
  display:block!important;
  margin:0 0 14px!important;
  color:var(--tn-card-number-color)!important;
  font-family:var(--tn-font-ui)!important;
  font-size:var(--tn-card-number-size)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}body.tn-page-vung-nguyen-lieu .region-journey-item h3{
  margin:0 0 12px!important;
  color:var(--tn-card-title-color)!important;
  font-family:var(--tn-font-ui)!important;
  font-size:var(--tn-card-title-size)!important;
  line-height:var(--tn-card-title-line)!important;
  font-weight:700!important;
  text-align:left!important;
}body.tn-page-vung-nguyen-lieu .region-journey-item p{
  margin:0!important;
  color:var(--tn-card-copy-color)!important;
  font-family:var(--tn-font-ui)!important;
  font-size:var(--tn-card-copy-size)!important;
  line-height:var(--tn-card-copy-line)!important;
  font-weight:400!important;
  text-align:left!important;
  text-justify:auto!important;
}body.tn-page-gioi-thieu .grid-3 .feature{
  background:#fff!important;
  border:1px solid var(--tn-card-border)!important;
  border-radius:18px!important;
  padding:22px 20px 18px!important;
  box-shadow:none!important;
  text-align:left!important;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease!important;
}body.tn-page-gioi-thieu .grid-3 .feature:hover{
  transform:translateY(-2px)!important;
  border-color:var(--tn-card-border-hover)!important;
  box-shadow:var(--tn-card-shadow)!important;
}body.tn-page-gioi-thieu .grid-3 .feature-icon{
  display:block!important;
  margin:0 0 14px!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  border-radius:0!important;
  color:var(--tn-card-number-color)!important;
  font-family:var(--tn-font-ui)!important;
  font-size:var(--tn-card-number-size)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}body.tn-page-gioi-thieu .grid-3 .feature h3{
  margin:0 0 12px!important;
  color:var(--tn-card-title-color)!important;
  font-family:var(--tn-font-ui)!important;
  font-size:var(--tn-card-title-size)!important;
  line-height:var(--tn-card-title-line)!important;
  font-weight:700!important;
  text-align:left!important;
}body.tn-page-gioi-thieu .grid-3 .feature p{
  margin:0!important;
  color:var(--tn-card-copy-color)!important;
  font-family:var(--tn-font-ui)!important;
  font-size:var(--tn-card-copy-size)!important;
  line-height:var(--tn-card-copy-line)!important;
  font-weight:400!important;
  text-align:left!important;
  text-justify:auto!important;
}body.single-tn_product .section > .container > .section-head.center,
body.single-tn_product .section > .container > .section-head{
  max-width:none!important;
  width:100%!important;
  margin:0 0 34px!important;
  text-align:left!important;
}body.single-tn_product .section > .container > .section-head.center .kicker,
body.single-tn_product .section > .container > .section-head.center h2,
body.single-tn_product .section > .container > .section-head.center p,
body.single-tn_product .section > .container > .section-head .kicker,
body.single-tn_product .section > .container > .section-head h2,
body.single-tn_product .section > .container > .section-head p{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}body.single-tn_product .tn-related-products-catalog .grid-3{
  align-items:stretch!important;
}body.tn-page-tin-tuc .news-card-full > a.image-detail-link{
  width:calc(100% - 20px)!important;
  margin:10px 10px 0!important;
  border-radius:13px!important;
  overflow:hidden!important;
}body.tn-page-tin-tuc .news-card-full > a.image-detail-link > img{
  border-radius:13px!important;
}body.tn-page-tin-tuc .news-featured-image{
  padding:10px!important;
  box-sizing:border-box!important;
  background:#fff!important;
}body.tn-page-tin-tuc .news-featured-image > a.image-detail-link,
body.tn-page-tin-tuc .news-featured-image > a.image-detail-link > img{
  border-radius:14px!important;
}body.tn-page-vung-nguyen-lieu .region-card{
  overflow:hidden!important;
  padding:10px 10px 0!important;
}body.tn-page-vung-nguyen-lieu .region-card img{
  display:block!important;
  width:100%!important;
  height:238px!important;
  object-fit:cover!important;
  border-radius:14px!important;
}body.tn-page-vung-nguyen-lieu .region-card .content{
  padding:18px 14px 20px!important;
}body.tn-page-vung-nguyen-lieu .region-card h3{
  margin-bottom:12px!important;
}.brand-item .tn-brand-item-text{display:block}body.tn-page-vung-nguyen-lieu .region-journey-item{position:relative!important}

/* v1.8.7 — Product card cart icon: tablet opt-in, hidden by default. */





/* v1.11.07 — tăng khả năng đọc cho phần microcopy trong Món Signature */
.tn-kiosk-signature-card .tn-kiosk-signature-base,
.tn-kiosk-signature-card .tn-kiosk-signature-meta,
.tn-kiosk-signature-card small,
.tn-kiosk-signature-card .base-tea,
.tn-kiosk-signature-card .note-base {
  font-size: 13px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
}

.tn-kiosk-signature-section-note,
.tn-kiosk-signature-note,
.tn-kiosk-menu-note,
.tn-kiosk .section-note,
.tn-kiosk .tn-section-note {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  color: #66756c !important;
}