/* 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}}