cot, nen nth-child se truot mot nac va bo cuc vo ra. nth-of-type chi dem cac

, the nam o dau cung khong anh huong. */ /* Chua cho nut menu (☰): no la dat position:absolute o goc trai (x=5, rong 40px), khong chiem cho trong dong chay - khong chua cho thi logo chui xuong duoi no. */ #main-header > div:nth-of-type(1) { flex: 0 0 auto; order: 1; padding-left: 42px; } /* logo */ /* flex-basis 0 (khong phai auto): o tim kiem von rong 222px, de basis auto thi hang dau da day (logo 101 + 222 + khe = 345px) va icon gio hang bi day xuong hang duoi. Basis 0 = "chia phan con lai", nen o tim kiem tu co lai vua du cho logo va gio hang cung nam tren mot hang. */ #main-header > div:nth-of-type(2) { flex: 1 1 0; min-width: 0; order: 2; } /* o tim kiem */ .gh-menu-dt { order: 3; } #main-header > div:nth-of-type(3) { flex: 1 0 100%; order: 4; } /* Hỏi đáp / Tin hay / Liên hệ */ #main-header #logo { margin: 0; } #main-header #logo img { max-height: 42px; width: auto; transition: max-width .18s ease, opacity .18s ease; } /* Hang menu chu ("Trang chủ / Tin tức / Video / Liên hệ") lap lai y het menu truot ben trai - an di cho o tim kiem co cho. */ #main-header #top-navigation { display: none; } /* Bo float:left cua he thong cot - dang float thi khoi nay chi rong bang noi dung ben trong, khong an theo be rong cot cha. */ #main-header #search-box { float: none; width: 100%; padding: 0; } #main-header .search-area, #main-header .sH2 { width: 100%; } #main-header .control-group { display: flex; align-items: stretch; } /* js/tim-kiem-goi-y.js boc o nhap trong (de gan khung goi y ben duoi) - chinh cai span nay moi la phan tu con cua .control-group, nen phai cho NO gian ra, roi o nhap rong 100% ben trong. Chi chinh moi o nhap thi span van giu be rong cu va o nhap khong to len duoc. */ #main-header .tkgy-boc { display: block; flex: 1 1 auto; min-width: 0; } #main-header input[name="q"] { flex: 1 1 auto; min-width: 0; width: 100%; height: 38px; } #main-header .fs-btnsearch { flex: 0 0 auto; height: 38px; } /* (Da bo khoi #notify-box ngay 02/09/2026 - hang "Hoi dap / Tin hay / Lien he" da duoc go khoi library/menu-top.php vi ca ba duong dan deu co san trong menu truot. Cac luat cu o day chinh lai

gio hang la muc CUOI nen mep phai cua no trung khit mep phai cua thanh menu, khong con mot pixel nao chua. Ket qua: icon gio hang bi cat mat mot phan, va neu gio hang co san pham thi huy hieu so luong (position:absolute, right:-8px) con loi han ra ngoai. Them dem phai cho ca thanh menu = day toan bo cac muc lui sang trai, dung nhu cach nguoi dung mo ta. Them dem trai cho rieng o gio hang de no khong dinh vao chu "Tin tuc" ben canh. */ body ul.fs-menu { padding-right: 16px; } body ul.fs-menu > li.gh-menu-li { padding-left: 12px; } /* ---- Man hinh hep: nut tim kiem dang ve HAI icon chong nhau ------------- css/style.css co luat: #search-box .search-area .search-button::after { content: "\ee4c"; font-family: fontello; font-size: 25px; ... } tuc ngoai the (anh sprite 12x12) da nam san trong nut, con them mot ky tu fontello 25px mau trang ve DE LEN. Hoi nut con rong 59px thi hai cai chong nhau chua ro; tu khi nut thu con 38px (02/09/2026) thi ky tu 25px trao ra khoi nut, thanh mot vong tron trang loi o goc duoi phai - dung cai "cấn 1 icon khác" nguoi dung thay. Cach xu ly: giu lai DUNG MOT icon. Bo ca hai icon cu (sprite 12x12 qua nho trong nut 38px, va glyph fontello 25px qua to), ve lai bang kinh lup Font Awesome 16px - cung bo icon dang dung o khap trang, can giua chuan. */ /* Bo chon DAI o day khong phai cho vui - la de thang ve DO UU TIEN. css/style.css dat luat bang bo chon "#search-box .search-area .search-button" (1 id + 2 lop). Viet ngan "#main-header .fs-btnsearch" (1 id + 1 lop) la THUA, va da thua that: do duoc computed style van tra ve display:block, font 25px/25px fontello, vertical-align:sub - tuc luat cu van dang cam quyen, icon nam lech trong nut. Them "#search-box .search-area" vao cho du 2 id + 2 lop la chac chan hon mot bac. */ /* Nut tim kiem: bo position:absolute, cho no thanh mot o binh thuong trong hang flex canh o nhap. Ban cu dat nut absolute o goc phai cua .search-area - ma .search-area co vien 1px nen nut bi lech 1px len tren va thua 2px sang phai so voi o nhap (do duoc: nut y2.8..40.8 / phai 437.8, o nhap y3.8..41.8 / phai 435.8). Dua vao dong chay thi hai cai luon cao bang nhau va thang hang, khong con con so nao phai canh tay. */ #main-header #search-box .search-area .fs-btnsearch { position: static; flex: 0 0 38px; width: 38px; min-width: 38px; height: auto; align-self: stretch; padding: 0; /* Ban cu co "margin: -1px -2px 0 0" - hai so am do de bu cho cai vien 1px cua .search-area hoi nut con la position:absolute nam de len o nhap. Nut da vao dong chay thi hai so am nay day nut len 1px va lech 2px sang phai so voi o nhap (do duoc: nut y2.8 cao 39, o nhap y3.8 cao 38). */ margin: 0; display: flex; align-items: center; justify-content: center; } /* Nut da vao dong chay thi o nhap phai chiu co lai, khong con an tron hang. */ #main-header #search-box .search-area .tkgy-boc { flex: 1 1 auto; min-width: 0; } #main-header .fs-btnsearch .fi { display: none; } /* Icon: thay ky tu fontello 25px (qua to so voi nut 38px, va bi vertical-align:sub keo lech xuong) bang kinh lup Font Awesome 16px. Trong mot o flex da can giua thi khong can vertical-align nua. */ #main-header #search-box .search-area .fs-btnsearch::after { content: "\f002"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 16px; line-height: 1; vertical-align: baseline; color: #fff; } /* Chua khoang giua nut tim kiem va icon gio hang - truoc do chi cach nhau 6px nen nhin nhu dinh vao nhau. */ @media (max-width: 1279px) { #main-header > div:nth-of-type(2) { margin-right: 6px; } #main-header .gh-menu-dt { margin-right: 2px; } } /* ========================================================================== NUT MUA HANG O TRANG CHI TIET: