/* Exhibition list page */
:root{
  --max: 1200px;
  --ink: #1f2937;
  --muted: #6b7280;
  --line: #e5e7eb;
  --brand: #FF0000;
  --bg: #f7f8fb;
}

/* top level tabs */
.cat1-tabs{max-width:var(--max);margin:24px auto 0;padding:0 20px}
.cat1-tabs .inner{display:flex;flex-wrap:wrap;gap:8px}
.cat1-tabs .tab{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:18px;background:#fff;color:#333;font-weight:600}
.cat1-tabs .tab.on{background:#111;color:#fff;border-color:#111}
.cat1-tabs .tab[aria-disabled="true"]{opacity:.5;cursor:not-allowed}

/* page head (sub hero) */
.expo-head{position:relative;overflow:hidden;margin:0 0 32px;background:#0f0f12;color:#fff}
.expo-head .inner{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:48px 20px}
.expo-head h1{font-size:36px;font-weight:800;margin:0 0 8px}
.expo-head p{opacity:.9}
.expo-head .bg{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.35))}
.expo-head .overlay{position:absolute;inset:auto 0 0 0;height:6px;background:linear-gradient(90deg,#d52e2e,#e38d2f,#307CE5)}
.expo-head .deco{position: absolute;top: 0;left: 0;opacity: .15;width: 100%;height: 100%;object-fit: cover;}
.expo-head .deco2{top:auto;bottom:-15%;left:-5%;right:auto;width:420px;transform:rotate(-6deg)}
.expo-head .deco3{top:10%;left:30%;right:auto;width:320px;transform:rotate(8deg)}

/* search box overrides (reuse index.css structure) */
.expo-search .search-form{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.expo-search .field .range{display:flex;justify-content: space-between;align-items:center;gap:10px}
.expo-search .field input[type="text"],
.expo-search .field input[type="date"]{height: 35px;border-radius:10px;border:1px solid var(--line);padding:0 12px;font-size:18px;background:#fff}
.expo-search .field.actions{display:flex;flex-direction: row;gap: 2%;}
.expo-search .btn-reset{width: 49%;height: 35px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:10px;border:1px solid var(--line);color:#333;background:#fff}
.expo-search .result-meta{margin-top:14px;color:#666}
.expo-search .result-meta strong{color:#111}
.expo-search .classify{margin-top:6px;color:#444;font-size:14px}
.expo-search .classify .code{display:inline-block;margin-right:6px;padding:2px 6px;border-radius:6px;background:#111;color:#fff;font-weight:700}

/* pager */
.pager{display:flex;gap:6px;justify-content:center;margin:28px 0}
.pager .pi{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--line);color:#333;background:#fff}
.pager .pi.on{background:#111;color:#fff;border-color:#111}

/* responsive tweaks */
@media (max-width:1024px){
  .expo-head h1{font-size:28px}
  .expo-search .search-form{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .expo-head .inner{padding:28px 16px}
  .expo-head h1{font-size:24px}
  .expo-search .field input[type="text"],
  .expo-search .field input[type="date"],
  .expo-search .btn-reset{height:44px;font-size:16px}
  .cat1-tabs{padding:0 14px}
}

.section-products{
  margin: 80px auto;
}
.search-wrap{
  padding: 20px;
}
.search-wrap .se_ti{

}
.search-form .field{height: auto;}
.search-form label{font-size: 14px;}
.search-form select{height: 35px;}
.search-form .btn-search{width: 49%;height: 35px;font-size: 16px;}
.search-form .btn-search img{width: 15px;height: 15px;}
.expo-search .field input[type="date"]{width: 48%;}