/* Chỉ có ở bản chạy trên pharbaco.vn (13/10/2026). Nạp SAU type-option5.css.
   Khối "Pharbaco Trading" = thông tin pháp nhân vận hành tên miền + hai ứng dụng (cần cho hồ sơ Apple/Google),
   và các link sang /san-pham/, /kien-thuc/, /legal/ của phần còn lại trên pharbaco.vn.
   Mọi quy tắc có tiền tố .option-5 như type-option5.css. */
/* 14/10/2026 — Minh: ẩn khối "Pharbaco Trading / About us" khỏi trang chủ.
   Khối vẫn nằm trong HTML và chỉ hiện khi được gọi đích danh bằng đường dẫn (#gioi-thieu, #thong-tin, #ung-dung):
   673 trang con + chân trang đang trỏ về /#thong-tin, và Apple/Google đối chiếu bảng pháp nhân + link chính sách ở đây.
   Hai quy tắc hiện tách riêng để trình duyệt chưa có :has() vẫn hiểu quy tắc :target. */
.option-5 .trading{display:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px 64px;align-items:start;border-top:1px solid var(--line);scroll-margin-top:20px}
.option-5 .trading:target{display:grid}
.option-5 .trading:has(:target){display:grid}
.option-5 .trading .en{color:var(--muted)}
.option-5 .trading-intro .eyebrow{color:var(--muted)}
.option-5 .trading-intro h2{color:var(--red);margin:0 0 24px}
.option-5 .trading-intro>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:540px}
.option-5 .trading-intro>p.en{font-size:14px;margin-top:14px}
.option-5 .trading-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.option-5 .trading-cta .pill{gap:14px}
.option-5 .legal-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:30px 34px 14px;scroll-margin-top:24px}
.option-5 .legal-card h3{margin:0}
.option-5 .legal-card>p.en{font-size:13px;margin-top:2px}
.option-5 .legal-card table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;margin-top:18px}
.option-5 .legal-card th{width:36%;text-align:left;font-weight:400;color:var(--muted);padding:13px 18px 13px 0;vertical-align:top;border-top:1px solid var(--line)}
.option-5 .legal-card td{padding:13px 0;vertical-align:top;border-top:1px solid var(--line);overflow-wrap:anywhere}
.option-5 .legal-card .en{font-size:12.5px}
.option-5 .legal-card a{text-decoration:underline;text-underline-offset:3px}
.option-5 .trading-apps{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,5fr);gap:22px;align-items:stretch;scroll-margin-top:24px}
.option-5 .trading-apps-intro .eyebrow{color:var(--muted);margin-bottom:16px}
.option-5 .trading-apps-intro p:not(.eyebrow){font-size:14px;line-height:1.75;max-width:360px}
.option-5 .trading-app{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--line);border-radius:22px;padding:22px 24px;background:#fff}
.option-5 .trading-app .ic{flex:none;width:64px;height:64px;border-radius:18px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.option-5 .trading-app .ic img{width:82%;height:82%;object-fit:contain}
.option-5 .trading-app .ic img.logo-ic{width:66%;height:66%}
.option-5 .trading-app h3{margin:0 0 6px;font-size:18px}
.option-5 .trading-app p{font-size:14px;line-height:1.65}
.option-5 .trading-app .links{display:flex;flex-direction:column;gap:7px;margin-top:14px;font-size:13px}
.option-5 .trading-app .links a{text-decoration:underline;text-underline-offset:3px;color:var(--wine)}
.option-5 .trading a:hover{color:var(--red)}
.option-5 .trading-cta .pill:hover{color:#fff}
.option-5 .trading-cta .pill.outline:hover{color:var(--red)}

/* chân trang: link sang phần còn lại của pharbaco.vn + dòng pháp nhân vận hành */
.option-5 footer .footer-links{flex-wrap:wrap;justify-content:flex-end;gap:10px 22px;font-size:13px}
.option-5 footer .footer-links a:not(.backtop){text-decoration:underline;text-underline-offset:3px}
.option-5 footer .footer-links a:hover{color:var(--red)}
.option-5 footer .operator{margin-top:16px;color:var(--muted);font-size:12px;line-height:1.7}

/* menu có thêm 2 mục (Sản phẩm, Kiến thức): không cho chữ rớt dòng; từ 601–900px dùng nút Menu như bản mobile
   (bản gốc 5 mục chỉ chuyển ở 600px) */
.option-5 .nav a{white-space:nowrap}
@media(min-width:601px) and (max-width:900px){
.option-5 .masthead{height:auto;min-height:86px;flex-wrap:wrap;padding:10px 0}
.option-5 .menu-btn{display:block}
.option-5 .nav{display:none;width:100%;padding:18px 0;flex-direction:column;align-items:start;font-size:16px;gap:20px}
.option-5 .nav.open{display:flex}
}

@media(max-width:1100px){
.option-5 .trading{grid-template-columns:1fr;gap:40px}
.option-5 .trading-apps{grid-template-columns:1fr 1fr}
.option-5 .trading-apps-intro{grid-column:1/-1}
}
@media(max-width:800px){
.option-5 .trading-apps{grid-template-columns:1fr}
.option-5 .legal-card{padding:24px 22px 8px;border-radius:18px}
.option-5 footer .footer-links{justify-content:flex-start}
}
@media(max-width:600px){
.option-5 .trading{gap:32px}
.option-5 .legal-card table,.option-5 .legal-card tbody,.option-5 .legal-card tr,.option-5 .legal-card th,.option-5 .legal-card td{display:block;width:auto}
.option-5 .legal-card th{padding:13px 0 2px;font-size:12.5px}
.option-5 .legal-card td{border-top:0;padding:0 0 13px}
.option-5 .trading-cta .pill{width:100%}
.option-5 .trading-app{padding:20px 18px}
}