/* In An Anh – chỉnh giao diện 27/10/2026 (nạp SAU iaa.css). Chỉ nhắm .iaa.iaa-t nên không ảnh hưởng phần còn lại của theme.
   Hoàn tác: bỏ dòng nạp iaa-ui.css trong snippets/iaa-head.bwt. */

/* 1. Nút Zalo/Gọi: biểu tượng nhỏ vừa chữ, khoảng cách đều */
.iaa.iaa-t .ctab-btn{gap:10px;min-height:50px;padding:0 22px 0 7px;font-size:15.5px;line-height:1.25}
.iaa.iaa-t .ctab-btn .ci{width:34px;height:34px;background-image:none!important}
.iaa.iaa-t .ctab-btn .ci svg{display:block;width:18px;height:18px}
.iaa.iaa-t .ctab-i{width:46px;height:46px;background-image:none!important}
.iaa.iaa-t .ctab-i svg{display:block;width:24px;height:24px}
.iaa.iaa-t .ctab-final{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;max-width:760px;margin:24px auto 0}
.iaa.iaa-t .ctab-final .ctab-btn{width:100%;white-space:normal;justify-content:flex-start}
.iaa.iaa-t .hero-cta .ctab-btn{white-space:nowrap}
@media (max-width:600px){.iaa.iaa-t .ctab-final{grid-template-columns:1fr;margin-top:20px}}

/* 2. Đội ngũ tư vấn: thẻ gọn, nút Zalo không vỡ, PC 3 cột */
.iaa.iaa-t .ex{padding:16px}
.iaa.iaa-t .ex .pic{aspect-ratio:auto;height:128px;border-radius:16px}
.iaa.iaa-t .ex .pic span{width:78px;height:78px;font-size:28px}
.iaa.iaa-t .ex .pill{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px;align-self:stretch;width:auto;min-height:48px;padding:5px 14px 5px 6px;margin-top:14px;box-sizing:border-box}
.iaa.iaa-t .ex .pill .arw{width:36px;height:36px;flex:none}
.iaa.iaa-t .ex .pill .arw svg{width:18px;height:18px}
.iaa.iaa-t .ex .pill b{font-size:15.5px;line-height:1.2;white-space:nowrap}
.iaa.iaa-t .ex .ex-call{display:none}
@media (min-width:861px){.iaa.iaa-t #doi-ngu .swipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.iaa.iaa-t #doi-ngu .swipe>*{flex:none}.iaa.iaa-t #doi-ngu .swipe-hint{display:none}}

/* 3. Mục lục nhanh: nút không tràn khỏi ô */
@media (max-width:600px){.iaa.iaa-t .nav{padding:0 2px}.iaa.iaa-t .nav a{min-width:0;white-space:normal;line-height:1.2;padding:0 8px;text-align:center}}

/* 4. Khối "Vì sao chọn": dấu ✓ cách chữ đều */
.iaa.iaa-t .acc summary{display:flex;align-items:center;gap:14px;list-style:none}
.iaa.iaa-t .acc summary::-webkit-details-marker{display:none}
.iaa.iaa-t .acc summary::before{margin:0}
.iaa.iaa-t .acc details p{padding:0 20px 18px 60px}

/* 5. Chữ căn đều hai bên (đoạn văn dài) */
.iaa.iaa-t .more .body p,.iaa.iaa-t .faq details p,.iaa.iaa-t .acc details p,.iaa.iaa-t .prose p{text-align:justify;text-justify:inter-word}

/* 6. Đoạn văn dài: hiện vài dòng đầu + nút "+" mở đầy đủ (JS trong iaa-more.js gắn class; không có JS thì hiện đủ) */
.iaa.iaa-t .iaa-cl:not(.open) .iaa-cl-1 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
.iaa.iaa-t .iaa-cl:not(.open) .iaa-cl-x{display:none}
.iaa.iaa-t .iaa-tg{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px auto 0;padding:6px 16px 6px 6px;border:1.5px solid var(--plum);border-radius:999px;background:#fff;color:var(--plum);font:700 14px/1.2 inherit;font-family:inherit;cursor:pointer}
.iaa.iaa-t .iaa-tg .pm{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--plum);color:#fff;font-size:18px;font-weight:700;line-height:1}
.iaa.iaa-t .iaa-tg:hover{background:var(--mist)}
.iaa.iaa-t .iaa-tg:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

/* 7. Nút nổi (gọi, Zalo, lên đầu trang) nhỏ gọn, không che nội dung */
@media (max-width:767px){
  .addThis_listSharing1{right:8px!important;bottom:150px!important}
  .addThis_listing1 .addThis_item .addThis_item--icon,.addThis_listing1 .addThis_item .addThis_item--icon img{width:38px!important;height:38px!important;line-height:38px!important}
  .backtop{width:38px!important;height:38px!important;right:8px!important;bottom:96px!important}
  .backtop svg{width:16px;height:16px}
}

/* 8. Danh mục có phần mô tả .iaa: ẩn nút lọc sản phẩm nổi (che chữ trên điện thoại); lưới sản phẩm vẫn ở cuối trang */
@media (max-width:991px){body:has(.iaa.iaa-t) .open-filters{display:none!important}}

/* 9. Logo khách hàng: ô vuông, ảnh nằm gọn trong ô (không sát lề), bấm vào để phóng to (thẻ a.zm + fancybox như ảnh mẫu) */
.iaa.iaa-t .lg a.zm{display:block;min-width:0;text-decoration:none;color:inherit}
.iaa.iaa-t .lg .ph{aspect-ratio:1/1;padding:0;background:#fff;border:1px solid var(--line);cursor:zoom-in}
.iaa.iaa-t .lg .ph img{display:block;width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box;transition:transform .2s}
.iaa.iaa-t .lg a.zm:hover .ph img{transform:scale(1.05)}
.iaa.iaa-t .lg a.zm:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:16px}
@media (max-width:600px){.iaa.iaa-t .lg{gap:8px}.iaa.iaa-t .lg .ph img{padding:5%}.iaa.iaa-t .lg a.zm .ph:after{width:22px;height:22px;right:5px;bottom:5px}}

/* 10. Thanh 3 nút dưới đáy điện thoại cho trang DANH MỤC (trang sản phẩm đã có trong pv2.css): Tư vấn Trang Trần | Tư vấn Tuấn Trần | Phản ánh DV Ngô Tâm */
.pv2-mbar{display:none}
@media (max-width:600px){
  .pv2-mbar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:998;padding:10px 12px;background:#fff;border-top:1px solid #dbe7f1;box-shadow:0 -8px 24px -16px rgba(10,42,94,.5)}
  .pv2-mbar.pv2-mbar2{grid-template-columns:1fr 1.4fr}
  .pv2-mbar a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;font-weight:700;font-size:14.5px;text-decoration:none}
  .pv2-mbar .c{border:1.5px solid #0a66ac;color:#0a66ac}
  .pv2-mbar .z{background:#0a66ac;color:#fff}
  .pv2-mbar .q{background:#f26522;color:#fff}
  .pv2-mbar a.two{flex-direction:column;gap:1px;line-height:1.15;padding:4px 2px;text-align:center}
  .pv2-mbar a.two b{font-size:14px;font-weight:800}
  .pv2-mbar a.two small{font-size:11.5px;font-weight:600;opacity:.95}
  body:has(.pv2-mbar):not(:has(.pv2)){padding-bottom:70px}
}