.system_products_wrap{
	max-width:1320px;
	margin:40px auto;
	font-family:Arial,'Noto Sans KR',sans-serif;
}

.system_products_title{
	font-size:24px;
	font-weight:800;
	margin:0 0 18px;
	color:#111;
}

/* 공통 리스트 */
.system_products_list{
	display:grid;
	gap:20px;
}

/* 공통 상품박스 */
.system_products_item{
	position:relative;
	background:#fff;
	border:1px solid #eee;
	border-radius:18px;
	overflow:hidden;
	transition:all .25s ease;
}

.system_products_item:hover{
	transform:translateY(-4px);
	box-shadow:0 10px 24px rgba(0,0,0,.08);
}

/* 이미지 영역 */
.system_products_imgbox{
	position:relative;
	display:block;
	width:100%;
	aspect-ratio:1/1;
	background:#f7f7f7;
	overflow:hidden;
	text-decoration:none;
}

.system_products_imgbox img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

/* 장바구니 버튼 */
.system_products_cart{
	position:absolute;
	right:12px;
	bottom:12px;
	width:42px;
	height:42px;
	border:0;
	border-radius:50%;
	background:rgba(255,255,255,.82);
	color:#333;
	font-size:17px;
	cursor:pointer;
	box-shadow:0 4px 12px rgba(0,0,0,.12);
	z-index:5;
}

.system_products_cart:hover{
	background:#00a651;
	color:#fff;
}

/* 상품정보 */
.system_products_info{
	display:block;
	padding:14px;
	background:#fff;
}

.system_products_name{
	font-size:15px;
	line-height:1.45;
	height:43px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	color:#222;
	font-weight:600;
}

.system_products_pricebox{
	margin-top:10px;
	display:block;
}

.system_products_sale{
	display:inline-block;
	color:#e60023;
	font-size:18px;
	font-weight:800;
	margin-right:6px;
}

.system_products_price{
	display:inline-block;
	color:#111;
	font-size:18px;
	font-weight:800;
}

.system_products_origin{
	display:block;
	margin-top:4px;
	color:#aaa;
	font-size:13px;
	text-decoration:line-through;
}

/* 스킨1 : 6개 그리드 */
.system_products_skin1{
	grid-template-columns:repeat(6,1fr);
}

/* 스킨2 : 4열 그리드 */
.system_products_skin2{
	grid-template-columns:repeat(4,1fr);
}

/* 스킨3 : 좌측 큰 상품 + 우측 4개 */
.system_products_skin3_mix{
	display:grid;
	grid-template-columns:1.1fr 1fr;
	gap:20px;
}

.system_products_skin3_big .system_products_imgbox{
	aspect-ratio:1/1.08;
}

.system_products_skin3_big .system_products_name{
	font-size:20px;
	height:58px;
}

.system_products_skin3_big .system_products_sale,
.system_products_skin3_big .system_products_price{
	font-size:25px;
}

.system_products_skin3_small{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:20px;
}

/* 스킨4, 스킨5 공통 드래그 영역 */
.system_products_drag_area{
	overflow-x:auto;
	overflow-y:hidden;
	position:relative;
	cursor:grab;
	user-select:none;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
}

.system_products_drag_area::-webkit-scrollbar{
	display:none;
}

.system_products_drag_area.system_products_dragging{
	cursor:grabbing;
}

/* 스킨4, 스킨5 가로 트랙 */
.system_products_row_track{
	display:flex;
	gap:20px;
	width:max-content;
	padding-bottom:6px;
}

.system_products_row_track .system_products_item{
	width:230px;
	flex-shrink:0;
}

/* 스킨4 : 자동 롤링 */
.system_products_skin4_track{
	animation:systemProductsRolling 35s linear infinite;
}

.system_products_drag_area:hover .system_products_skin4_track,
.system_products_drag_area.system_products_dragging .system_products_skin4_track{
	animation-play-state:paused;
}

@keyframes systemProductsRolling{
	0%{
		transform:translateX(0);
	}
	100%{
		transform:translateX(-50%);
	}
}

/* 스킨5 : 좌우 스크롤 */
.system_products_skin5_track{
	padding-bottom:12px;
}

/* 모바일 */
@media(max-width:768px){
	.system_products_wrap{
		margin:30px 14px;
	}

	.system_products_title{
		font-size:20px;
		margin-bottom:14px;
	}

	.system_products_skin1,
	.system_products_skin2{
		grid-template-columns:repeat(2,1fr);
		gap:12px;
	}

	.system_products_skin3_mix{
		grid-template-columns:1fr;
		gap:12px;
	}

	.system_products_skin3_small{
		grid-template-columns:repeat(2,1fr);
		gap:12px;
	}

	.system_products_info{
		padding:10px;
	}

	.system_products_name{
		font-size:13px;
		height:38px;
	}

	.system_products_sale,
	.system_products_price{
		font-size:15px;
	}

	.system_products_origin{
		font-size:12px;
	}

	.system_products_cart{
		width:36px;
		height:36px;
		font-size:15px;
		right:10px;
		bottom:10px;
	}

	.system_products_row_track{
		gap:12px;
	}

	.system_products_row_track .system_products_item{
		width:170px;
	}
}