/* 伺服器分頁列與圖片延遲載入（CSS 架構重構 P5 自 5-utilities 移入共用元件） */
@layer components {
/* 效能相關 UI：server-side 分頁與媒體載入狀態，避免污染既有頁面樣式。 */
.inventory-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 18px 0 28px;
  color: var(--c-text-2);
  font-size: var(--fs-13);
}

img[loading="lazy"] {
  content-visibility: auto;
}

@media (max-width: 767px) {
  .inventory-pagination {
    margin-bottom: 20px;
  }
}
}