bi XOA SACH padding ngang => noi dung
cham sat mep container (do duoc: le trai = 0px thay vi 32px).
Dung padding-inline de chi dat theo TRUC NGANG, khong bi luat gop ghi de. */
.container.section,
.container-narrow.section { padding-inline:32px; }
@media (max-width:640px){
.container.section,
.container-narrow.section { padding-inline:18px; }
}
/* khoi mo ta danh muc: bo chan 860px o template, day la phan trinh bay */
.entry-content > p:first-child { margin-top:0; }
/* ===== het ===== */
/* ===== 13/08/2026 — CHIA LAI 3 COT THEO NHU CAU THAT =====
Do o 1250px: 1.15fr 1fr 1fr -> 396|345|345, gap 50.
cot logo THUA 97px (chu dai nhat chi 299)
cot Lien he THIEU cho (can 317/345) -> so dien thoai va email XUONG 3 DONG
Chia DEU nghe hop ly nhung sai o day: cot Danh muc toan cum NGAN,
cot Lien he toan cau DAI. Chia theo nhu cau that:
1fr 0.75fr 1.6fr -> ~332 | ~249 | ~532
Cot Lien he 532px du cho "Hotline/Zalo: Mr. Khiêm – 0982 610 052" (~278px)
va "Email: damyngheyenbai.vn@gmail.com" (~230px) nam GON 1 DONG.
Gap 50 -> 36px de bot khoang trong (owner keu nhieu khoang trang). */
.foot-top { grid-template-columns:1fr .75fr 1.6fr; gap:36px; }
/* khong cho so dien thoai bi ngat giua chung */
.foot-contact-item a[href^="tel:"] { white-space:nowrap; }
/* email dai: cho phep ngat neu that su khong vua, thay vi tran ra */
.foot-contact-item a[href^="mailto:"] { word-break:break-word; }
@media (max-width:900px){ .foot-top { grid-template-columns:1fr 1fr; gap:32px; } }
@media (max-width:640px){ .foot-top { grid-template-columns:1fr; gap:26px; } }
/* ===== het ===== */
/* ===== 13/08/2026 — SDT VA EMAIL: tra ve INLINE =====
".foot-col a, .foot-col p { display:block }" sinh ra cho COT DANH MUC
(cac muc menu xep chong). Nhung no danh trung the cua SO DIEN THOAI
va EMAIL trong cot Lien he -> hai cai do thanh KHOI -> bi day xuong dong
rieng. Dung li do chi 2 muc do xuong dong; 2 muc con lai khong co link.
Tra ve inline, bo margin-bottom va font-size ma luat kia ap dat. */
.foot-contact-item a {
display:inline !important;
margin-bottom:0 !important;
font-size:inherit !important;
}
.foot-contact-item a[href^="tel:"] { white-space:nowrap; }
/* ===== het ===== */
/* ===== 13/08/2026 — PHAN TRANG =====
the_posts_pagination() in ra markup MAC DINH cua WordPress ma theme chua
co CSS nao -> hien thanh "1 2 … 35 Tiếp theo" tran tru nhu chu thuong.
Thiet ke lai theo bang mau san co cua site. */
.pagination, .navigation.pagination { margin-top:36px; }
.pagination .nav-links,
.navigation .nav-links {
display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center;
}
.pagination .screen-reader-text { position:absolute; left:-9999px; }
.page-numbers {
display:inline-flex; align-items:center; justify-content:center;
min-width:42px; height:42px; padding:0 12px;
border:1px solid var(--hair); border-radius:10px;
font-size:13.5px; font-weight:600; color:var(--ink-2);
background:#fff; transition:.18s ease; text-decoration:none;
}
.page-numbers:hover { border-color:var(--gold); color:var(--brown); }
.page-numbers.current {
background:var(--brown); border-color:var(--brown); color:#fff; font-weight:700;
}
.page-numbers.dots { border:0; background:transparent; min-width:26px; padding:0; }
.page-numbers.next, .page-numbers.prev { font-weight:700; color:var(--brown); }
.page-numbers.next:hover, .page-numbers.prev:hover { background:var(--cream-2); }
@media (max-width:640px){
.page-numbers { min-width:38px; height:38px; font-size:13px; padding:0 9px; }
}
/* ===== het ===== */
/* khoi mo ta danh muc: noi bat hon */
.entry-content { font-size:15.5px; line-height:1.8; }
/* ===== het ===== */
/* ===== 13/08/2026 — BANNER TIN MOI NHAT (kieu datrangyenbai) ===== */
.tin-noi-bat { position:relative; overflow:hidden; background:var(--ink);
padding:72px 0 68px; margin:0 0 8px; }
.tin-noi-bat__bg { position:absolute; inset:0; width:100%; height:100%;
object-fit:cover; z-index:0; }
.tin-noi-bat::after { content:""; position:absolute; inset:0; z-index:1;
background:linear-gradient(90deg, rgba(13,13,13,.93) 0%, rgba(13,13,13,.84) 46%, rgba(13,13,13,.64) 100%); }
.tin-noi-bat > .container { position:relative; z-index:2; max-width:1360px; }
.tin-noi-bat__nhan { display:inline-block; background:rgba(200,155,60,.22);
border:1px solid var(--gold-light); color:var(--gold-light);
font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
padding:6px 14px; border-radius:6px; margin-bottom:18px; }
.tin-noi-bat__tieude { color:#fff; margin:0 0 14px; line-height:1.18;
font-size:clamp(1.7rem, 3.4vw, 2.7rem); max-width:20ch; }
.tin-noi-bat__mota { color:var(--cream-3); font-size:15px; line-height:1.75;
max-width:56ch; margin:0 0 26px; }
.tin-noi-bat__o { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:26px; }
.tin-noi-bat__o > div { background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.16); border-radius:8px; padding:10px 16px; }
.tin-noi-bat__o strong { display:block; color:#fff; font-size:13px; font-weight:700; }
.tin-noi-bat__o span { display:block; color:var(--cream-3); font-size:11px;
text-transform:uppercase; letter-spacing:.05em; margin-top:2px; }
.tin-noi-bat__cta { display:flex; gap:12px; flex-wrap:wrap; }
.btn-outline-sang { border:1px solid rgba(255,255,255,.55); color:#fff; background:transparent; }
.btn-outline-sang:hover { background:rgba(255,255,255,.12); border-color:#fff; }
@media (max-width:640px){
.tin-noi-bat { padding:44px 0 40px; }
.tin-noi-bat__tieude { max-width:none; }
.tin-noi-bat__o { gap:8px; }
.tin-noi-bat__o > div { padding:8px 12px; }
}
/* ===== het ===== */
/* ===== 13/08/2026 — SAN PHAM LIEN QUAN, CHAY NGANG 3 GIAY =====
Dung lai co che bang truot da dung cho khoi Tin tuc hom nay. */
.sp-lienquan { background:var(--cream-2); border-radius:var(--radius-card);
padding:1.8rem; margin-top:3rem; overflow:hidden; }
.sp-lienquan__dau { font-size:0.7rem; font-weight:800; text-transform:uppercase;
letter-spacing:.08em; color:var(--brown); margin-bottom:1.1rem; }
.sp-lienquan__bang { display:flex; gap:18px; }
.sp-lienquan__the { flex:0 0 210px; width:210px; background:#fff;
border:1px solid var(--hair); border-radius:10px; overflow:hidden;
text-decoration:none; color:inherit; transition:.2s; }
.sp-lienquan__the:hover { border-color:var(--gold); transform:translateY(-2px); }
.sp-lienquan__anh { display:block; aspect-ratio:4/3; overflow:hidden; }
.sp-lienquan__anh img { width:100%; height:100%; object-fit:cover; display:block; }
.sp-lienquan__ten { display:block; padding:11px 13px; font-size:13px;
font-weight:600; line-height:1.45; }
.sp-lienquan__dm { margin-top:1.2rem; padding-top:1rem;
border-top:1px solid var(--hair); font-size:12.5px; color:var(--ink-3); }
.sp-lienquan__dm span { font-weight:700; color:var(--brown); margin-right:6px; }
.sp-lienquan__dm a { color:var(--ink-2); text-decoration:underline; margin-right:12px; }
.sp-lienquan__dm a:hover { color:var(--brown); }
/* --- truot tu dong: 3 giay moi the, phai -> trai --- */
@media (min-width:901px){
.sp-lienquan.sp-truot .sp-lienquan__bang { width:max-content;
animation:sp-truot-ngang var(--sp-thoigian,24s) linear infinite; }
.sp-lienquan.sp-truot:hover .sp-lienquan__bang,
.sp-lienquan.sp-truot:focus-within .sp-lienquan__bang { animation-play-state:paused; }
}
@keyframes sp-truot-ngang {
0%, 10.5% { transform:translateX(0); }
12.5%,23% { transform:translateX(calc(-1 * var(--sp-buoc))); }
25%, 35.5%{ transform:translateX(calc(-2 * var(--sp-buoc))); }
37.5%,48% { transform:translateX(calc(-3 * var(--sp-buoc))); }
50%, 60.5%{ transform:translateX(calc(-4 * var(--sp-buoc))); }
62.5%,73% { transform:translateX(calc(-5 * var(--sp-buoc))); }
75%, 85.5%{ transform:translateX(calc(-6 * var(--sp-buoc))); }
87.5%,98% { transform:translateX(calc(-7 * var(--sp-buoc))); }
100% { transform:translateX(calc(-8 * var(--sp-buoc))); }
}
@media (prefers-reduced-motion: reduce){
.sp-lienquan.sp-truot .sp-lienquan__bang { animation:none; }
}
@media (max-width:900px){
.sp-lienquan__bang { overflow-x:auto; scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch; padding-bottom:6px; }
.sp-lienquan__the { scroll-snap-align:start; flex:0 0 76%; width:76%; }
}
/* ===== het ===== */
/* ===== 13/08/2026 — ANH DAI DIEN BI KEO MEO =====
Do tren /mo-da-trang/: anh goc 1448x1086 (ti le 1.33 NGANG) bi hien thi
812x1086 (ti le 0.75 DOC) voi object-fit:fill => NEN NGANG 44%, chu va
hinh trong anh deu bi bop gay.
Nguyen nhan: the ![]()
co height="1086" cung, CSS chi dat width:100%
nen chieu cao khong co lai theo.
VA: height:auto de trinh duyet TU TINH chieu cao theo ti le goc.
⚠️ KHONG dung object-fit:cover — cover CAT bot anh, ma day la anh banner
CO CHU, cat la mat chu. Dung contain hoac de nguyen luong. */
article img,
article figure img,
.entry-content img,
.single-post img:not(.ybs-hero__bg):not(.mega-l2-thumb):not(.mega-l3-thumb):not(.site-logo) {
height: auto !important;
max-width: 100%;
}
/* khung anh dai dien: bo ep chieu cao, cho anh tu quyet */
article > div[style*="border-radius"] > img,
article > figure > img { object-fit: contain; width: 100%; }
/* ===== het ===== */
/* ===== 14/08/2026 — BANNER TIN TUC MOI NHAT (.ybsnews) =====
Owner gui mau banner va yeu cau lam giong "hinh thuc roi chu".
Khac .ybs-hero o hai diem co y:
1. Anh KHONG lam mo — chu nam trong vung phu dam ben trai, anh lo ben
phai. Vi vay chu in san trong anh bia khong con doi dau voi