/* MT Bidding — responsive.css */
/* ===== RESPONSIVE ===== */
@media (max-width:1140px){
  .grid-cards{grid-template-columns:repeat(3,1fr)}
  .cats{grid-template-columns:repeat(5,1fr)}
  .orgs{grid-template-columns:repeat(3,1fr)}
  .fgrid{grid-template-columns:1fr 1fr 1fr}
}
/* Tablet: ô tìm kiếm xuống dòng full-width để không bị brand + nút ép nhỏ */
@media (max-width:1024px){
  .headmain .wrap{flex-wrap:wrap;gap:8px 16px}
  .searchbox{order:3;flex:1 0 100%}
  .headact{margin-left:auto}
}
@media (max-width:900px){
  .layout{grid-template-columns:1fr}
  .filters{position:static;display:none;max-height:none}
  .filters.open{display:block}
  .filter-toggle{display:block}
  .hero .grid{grid-template-columns:1fr}
  .hero .side{grid-template-rows:none;grid-template-columns:1fr 1fr}
  .hero .side a{aspect-ratio:16/9}
  .trust{grid-template-columns:1fr 1fr}
  .dt{grid-template-columns:1fr}
  .exwrap{grid-template-columns:minmax(0,1fr)}
  .orgs{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .topbar{display:none}
  .headmain .wrap{flex-wrap:wrap;gap:10px}
  .brand .bname{display:none}
  .brand .logo{height:52px;padding:5px 3px}
  .searchbox{order:3;flex:1 0 100%}
  .headact{margin-left:auto}
  .btn-post span{display:none}
  .btn-post{padding:11px 13px}
  .grid-cards{grid-template-columns:repeat(2,1fr);gap:6px}
  .cats{grid-template-columns:repeat(4,1fr)}
  .fgrid{grid-template-columns:1fr 1fr;gap:18px;padding:22px 0}
  .form{grid-template-columns:1fr}
  .price{font-size:15px}
  .panel-head h3{font-size:14px}
  .flash-title{font-size:15.5px}
  .mbody{padding:14px}
  .sortbar .pager{display:none}
  .hotkeys{display:none}
  .slide{aspect-ratio:16/9}
  .slide .cap{padding:12px 14px 14px}
  .slide .cap .kicker{font-size:10px;letter-spacing:1.4px}
  .slide .cap h2{font-size:15.5px;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .slide .cap p{font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .dots{bottom:6px}
  .sl-nav{display:none}
  .searchbar input{padding:11px 12px}
  .searchbar .btn-search{padding:11px 20px}
  .fav{width:38px;height:38px;right:5px;bottom:5px}
  .exgo{padding:11px 16px}
  .chip{padding:10px 14px}
  .panel-head .more{padding:6px 0}
  .catnav button{padding:14px 12px}
  .iconbtn{width:42px;height:42px}
  .searchbar input,.field input,.field select,.field textarea,.range input,.sortbar select{font-size:16px}
  .backdrop{padding:0;align-items:flex-end}
  .modal,.modal.sm{max-width:100%;max-height:90dvh;border-radius:16px 16px 0 0;overscroll-behavior:contain}
  .mhead{padding:13px 14px}
  .tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .tabs::-webkit-scrollbar{display:none}
  .tabs button{flex:0 0 auto}
  .dactions button{flex:1 1 100%;min-width:0;padding:13px}
  .dprice .p{font-size:20px}
  .fgrid a{padding:7px 0;margin:0}
  .fgrid p{margin:0 0 9px}
  .fabs{right:10px;bottom:calc(14px + env(safe-area-inset-bottom))}
  .fbot{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
}
@media (max-width:480px){
  .dspecs{grid-template-columns:1fr}
  .trust{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .cats{grid-template-columns:repeat(3,1fr)}
  .orgs{grid-template-columns:1fr}
}