/* Louis Yoga — 18/10/2026 rà soát khổ tablet (anh Công). Nạp ở snippets/ly-favicon.bwt (mọi trang). Gỡ file này = trở về như trước.
   1. Hero trang chủ: chữ "Vững vàng" chỉ hiện khi video ĐANG PHÁT thật (.is-live do lyx-tab.js gắn); chỉ có ảnh nền thì nút nằm sát đáy, không đè chữ in sẵn trong ảnh.
   2. Danh mục: cột lọc mang z-index 9999 (CSS cũ) đè ngăn menu → bỏ; 768–1023px bộ lọc thành ngăn trượt + nút "Bộ lọc", lưới 3 cột đủ rộng; 1024–1359px thêm lề hai bên.
   3. Thanh liên hệ dưới đáy (điện thoại + tablet): vuông góc.
   4. Nút nổi Gọi / Zalo: cùng kiểu trang (tròn đỏ rượu, icon nét mảnh), xếp dọc góc phải; trang chủ <1024px ẩn (thanh dưới đáy đã có Zalo); trang SP điện thoại đặt trên thanh mua. */

/* 1. Hero */
html body .lyxh-hero:not(.is-live) .lyxh-hero-kick,
html body .lyxh-hero:not(.is-live) .lyxh-hero-t{opacity:0!important;animation:none!important}
html body .lyxh-hero:not(.is-live) .lyxh-hero-media::after{opacity:0!important}
@media (min-width:768px){
  html body .lyxh-hero:not(.is-live) .lyxh-hero-copy{top:auto!important;bottom:clamp(24px,6%,64px)!important;transform:none!important}
  html body .lyxh-hero:not(.is-live) .lyxh-hero-btns{margin-top:0!important}
}
@media (min-width:768px) and (max-width:1023px){
  html body .lyxh-hero:not(.is-live) .lyx-btn-ghost-light{display:none!important}
}

/* 2. Danh mục */
@media (min-width:1024px){
  html body .lyxc .lyxc-side.dqdt-sidebar{z-index:auto!important}
}
@media (min-width:1024px) and (max-width:1359px){
  html body .lyxc .lyxc-body{box-sizing:border-box;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px)}
}
@media (min-width:1024px) and (max-width:1199px){
  html body .lyxc .ly-grid.ly-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width:768px) and (max-width:1023px){
  html body .lyxc .lyxc-body{display:block!important;position:relative}
  html body .lyxc .lyxc-bar-m{display:flex!important;position:absolute;left:clamp(16px,3vw,40px);top:0;z-index:2;height:46px;margin:0!important;padding:0!important;border:0!important;align-items:center}
  html body .lyxc .lyxc-bar-m [data-lyxc-sort]{display:none!important}
  html body .lyxc .lyxc-bar-m button{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--lyx-ink)!important;font:600 11px/1 var(--lyx-font)!important;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
  html body .lyxc .lyxc-bar-m svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
  html body .lyxc .lyxc-toolbar{padding-right:clamp(16px,3vw,40px)!important}
  html body .lyxc .category-products{padding:20px clamp(16px,3vw,40px) 26px!important}
  html body .lyxc .ly-grid.ly-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px 16px!important}
  html body .lyxc .lyxc-side.dqdt-sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;z-index:1250!important;display:flex!important;flex-direction:column;width:min(86vw,380px)!important;max-width:none!important;height:auto!important;background:#fff!important;border:0!important;transform:translateX(100%)!important;visibility:hidden!important;transition:transform .28s ease,visibility 0s linear .28s}
  html body .lyxc .lyxc-side.dqdt-sidebar.openf{transform:none!important;visibility:visible!important;transition:transform .28s ease}
  html body .opacity_sidebar{position:fixed;inset:0;z-index:1240;background:rgba(0,0,0,.42);opacity:0;visibility:hidden;transition:opacity .25s}
  html body .opacity_sidebar.openf{opacity:1;visibility:visible}
  html body .lyxc .lyxc-side-head{display:flex!important;align-items:center;justify-content:space-between;min-height:56px;padding:6px 14px 6px 22px;background:var(--lyx-soft,#f6f2ee)}
  html body .lyxc .lyxc-side-head .lyx-logo{width:150px;margin:0}
  html body .lyxc .lyxc-side .lyxc-side-h{margin:0 22px!important;height:46px}
  html body .lyxc .lyxc-side .section-box-bg{flex:1;overflow-y:auto!important;overscroll-behavior:contain;padding:0 0 30px!important}
  html body .lyxc .lyxc-side .filter-content{display:block!important;width:auto!important}
  html body .lyxc .lyxc-side .ly-filters .aside-item{float:none!important;clear:both;display:block!important;width:auto!important;max-width:none!important;margin:0 22px!important}
  html body.lyxc-lock,html.lyxc-lock body{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){html body .lyxc .lyxc-side.dqdt-sidebar{transition:none!important}}

/* 3. Thanh liên hệ dưới đáy: vuông góc */
html body .lyx-sticky{border-radius:0!important}

/* 4. Nút nổi Gọi / Zalo */
html body{--lyx-fab-b:24px;--lyx-fab-r:24px}
@media (max-width:1023px){html body{--lyx-fab-b:16px;--lyx-fab-r:12px}}
@media (max-width:767px){html body.lyp-on{--lyx-fab-b:72px}}
html body .zalo-chat-widget{right:var(--lyx-fab-r)!important;bottom:var(--lyx-fab-b)!important;left:auto!important;top:auto!important}
html body .addThis_listSharing{position:fixed!important;right:calc(var(--lyx-fab-r) + 6px)!important;bottom:calc(var(--lyx-fab-b) + 72px)!important;left:auto!important;top:auto!important;width:48px!important;height:48px!important;margin:0!important;padding:0!important;transform:none!important;z-index:999}
html body .addThis_listSharing .addThis_listing{margin:0!important;padding:0!important}
html body .addThis_listSharing .addThis_item{margin:0!important;padding:0!important;list-style:none}
html body .addThis_listSharing .addThis_item--icon{position:relative;display:flex!important;align-items:center;justify-content:center;width:48px!important;height:48px!important;margin:0!important;padding:0!important;border:1px solid rgba(246,223,232,.35)!important;border-radius:50%!important;background:var(--lyx-cta,#5a2333)!important;box-shadow:0 8px 22px rgba(74,31,43,.28)!important;animation:none!important;transition:background .25s,transform .25s}
html body .addThis_listSharing .addThis_item--icon::before{content:'';width:22px;height:22px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6dfe8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 3.5h3l1.8 4.6-2.3 1.5a11 11 0 0 0 6.4 6.4l1.5-2.3 4.6 1.8v3a2 2 0 0 1-2.1 2A16.5 16.5 0 0 1 3.5 5.6a2 2 0 0 1 2-2.1z'/%3E%3C/svg%3E")}
html body .addThis_listSharing .addThis_item--icon::after{display:none!important}
html body .addThis_listSharing .addThis_item--icon:hover{background:var(--lyx-cta-dark,#4a1f2b)!important;transform:translateY(-2px)}
html body .addThis_listSharing .addThis_item--icon img,html body .addThis_listSharing .tooltip-text{display:none!important}
@media (max-width:1023px){
  html body .addThis_listSharing{width:44px!important;height:44px!important;right:calc(var(--lyx-fab-r) + 8px)!important;bottom:calc(var(--lyx-fab-b) + 70px)!important}
  html body .addThis_listSharing .addThis_item--icon{width:44px!important;height:44px!important}
  html body.lyx-has-sticky .addThis_listSharing,html body.lyx-has-sticky .zalo-chat-widget{display:none!important}
}