/* v85 Dien thoai: co gian theo man hinh, khong cat giao dien */
@media (max-width:767px){
/* 1. chu tu co gian theo be rong may (320px -> 430px) */
h2.heading,.bpr-products-module-title{font-size:clamp(20px,calc(5.4vw + 2.5px),26px)!important}
.mk-hsub{font-size:clamp(12.5px,calc(3.2vw + 2px),14px)!important}
html body .card-product .card-product__title{font-size:clamp(13.5px,calc(3.6vw + 2px),16px)!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;height:2.8em!important;max-height:2.8em!important;min-height:2.8em!important}
.card-product .price{font-size:clamp(14px,calc(3.6vw + 2.5px),16px)!important}
.card-product .compare-price,.card-product .sale-badge{font-size:clamp(11px,calc(2.6vw + 2px),12px)!important}
.mk-ss h2,.mk-ss-hl b{font-size:clamp(40px,14vw,58px)}
.mk-cmp-story h2,.mk-qz h2,.mk-mb-hero h2{font-size:clamp(19px,calc(5vw + 2px),26px)!important}
/* chu nho cung khong duoi 12px de de doc */
.mk-lk-tx small,.mk-cmp-r small,.mk-lc-it small,.mk-mb-v small{font-size:max(12px,1em)}
/* o nhap tu 16px: iPhone khong tu phong to khi bam vao o nhap */
input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
/* 3. gom nut noi: nut len dau trang + LIVE xep doc, gon o goc phai */
.addThis_listSharing{display:flex!important;flex-direction:column;align-items:flex-end;gap:8px;right:10px!important;bottom:calc(85px + env(safe-area-inset-bottom))!important}
.addThis_listSharing .back-to-top{width:40px!important;height:40px!important}
.addThis_listSharing .header-box-live{margin:0!important}
.addThis_listSharing .btn-live{height:32px!important;padding:0 10px!important;gap:6px!important;font-size:11.5px!important}
.addThis_listSharing .mk-lv-sep,.addThis_listSharing .mk-lv-tk{display:none!important}
/* popup "khach vua mua": thanh nho ben trai, khong de len cum nut */
#ega-sale-pop.sales-pop{left:8px!important;right:auto!important;bottom:calc(85px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:calc(100vw - 84px)!important;padding:8px 30px 8px 8px!important;border-radius:16px!important;font-size:12px!important;line-height:1.35!important}
#ega-sale-pop.sales-pop img{width:40px!important;height:40px!important;min-width:40px!important;border-radius:10px!important}
#ega-sale-pop.sales-pop [class*=title],#ega-sale-pop.sales-pop b,#ega-sale-pop.sales-pop strong{font-size:12.5px!important}
#ega-sale-pop.sales-pop [class*=desc],#ega-sale-pop.sales-pop p{font-size:11.5px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 4. thanh dinh day man hinh tranh thanh vuot iPhone */
.cro-btns,.mobile-cro-buttons,.sticky-atc{padding-bottom:env(safe-area-inset-bottom)!important}
}
/* 2. dau trang gon cho may nho */
@media (max-width:400px){
header .container{padding-left:10px!important;padding-right:10px!important}
header .header-wrapper{gap:8px!important}
header .header-icon-wrapper{gap:2px!important}
header .header-icon-wrapper>div:first-child:not(:has(*)){display:none!important}
header a.logo-wrapper{max-width:clamp(80px,26vw,117px)}
header a.logo-wrapper img{width:100%!important;height:auto!important}
header .search-opener a,header a.mini-cart{padding-left:2px!important;padding-right:2px!important}
}
/* 4. xoay ngang tren iPhone co tai tho: chua le hai ben */
@media (orientation:landscape) and (max-height:500px){
html{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}
/* 6. khung anh banner giu ti le khi dang tai, trang khong bi nhay */
.section-home-banner picture img{height:auto}