/* Trang Giới thiệu: ẩn khối theo thiết bị (Admin → Trang giới thiệu). Mốc khớp CSS trang: điện thoại < 768px, tablet 768–991px, máy tính ≥ 992px.
   Trong khung xem trước admin (.ae-editing) khối bị ẩn vẫn hiện nhưng xám + viền đỏ để admin thấy. */
@media (max-width: 767.98px) {
    .av-about:not(.ae-editing) .ae-hide-mobile { display: none !important; }
    .av-about.ae-editing .ae-hide-mobile { filter: grayscale(1) contrast(.55) brightness(1.18); outline: 3px dashed var(--brand-accent, #E32326); outline-offset: -3px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .av-about:not(.ae-editing) .ae-hide-tablet { display: none !important; }
    .av-about.ae-editing .ae-hide-tablet { filter: grayscale(1) contrast(.55) brightness(1.18); outline: 3px dashed var(--brand-accent, #E32326); outline-offset: -3px; }
}
@media (min-width: 992px) {
    .av-about:not(.ae-editing) .ae-hide-desktop { display: none !important; }
    .av-about.ae-editing .ae-hide-desktop { filter: grayscale(1) contrast(.55) brightness(1.18); outline: 3px dashed var(--brand-accent, #E32326); outline-offset: -3px; }
}

/* Ảnh bìa bọc trong <picture> (ảnh riêng cho điện thoại): giữ bố cục cũ như khi <img> là con trực tiếp */
.av-about-hero > picture { display: contents; }