/* Car Stock Manager — Stock / Sold grid
   Accent uses RofiTech brand #1DCD9F. Adjust to match the live theme. */

.csm-grid{
	display:grid;
	gap:24px;
	grid-template-columns:repeat(3,1fr);
	margin:0 0 24px;
}
.csm-cols-1{grid-template-columns:repeat(1,1fr)}
.csm-cols-2{grid-template-columns:repeat(2,1fr)}
.csm-cols-3{grid-template-columns:repeat(3,1fr)}
.csm-cols-4{grid-template-columns:repeat(4,1fr)}

@media (max-width:1024px){.csm-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.csm-grid{grid-template-columns:1fr}}

.csm-card{
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid #ececec;
	border-radius:10px;
	overflow:hidden;
	transition:box-shadow .2s ease, transform .2s ease;
}
.csm-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.10);transform:translateY(-3px)}

.csm-card-media{
	position:relative;
	display:block;
	aspect-ratio:16/10;
	background:#f4f4f4;
	overflow:hidden;
}
.csm-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.csm-noimg{display:flex;align-items:center;justify-content:center;height:100%;color:#aaa;font-size:14px}

.csm-badge-sold{
	position:absolute;top:12px;left:12px;
	background:#c0392b;color:#fff;
	font-weight:700;font-size:12px;letter-spacing:1px;
	padding:5px 12px;border-radius:4px;
}
.csm-card-sold .csm-card-media img{filter:grayscale(.35)}

.csm-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.csm-card-title{margin:0;font-size:18px;line-height:1.3}
.csm-card-title a{color:inherit;text-decoration:none}
.csm-card-title a:hover{color:#1DCD9F}

.csm-card-specs{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;color:#666;font-size:13px}
.csm-card-specs li{position:relative;padding-left:14px}
.csm-card-specs li::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#1DCD9F;transform:translateY(-50%)}

.csm-card-price{font-size:20px;font-weight:700;color:#111;margin-top:auto}

.csm-card-btn{
	align-self:flex-start;
	display:inline-block;
	background:#1DCD9F;color:#fff;text-decoration:none;
	font-size:14px;font-weight:600;
	padding:9px 18px;border-radius:6px;
	transition:opacity .2s ease;
}
.csm-card-btn:hover{opacity:.88;color:#fff}

.csm-empty{color:#888;font-style:italic}