/* Shared critical frontend rules. Keep this file cacheable across public pages. */
.pc #khung_chinh { overflow-x: clip; overflow-y: visible; }
.wmp-media-outer, .wmp-media-link, .wmp-media-frame { display: block; }
.wmp-media-frame { contain: layout paint; overflow: hidden; }
.wmp-media-frame > img, .wmp-media-frame > picture { display: block; width: 100%; height: 100%; }
.wmp-media-frame > picture > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.wmp-media-frame > img { object-fit: contain; }
img[data-wmp-image-role] { display: block; max-width: 100%; height: auto; }
.wmp-slick-slider:not(.slick-initialized) > :not(:first-child) { display: none; }
.wmp-slick-slider .wmp-slick-slide, .wmp-slick-slider .wmp-slick-slide > span, .wmp-slick-slider .wmp-slick-slide > span > a { display: block; }
.wmp-slick-slider .wmp-slick-slide img { display: block; width: 100%; max-width: 100%; height: auto; }
[data-wmp-mobile-drawer] > .wmp-mobile-bar { display: none; }
@media (max-width: 767px) {
    .sanpham_box li > .div_noidung { content-visibility: auto; contain-intrinsic-size: auto 340px; }
    [data-wmp-mobile-drawer]:not(.wmp-mobile-ready) > .wmp-mobile-bar { display: none !important; }
    [data-wmp-mobile-drawer]:not(.wmp-mobile-ready) > .wmp-mobile-bar + .ul1 { display: flex !important; flex-wrap: wrap; }
}
@media (pointer: coarse) {
    a[href], button { touch-action: manipulation; }
}