/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/* ✅ 核心容器：负责居中 */
.tn-container{
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* ✅ 两栏布局 */
.tn-archive-layout{
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.tn-archive-sidebar{
  flex: 0 0 280px;
}

.tn-archive-main{
  flex: 1;
  min-width: 0;
}

/* ✅ 右侧产品网格（可按需改列数） */
.tn-products-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* ✅ 响应式 */
@media (max-width: 980px){
  .tn-archive-layout{ flex-direction: column; }
  .tn-archive-sidebar{ flex: 1 1 auto; width: 100%; }
  .tn-products-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px){
  .tn-products-grid{ grid-template-columns: 1fr; }
}