/* =========================================================
   現貨馬上出 — 淺灰區塊 + 現貨卡 grid（桌機 4 欄、窄版 ≤959.98px 2 欄）
   卡片樣式在 kd-pages-product.css
   依賴：kd-pages.css、kd-pages-product.css
   ========================================================= */

.kd-pages-scope.kd-pages-scope.kd-pages-product-instock {
	display: flex;
	flex-direction: column;
	gap: 18px;
	background: var(--kd-bg-grey);
	border-radius: var(--kd-radius-block);
	padding: clamp(18px, 2.6vw, 30px);
	width: 100%;
	min-width: 0;
}

/* 標題右側是框線鈕 → 與標題頂端對齊（設計稿 align-items:flex-start） */
.kd-pages-scope.kd-pages-scope.kd-pages-product-instock .kd-pages__head {
	align-items: flex-start;
}

.kd-pages-scope.kd-pages-scope .kd-pages-product-instock__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

@media (min-width: 960px) {
	.kd-pages-scope.kd-pages-scope .kd-pages-product-instock__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}