:root {
	--blue: #2563eb;
	--blue2: #1d4ed8;
	--ink: #0f172a;
	--muted: #64748b;
	--bg: #f8fafc;
	--line: #e2e8f0;
	--radius: 12px;
}

.shop-wrap {
	background: var(--bg);
	color: var(--ink);
}

.btn,
.form-control,
.form-select {
	border-radius: var(--radius) !important;
}

.btn-primary {
	background: var(--blue) !important;
	border-color: var(--blue) !important;
}
.btn-primary:hover {
	background: var(--blue2) !important;
	border-color: var(--blue2) !important;
}

.btn-outline-primary {
	border-color: var(--blue) !important;
	color: var(--blue) !important;
}
.btn-outline-primary:hover {
	background: var(--blue) !important;
	color: #fff !important;
}

.shop-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.price {
	font-weight: 800;
	letter-spacing: -0.2px;
}

.container,
.row,
.col {
	min-width: 0;
}
.ellipsis {
	max-width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 모바일에서 햄버거 안 메뉴는 “긴 버튼” */
@media (max-width: 992px) {
	#shopNav .d-grid .btn {
		width: 100%;
	}
}