/* woolpad-responsive.css — responsive layer cho theme crawl (style.css thiếu media.css gốc). Desktop >=1200px không đổi. */
img,iframe,video{max-width:100%;}
@media (max-width:1229px){
  html,body{overflow-x:hidden;}
  .wap_main{min-width:0!important;width:100%;}
  .wap_1200{width:100%!important;max-width:1200px;padding:0 10px;box-sizing:border-box;}
  .wrap-content{max-width:100%;box-sizing:border-box;}
  .owl-carousel,.slideshow{max-width:100%;overflow:hidden;}
  .procon table,.content-main table,.xctiet table,table{max-width:100%;}
}
@media (max-width:991px){
  .menu{display:none!important;}
  .header-bottom{display:none;}
  .menu_mobi{display:flex!important;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:999;background:#a60129;padding:6px 12px;height:56px;box-sizing:border-box;}
  .menu_mobi p{margin:0;}
  .icon_menu_mobi{color:#fff;font-size:24px;cursor:pointer;padding:4px 6px;}
  .logo-mobi img{max-height:44px;width:auto;background:#fff;border-radius:4px;padding:2px;}
  .search-res{position:relative;}
  .search-res .icon-search{color:#fff;font-size:18px;cursor:pointer;margin:0;}
  .search-res .search-grid{display:none;position:absolute;right:0;top:44px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);padding:6px;width:260px;border-radius:4px;}
  .search-res .search-grid.active,.search-res:hover .search-grid{display:flex;}
  .search-res .search-grid input{flex:1;border:1px solid #ddd;padding:6px;min-width:0;}
  .search-res .search-grid p{margin:0;padding:6px 10px;cursor:pointer;}
  .menu_baophu{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;}
  .menu_mobi_add{display:block!important;position:fixed;top:0;left:-290px;width:280px;height:100%;overflow-y:auto;background:#fff;z-index:1001;transition:left .3s;box-shadow:2px 0 10px rgba(0,0,0,.3);}
  .menu_mobi_add.menu_mobi_active{left:0;}
  .menu_mobi_add.menu_mobi_active ~ .menu_mobi .menu_baophu{display:block;}
  .menu_mobi_add .close_menu{display:block;text-align:right;padding:10px 15px;font-weight:bold;cursor:pointer;background:#a60129;color:#fff;}
  .menu_mobi_add ul{list-style:none;margin:0;padding:0;}
  .menu_mobi_add ul li{position:relative;border-bottom:1px solid #eee;}
  .menu_mobi_add ul li a{display:block;padding:10px 40px 10px 15px;color:#333;text-transform:uppercase;font-size:14px;}
  .menu_mobi_add ul li ul{display:none;background:#f7f7f7;}
  .menu_mobi_add ul li ul li a{text-transform:none;padding-left:28px;}
  .menu_mobi_add ul li a i{position:absolute;right:0;top:0;width:40px;height:40px;line-height:40px;text-align:center;}
  .menu_mobi_add ul li > span{display:none;}
  .header-top .wrap-content{flex-wrap:wrap;}
  .product{width:calc(50% - 20px)!important;}
  .news{width:calc(50% - 20px)!important;}
  .footer-news,.footer-news:nth-child(n){width:48%!important;margin-bottom:20px;}
  .footer-article .wrap-content,.footer_tren,.div_footer{flex-wrap:wrap;}
  .title-main span{font-size:24px;}
  .box-hethong .ht-left{position:static;}
}
@media (max-width:575px){
  .header-top{display:none;}
  .product{width:calc(50% - 10px)!important;margin:0 5px 10px!important;}
  .css_flex_product{margin:0 -5px;}
  .news,.box-sanpham-tc .news{width:100%!important;margin:0 0 15px!important;}
  .footer-news,.footer-news:nth-child(n),.footer-info{width:100%!important;}
  .title-main span{font-size:20px;}
  .wrap-content{padding:0 10px;}
  .procon,.xctiet{overflow-x:auto;}
  .wrap-content [class*="col-"]{width:100%;}
}
@media (max-width:767px){
  .box-product{display:flex!important;flex-direction:column!important;}
  .box-product .pic-product,.box-product .info-product{width:100%!important;max-width:100%!important;flex:none!important;}
  .name-product{font-size:15px!important;line-height:1.3;}
  .desc-product{font-size:13px!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
}
/* Product detail <=767px */
@media (max-width:767px){
  .grid-pro-detail{display:flex!important;flex-direction:column!important;}
  .left-pro-detail,.right-pro-detail{width:100%!important;max-width:100%!important;float:none!important;margin:0 0 15px!important;padding:0!important;flex:none!important;}
  .left-pro-detail .MagicZoom,.left-pro-detail .MagicZoom img,.left-pro-detail > a img{width:100%!important;height:auto!important;max-width:100%!important;}
  .gallery-thumb-pro{width:100%!important;margin-top:8px;position:relative;}
  .gallery-thumb-pro .thumb-pro-detail img{width:100%;height:auto;}
  .gallery-thumb-pro .owl-pro-detail{padding:0 24px;box-sizing:border-box;}
  .control-pro-detail{font-size:16px;}
  .title-pro-detail{font-size:20px!important;line-height:1.3;}
  .desc-pro-detail{font-size:14px;}
  .attr-pro-detail{list-style:none;padding:0;margin:0 0 10px;}
  .attr-pro-detail li{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px;font-size:14px;}
  .attr-label-pro-detail{min-width:auto!important;}
  .price-new-pro-detail{font-size:20px!important;}
  .right-pro-detail .btn-frame,.right-pro-detail a.btn,.right-pro-detail button{display:inline-block;max-width:100%;}
  .social-plugin-pro-detail{display:flex;flex-wrap:wrap;gap:6px;}
  .tabs-pro-detail .nav-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .tabs-pro-detail .nav-tabs .nav-link{white-space:nowrap;padding:8px 12px;font-size:13px;}
  .tabs-pro-detail .tab-content{overflow-x:auto;}
  .tabs-pro-detail .tab-content img{height:auto!important;}
  .tabs-pro-detail table{display:block;overflow-x:auto;width:100%!important;}
  .row-products .product,.css_flex_product .product{width:calc(50% - 10px)!important;margin:0 5px 10px!important;}
}