/* 来点赞女鞋 - 响应式规则 */

@media (max-width: 1024px) {
  .head { grid-template-columns: 180px 1fr auto; gap: 14px; }
  .pgrid { grid-template-columns: repeat(3, 1fr); }
  .cats { grid-template-columns: repeat(3, 1fr); }
  .xgrid { grid-template-columns: repeat(2, 1fr); }
  .foot-grid { grid-template-columns: 1fr 1fr; }
  .hero-inner { grid-template-columns: 1fr; gap: 20px; min-height: auto; padding: 32px 0; }
  .hero h1 { font-size: 32px; }
  .list-wrap { grid-template-columns: 200px 1fr; }
  .co-grid { grid-template-columns: 1fr 320px; }
}

@media (max-width: 768px) {
  .head {
    grid-template-columns: auto 1fr auto;
    gap: 10px; padding: 10px 0;
  }
  .logo b { font-size: 18px; letter-spacing: 1px; }
  .logo span { display: none; }
  .search { display: none; }
  .nav-actions .nav-link { display: none; }
  .hamburger { display: inline-flex; }
  .main-nav { display: none; position: sticky; top: 64px; z-index: 49; }
  .main-nav.open { display: block; }
  .main-nav ul { flex-direction: column; }
  .main-nav a { padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,.08); }

  .mobile-search { display: flex !important; padding: 10px 16px; background: var(--c-bg-2); }
  .mobile-search .search { display: block; max-width: 100%; }

  .hero h1 { font-size: 26px; }
  .hero p { font-size: 14px; }
  .hero-inner { padding: 24px 0; }

  .section { padding: 32px 0; }
  .section-head { flex-direction: column; align-items: flex-start; gap: 6px; margin-bottom: 18px; }
  .section-head h2 { font-size: 20px; }

  .cats { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .cat-tile { padding: 16px 8px 14px; }
  .cat-icon { width: 44px; height: 44px; font-size: 20px; }

  .pgrid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .pcard .name { font-size: 13px; min-height: 38px; }
  .pcard .price { font-size: 17px; }

  .xgrid { grid-template-columns: 1fr; gap: 12px; }
  .xcard { padding: 18px; }
  .xcard p { min-height: auto; }

  .foot-grid { grid-template-columns: 1fr; gap: 24px; }
  .foot-bottom { flex-direction: column; align-items: flex-start; gap: 8px; }

  .list-wrap { grid-template-columns: 1fr; padding: 16px 0 32px; gap: 16px; }
  .filter { position: static; display: none; }
  .filter.open { display: block; }
  .filter-toggle { display: inline-flex; }
  .list-top .l { font-size: 12px; }

  .detail { padding: 16px 0 32px; }
  .detail-grid { grid-template-columns: 1fr; gap: 20px; }
  .info h1 { font-size: 20px; }
  .info .price-block { padding: 16px; }
  .info .price-big { font-size: 26px; }
  .tab-nav { overflow-x: auto; flex-wrap: nowrap; }
  .tab-nav button { padding: 12px 14px; font-size: 13px; white-space: nowrap; flex: 0 0 auto; border-right: 1px solid var(--c-line); }
  .tab-body { padding: 18px; }

  .cart-page { padding: 16px 0 32px; }
  .cart-table thead { display: none; }
  .cart-table, .cart-table tbody, .cart-table tr, .cart-table td { display: block; width: 100%; }
  .cart-table tr { border-bottom: 1px solid var(--c-line); padding: 14px 0; }
  .cart-table td { border-bottom: 0; padding: 6px 16px; }
  .cart-table td::before {
    content: attr(data-label); display: inline-block; min-width: 64px; color: var(--c-muted); font-size: 12px;
  }
  .cart-item { padding: 0 16px; }
  .cart-summary { padding: 16px; gap: 14px; }
  .cart-summary .total { font-size: 20px; }

  .co { padding: 16px 0 32px; }
  .co-grid { grid-template-columns: 1fr; gap: 16px; }
  .co-order { position: static; }
  .form-grid-2 { grid-template-columns: 1fr; gap: 12px; }

  .paying { padding: 24px 0; }
  .paying-card { padding: 32px 18px; }
  .paying h1 { font-size: 22px; }
  .paying-actions .btn { flex: 1 1 45%; }

  .article { padding: 20px 0 32px; }
  .article-card { padding: 20px 18px; }
  .article-card h1 { font-size: 22px; }
}

@media (max-width: 480px) {
  .container { padding: 0 14px; }
  .cats { grid-template-columns: repeat(2, 1fr); }
  .pgrid { gap: 10px; }
  .hero h1 { font-size: 22px; }
  .info-actions .btn { width: 100%; }
  .paying-meta .row { font-size: 13px; }
  .paying-meta .row b { font-size: 18px; }
}