/* chan-trang-2026.css — chan trang theo ban thiet ke 13/09/2026.
 *
 * TEN FILE MOI, KHONG SUA FILE CU: edge cache 7 ngay, `?ver=` khong an.
 * Cung luat da ap cho hero-wipe.css -> hero-wipe-2.css. CSS chan trang cu
 * nam trong layout.css/components.css duoi selector `.tgs-duoi` — VAN CON
 * TREN DIA nhung khong con dung, vi footer.php da doi sang class `.tgs-chan`.
 * Khong xoa `.tgs-duoi` khoi layout.css: file do nang 32 KB ma write_file
 * ghi de ca file, go vai chuc dong khong dang rui ro do.
 *
 * So do lay tu README ban giao muc "Footer": nen #0B0B0B, padding 90px 0 44px,
 * vien tren 1px rgba(243,240,232,.14), 4 cot 1.3fr .8fr 1fr 1.2fr, gap 56px.
 */

.tgs-chan{
  background:#0B0B0B;
  color:#F3F0E8;
  padding:90px 0 44px;
  border-top:1px solid rgba(243,240,232,.14);
}
.tgs-chan__trong{max-width:1440px;margin:0 auto;padding:0 56px}

.tgs-chan__cot{
  display:grid;
  grid-template-columns:1.3fr .8fr 1fr 1.2fr;
  gap:56px;
  align-items:start;
}

/* ---------- Cot 1: thuong hieu ---------- */
.tgs-chan__logo img{display:block;width:238px;height:auto;max-width:100%}
.tgs-chan__cau{
  font-family:'Noto Serif Display',Georgia,serif;
  font-weight:300;font-size:24px;line-height:1.35;
  margin:28px 0 0;max-width:22ch;
}
/* Noto Serif JP chi duoc nap tren page-front2026.php (xem inc/tg2026.php).
 * O day khai font-family day du roi lui ve font Nhat co san cua he dieu hanh —
 * khong nap them mot file phong cho mot dong chu. */
.tgs-chan__nhat{
  font-family:'Noto Serif JP','Hiragino Mincho ProN','Yu Mincho',serif;
  font-weight:300;font-size:15px;letter-spacing:.14em;
  color:#C9C4BA;margin:22px 0 0;
}

/* ---------- Tieu de cot ---------- */
.tgs-chan__tieu{
  font-family:'Noto Sans',system-ui,sans-serif;
  font-size:9.5px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;
  color:#C9C4BA;margin:0 0 22px;
}
.tgs-chan__tieu--phu{margin-top:38px}

/* ---------- Danh sach link ---------- */
.tgs-chan__ds{list-style:none;margin:0;padding:0}
.tgs-chan__ds li{margin:0 0 12px}
.tgs-chan__ds li:last-child{margin-bottom:0}
.tgs-chan__ds a,
.tgs-chan__ds span{
  font-size:13.5px;font-weight:300;line-height:1.6;
  color:rgba(243,240,232,.78);text-decoration:none;
  transition:color .35s ease;
}
.tgs-chan__ds a:hover,
.tgs-chan__ds a:focus-visible{color:#F13708}
/* Muc chua co trang: hien chu, khong bam duoc. Quyet dinh cua nguoi van hanh
 * 13/09 — thay vi dan khach vao trang trong. */
.tgs-chan__ds span{cursor:default}

/* ---------- Mang xa hoi ---------- */
.tgs-chan__mxh{display:flex;gap:18px;align-items:center;margin:0}
.tgs-chan__mxh a,
.tgs-chan__mxh span{
  display:inline-flex;color:rgba(243,240,232,.78);
  transition:color .35s ease;
}
.tgs-chan__mxh a:hover,
.tgs-chan__mxh a:focus-visible{color:#F13708}
.tgs-chan__mxh svg{width:19px;height:19px;display:block}

/* ---------- Dai duoi cung ---------- */
.tgs-chan__day{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  margin-top:72px;padding-top:26px;
  border-top:1px solid rgba(243,240,232,.14);
}
.tgs-chan__day p{
  margin:0;font-size:9.5px;font-weight:400;letter-spacing:.2em;
  text-transform:uppercase;color:#C9C4BA;
}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .tgs-chan__cot{grid-template-columns:1fr 1fr;gap:48px}
}
@media (max-width:860px){
  .tgs-chan__cot{grid-template-columns:1fr}
  .tgs-chan__trong{padding:0 20px}
}
@media (max-width:600px){
  .tgs-chan{padding:64px 0 32px}
  .tgs-chan__cot{gap:36px}
  .tgs-chan__day{flex-direction:column;align-items:flex-start;gap:10px;text-align:left}
}

/* ===========================================================================
   [HERO-TRANG-A-2026-09-26] Hero Community + Contact — COVER TRAN, DOI DEP O GIUA
   Minh chot phuong an A 26/09 sau khi xem mo phong: anh tran full, chap nhan
   anh bi phong to (@1440: Community x1,54, Contact x2,04) vi chua co anh goc
   lon hon. Co anh ngang >=1500px thi thay la het mo, khong phai sua CSS.
   Chi chinh VI TRI khung cat de doi dep nam giua:
     Community 50% 78%  (doi dep o nua duoi anh doc)
     Contact   55% doc; anh goc co dai den 14px o mep phai (x 682..695) ->
               noi anh rong 102,2% va neo trai de dai den roi ra ngoai khung.
   Ap moi kho man. Duong lui: xoa khoi nay.
   =========================================================================== */
.tgs-hero--trang .tgs-hero__anh--community img {
	object-position: 50% 78%;
}
.tgs-hero--trang .tgs-hero__anh--contact {
	overflow: hidden;
}
.tgs-hero--trang .tgs-hero__anh--contact img {
	width: 102.2%;
	max-width: none;
	object-position: 0 55%;
}

/* [CONTACT-HERO-CAO-0926] Edith 26/09 doi chu hero Contact. Tieu de moi xuong 2 dong -> noi dung
   cao 480px trong hero co dinh 440px, dau chu bi header che. Tu 761px: hero cao theo noi dung,
   chua 148px phia tren cho header 80px. Duoi 760px pages.css da de height:auto. Duong lui: xoa khoi nay. */
@media (min-width: 761px) {
	#tgs-trang-contact .tgs-hero--thap { height: auto; min-height: 440px; min-height: max(440px, 62vh); }
	#tgs-trang-contact .tgs-hero--thap .tgs-hero__trong { padding-top: 148px; }
}

/* [CONTACT-BANNER2-0926] Edith 26/09: hero Contact = Banner 2 (1254x1254). Bo width 102,2% + neo trai
   (danh cho anh cu co dai den mep phai). Doi dep nam ~54-83% chieu cao anh -> neo 50% 80%. Duong lui: xoa khoi nay. */
.tgs-hero--trang .tgs-hero__anh--contact img { width: 100%; max-width: 100%; object-position: 50% 80%; }

/* [SLIDE-VUONG-0926] Minh chot 26/09: slide Create Your Own dung nguyen anh vuong Edith gui (Photo 3-8, 1024x1024), khong cat 4:5. Cu: .tg26 .tg-bang aspect-ratio 4/5 (tg2026-r2.css). Duong lui: xoa khoi nay + tra ten r26-slide-* trong page-front2026.php. */
#sec-create .tg-bang { aspect-ratio: 1 / 1; }