/* Dịch bằng dich-lop-khoac.py từ bo-khoac-elementor.css.
 * Bám lớp thiết kế của dự án, không bám lớp của trình dựng nào.
 * Sửa thì sửa bảng ánh xạ trong công cụ rồi dịch lại. */
/* Chân trang SiteUp.vn - khoác Elementor cho components/layout/Footer.jsx */
/* ===================================================================
 * CHÂN TRANG, chép từ components/layout/Footer.jsx
 * Dựng thành mẫu Theme Builder loại footer, không nằm trong trang 21.
 * =================================================================== */ .hop.su-ft{ position: relative; overflow: hidden; display: block; width: 100%;
  background: var(--gray-800); color: var(--gray-300); padding: 0; }/* Chevron nền. Bộ chuẩn CÓ đặt `vector-effect: non-scaling-stroke` cho hình
   này (`.su-ft .su-stage__chev path`), nên ở đây phải giữ - khác với chevron
   trong `Icon.jsx` ở khối hỏi đáp. Xem mục 20.4. */
.hop.su-ft::after{
  content: ""; position: absolute; z-index: 0;
  right: -6%; bottom: -8%; width: min(46%, 560px); aspect-ratio: 1;
  opacity: .1; pointer-events: none; background-color: var(--accent);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1' stroke-linejoin='miter'><path vector-effect='non-scaling-stroke' d='M36.94 1.93L2.06 14L36.94 26.07L39.06 19.93L21.94 14L39.06 8.07Z'/><path vector-effect='non-scaling-stroke' d='M8.94 28.07L26.06 34L8.94 39.93L11.06 46.07L45.94 34L11.06 21.93Z'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1' stroke-linejoin='miter'><path vector-effect='non-scaling-stroke' d='M36.94 1.93L2.06 14L36.94 26.07L39.06 19.93L21.94 14L39.06 8.07Z'/><path vector-effect='non-scaling-stroke' d='M8.94 28.07L26.06 34L8.94 39.93L11.06 46.07L45.94 34L11.06 21.93Z'/></svg>") center / contain no-repeat;
}/* Trung hoa mac dinh cua container Elementor trong vung chan trang, giong
   quy tac da dung cho `.su-sec`: Kit dat dem 40px va khoang cach 24px cho MOI
   container, ke ca container long nhau. Thieu dong nay thi chu tut vao 40px
   va moi hang cao them. Phai dat TRUOC cac quy tac rieng ben duoi. */
.hop.su-ft .hop{ padding: 0; gap: 0; }.su-ft .hop.su-ft__in{
  max-width: var(--container); margin: 0 auto; padding: 0 var(--margin);
  position: relative; z-index: 1; width: 100%;
}.su-ft a:not(a){ color: var(--gray-300); text-decoration: none; transition: color var(--dur) var(--ease); }.su-ft a:not(a):hover{ color: var(--gray-0); }/* --- hàng kêu gọi trên cùng --- */
.su-ft .hop.su-ft__top{
  display: grid; grid-template-columns: 1fr; align-items: center;
  gap: var(--space-6) var(--space-8);
  padding: var(--space-16) 0 var(--space-10);
  border-bottom: var(--border-w-thin) solid var(--gray-700);
}
@media (min-width: 900px) {.su-ft .hop.su-ft__top{ grid-template-columns: minmax(0, 1fr) auto; } }.su-ft .hop.su-ft__loi{ width: auto; }.su-ft__tag > :is(h1,h2,h3,h4,h5,h6,p,div,span,a){
  letter-spacing: var(--ls-heading);
  max-width: 22ch; text-wrap: pretty;
}.su-ft__tag em{ font-style: normal; color: var(--accent); }/* Le 12px da co san tren VO widget nho lop `su-ft__sub` cua bo chuan; the
   <p> ben trong phai de 0, neu khong la 24px (muc 15.2). */
.su-ft__sub p{
  margin: 0; max-width: 56ch; text-wrap: pretty;
  letter-spacing: normal;
}.su-ft .hop.su-ft__cta{
  display: flex; flex-wrap: wrap; gap: var(--space-3); justify-self: start; width: auto;
}
@media (min-width: 900px) {.su-ft .hop.su-ft__cta{ justify-self: end; flex-wrap: nowrap; } }.su-ft .e-su-btn--accent > a{ box-shadow: none; color: var(--amber-900); }.su-ft .e-su-btn--accent > a:hover{ box-shadow: none; }.su-ft .e-su-btn--zalo > a{ color: #fff; }/* --- năm cột --- */
.su-ft .hop.su-ft__grid{
  display: grid; gap: var(--space-8) var(--space-6);
  grid-template-columns: 1fr 1fr; padding: var(--space-10) 0 var(--space-12); width: 100%;
}
@media (min-width: 768px)  {.su-ft .hop.su-ft__grid{ grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 1024px) {.su-ft .hop.su-ft__grid{ grid-template-columns: 1.5fr 1fr 1fr 1fr 1.3fr; gap: var(--space-8) var(--space-10); } }.su-ft .hop.su-ft__brand{
  display: flex; flex-direction: column; gap: var(--space-5); grid-column: 1 / -1; width: auto;
}
@media (min-width: 1024px) {.su-ft .hop.su-ft__brand{ grid-column: auto; } }.su-ft__brand img{ height: 28px; width: auto; max-width: none; align-self: flex-start; }.su-ft__brand{ align-self: flex-start; }.su-ft__gt p{
  margin: 0;
  max-width: 34ch;
  letter-spacing: normal;
}/* Vo widget mang ten RIENG `e-su-ft__badge`: lop `su-ft__badge` cua bo chuan
   da co dem 8/14 va vien, dat len ca vo lan the trong la tinh hai lan (muc 20.2). */
.e-su-ft__badge > :is(h1,h2,h3,h4,h5,h6,p,div,span,a){
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px;
  border-radius: var(--radius-pill); border: var(--border-w-thin) solid var(--gray-700);
  letter-spacing: normal;
}.e-su-ft__badge{ display: flex; }.e-su-ft__badge > :is(h1,h2,h3,h4,h5,h6,p,div,span,a)::before{
  content: ""; flex: none; width: 14px; height: 14px; background-color: var(--accent);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /> <path d='M14 2v4a2 2 0 0 0 2 2h4' /> <path d='m9 15 2 2 4-4' /></svg>") center / 14px 14px no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /> <path d='M14 2v4a2 2 0 0 0 2 2h4' /> <path d='m9 15 2 2 4-4' /></svg>") center / 14px 14px no-repeat;
}/* `min-width: auto` de cot co the rong theo noi dung nhu ban mau. Elementor
   dat `min-width: 0` cho container, nen o 360px hai cot chia deu 152px, con
   ban mau chia 124,6 va 179,4 theo do dai chu. */
.su-ft .hop.su-ft__cot{ width: auto; min-width: auto; }/* Elementor dat `.e-con .elementor-widget { min-width: 0 }` (0,2,0). Chuoi co
   toi thieu dut o day, nen cot van chia deu. Phai go o dung tang widget. */
.su-ft .hop.su-ft__cot > *{ min-width: auto; }/* Bo chuan khai `.su-ft h4 { margin: 0 0 var(--space-4) }` trong thanh-phan.css,
   tuc bam vao THE chu khong vao lop. Ban dung doi the sang `h3` cho khoi nhay
   cap tieu de (h2 cua dai keu goi -> h4 la nhay mot cap, soat SEO bat duoc tren
   ca bay trang), nen luat kia khong con khop va cot chan trang mat 16px le duoi.
   Khai lai theo LOP, dat tren vo widget (muc 15.2). Da bao thanh viec 25. */
.su-ft__h4 > :is(h1,h2,h3,h4,h5,h6,p,div,span,a){
  text-transform: uppercase; letter-spacing: var(--ls-caps);
  /* Le duoi dat len CHINH THE CHU, khong len vo widget - dung co che cua luat
     goc. Dat len vo la thua: Elementor co `.e-con .elementor-widget.elementor-widget
     { margin-block-end: 0 }` do cu the (0,3,0), container dung `gap` chu khong
     dung le. */
  margin-bottom: var(--space-4);
}/* `min-width: auto` cho ca danh sach: Elementor dat 0, lam co toi thieu cua
   cot bang 0 nen luoi `1fr 1fr` chia deu 152px o 360px. Ban mau chia theo tu
   dai nhat: 124,6 va 179,4. */
.su-ft__ds > ul{
  display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0;
  min-width: auto;
}.su-ft__ds li{ margin: 0; padding: 0; display: flex; }/* `index.html` cua ban mau co mot dong rieng de len thanh phan:
   `footer.su-ft ul { font-size: var(--text-small) }`, tuc 13px chu khong phai
   16px nhu `.su-ft ul` cua bo chuan. Thieu dong nay thi cot lien ket cao
   221,6px thay vi 148,7px. Bai hoc: doc CSS o CA HAI tang, thanh phan va trang. */
/* Muc CO LIEN KET thi Elementor long them mot the <a>: cau truc la
   `li > a > .elementor-icon-list-text`, nen bo chon con truc tiep
   `li > .elementor-icon-list-text` KHONG voi toi. Phai khai cho ca ba tang. */
.su-ft__ds li, .su-ft__ds li > a, .su-ft__ds li span{
  padding: 0;
  letter-spacing: normal;
}.su-ft__ds li > a:hover, .su-ft__ds li > a:hover span{ color: var(--gray-0); }/* --- cột liên hệ --- */
.su-ft__lh > ul{
  display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0;
  min-width: auto;
}.su-ft__lh li{
  display: flex; gap: var(--space-3); align-items: flex-start; margin: 0; padding: 0;
}/* Bon bieu tuong lien he dung mask (xem ghi chu ben duoi), nen phai khai
   mask-repeat/position/size thay cho background-*. Thieu mot trong ba thi
   bieu tuong bi lap hoac bi keo gian. */
.su-ft__lh li::before{
  content: ""; flex: none; width: 18px; height: 18px; margin-top: 3px;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: 18px 18px; mask-size: 18px 18px;
}.su-ft__lh li:nth-child(1)::before{ background-color: var(--accent);
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z' /></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z' /></svg>"); }.su-ft__lh li:nth-child(2)::before{ background-color: var(--accent);
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z' /></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z' /></svg>"); }.su-ft__lh li:nth-child(3)::before{ background-color: var(--accent);
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='20' height='16' x='2' y='4' rx='2' /> <path d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7' /></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='20' height='16' x='2' y='4' rx='2' /> <path d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7' /></svg>"); }.su-ft__lh li:nth-child(4)::before{ background-color: var(--accent);
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /> <circle cx='12' cy='10' r='3' /></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /> <circle cx='12' cy='10' r='3' /></svg>"); }.su-ft__lh li > span{
  padding: 0; font-family: var(--font-ui); font-weight: var(--fw-regular);
  font-size: var(--text-small); line-height: var(--lh-body);
  letter-spacing: normal;
}.su-ft__lh b{ color: var(--gray-0); font-weight: 600; font-family: var(--font-mono); font-size: var(--text-body); }.su-ft__lh small{ display: block; font-size: var(--text-small); line-height: var(--lh-body); color: var(--gray-400); }/* --- chữ ký lớn --- */
.su-ft__mark > :is(h1,h2,h3,h4,h5,h6,p,div,span,a){
  display: block; margin: 0 0 -.06em; text-align: left;
  font-family: var(--font-ui); font-weight: 800;
  font-size: clamp(64px, 16.5vw, 236px); line-height: .9; letter-spacing: -.05em; pointer-events: none; user-select: none;
  white-space: nowrap; overflow: hidden; text-wrap: nowrap;
}.su-ft__mark em{ font-style: normal; color: var(--accent); }.su-ft .hop.su-ft__grid{ padding-bottom: var(--space-8); }/* --- thanh pháp nhân --- */
.hop.su-ft__bar{
  border-top: var(--border-w-thin) solid var(--gray-700);
  position: relative; z-index: 1; background: var(--gray-800); width: 100%; padding: 0;
}.su-ft__bar .hop.su-ft__in{
  display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6);
  justify-content: space-between; align-items: center;
  padding: var(--space-5) var(--margin);
}.su-ft__bar > :is(h1,h2,h3,h4,h5,h6,p,div,span,a), .su-ft__bar span{
  letter-spacing: normal;
}.su-ft__copy{ display: flex; }.su-ft .hop.su-ft__legal{ display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); width: auto; }/* `flex-direction: row` la bat buoc: `thanh-phan.css` co `.su-ft ul` dat
   `column`, ma quy tac nay khong khai lai huong thi no thua ke cot va ba
   lien ket xep doc, thanh phap nhan cao gap doi. */
.su-ft__legal > ul{
  display: flex; flex-direction: row; flex-wrap: wrap;
  gap: var(--space-2) var(--space-5); margin: 0; padding: 0;
}.su-ft__legal li{ margin: 0; }/* Nhu o mucduoi 3 tang: the <a> cua muc co lien ket giu co chu 16px cua
   Elementor neu khong khai, va dong chu 24,8px keo ca thanh phap nhan cao them. */
.su-ft__legal li, .su-ft__legal li > a, .su-ft__legal li span{
  padding: 0; letter-spacing: normal;
}