@media(max-width:1200px){
  .main-layout{grid-template-columns:200px 1fr 200px;gap:20px;padding:20px 0}
}
@media(max-width:1024px){
  .main-layout{grid-template-columns:1fr;grid-template-areas:"content" "left" "right"}
  .container{padding:0 20px}
  .hero-title{font-size:32px}
  .hero-subtitle{font-size:15px}
}
@media(max-width:768px){
  .container{padding:0 16px}
  .main-layout{gap:16px;padding:16px 0}
  .card{padding:16px}
  .hero-title{font-size:28px}
  .hero-subtitle{font-size:14px}
  .hero-section{padding:32px 16px 24px}
  .hero-actions{flex-direction:column;align-items:center}
  .hero-actions .btn{width:100%;max-width:280px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:20px}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .trending-carousel{grid-template-columns:1fr}
  .product-grid{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .why-us-grid{grid-template-columns:1fr 1fr}
  .thread-item{flex-direction:column;gap:8px}
  .marketplace-banner{grid-template-columns:repeat(3,1fr)}
  .sidebar-stats{grid-template-columns:1fr 1fr}
  .flex-wrap.gap-2.justify-between{flex-direction:column;align-items:center;text-align:center}
  .ad-real{flex-direction:column;text-align:center;gap:8px}
  .ad-real-price{align-self:center}
  .ad-real-body{text-align:center}
  .deal-content{flex-direction:column;text-align:center;gap:12px}
  .deal-pricing{text-align:center}
  .leaderboard-grid{grid-template-columns:1fr}
  .sidebar-ad{min-height:auto}
}
@media(max-width:480px){
  .hero-title{font-size:24px}
  .hero-subtitle{font-size:13px}
  .stats-grid{grid-template-columns:1fr 1fr}
  .why-us-grid{grid-template-columns:1fr}
  .marketplace-banner{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .header-actions .search-trigger span{display:none}
  .header-actions .user-name{display:none}
  .header-inner{gap:8px}
}
/* Touch-friendly target sizes */
@media(hover:none) and (pointer:coarse){
  .nav-link,.btn,.sidebar-links a,.footer-links a{padding-top:10px;padding-bottom:10px;min-height:44px}
  .search-trigger{min-height:44px}
}