:root{
	--motorit-garage-primary:#0597b1;
	--motorit-garage-dark:#047b91;
	--motorit-garage-accent:#38b6ff;
	--motorit-garage-text:#102033;
	--motorit-garage-muted:#65758a;
	--motorit-garage-border:#dbe7ef;
	--motorit-garage-bg:#f5f9fb;
}
.motorit-garage,
.motorit-garage *{box-sizing:border-box}
.motorit-garage{
	width:min(1440px,calc(100% - 32px));
	margin:24px auto 60px;
	color:var(--motorit-garage-text);
	font-family:inherit;
}
.motorit-garage-hero{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:28px;
	padding:34px;
	border-radius:28px;
	color:#fff;
	background:
		radial-gradient(circle at 92% 0,rgba(56,182,255,.34),transparent 35%),
		linear-gradient(135deg,var(--motorit-garage-dark),var(--motorit-garage-primary));
	box-shadow:0 22px 55px rgba(4,123,145,.18);
}
.motorit-garage-kicker,
.motorit-garage-section-kicker{
	display:block;
	margin-bottom:8px;
	font-size:11px;
	font-weight:900;
	letter-spacing:.16em;
	text-transform:uppercase;
}
.motorit-garage-kicker{color:rgba(255,255,255,.72)}
.motorit-garage-section-kicker{color:var(--motorit-garage-primary)}
.motorit-garage-hero h1{margin:0 0 10px;color:#fff;font-size:40px;line-height:1.06}
.motorit-garage-hero p{max-width:790px;margin:0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.65}
.motorit-garage-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.motorit-garage-hero-button{
	display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:13px;
	background:#fff;color:var(--motorit-garage-dark)!important;text-decoration:none!important;font-weight:900;
}
.motorit-garage-hero-button:hover{background:var(--motorit-garage-accent);color:#fff!important}
.motorit-garage-hero-button.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);color:#fff!important}
.motorit-garage-loading{
	display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;padding:46px;border:1px solid var(--motorit-garage-border);
	border-radius:22px;background:#fff;font-weight:900;box-shadow:0 12px 30px rgba(15,23,42,.045);
}
.motorit-garage-spinner{
	width:24px;height:24px;border:3px solid #dbe7ef;border-top-color:var(--motorit-garage-primary);
	border-radius:50%;animation:motoritGarageSpin .8s linear infinite;
}
@keyframes motoritGarageSpin{to{transform:rotate(360deg)}}
.motorit-garage-stats{
	display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px;
}
.motorit-garage-stat{
	padding:19px;border:1px solid var(--motorit-garage-border);border-radius:19px;background:#fff;
	box-shadow:0 12px 28px rgba(15,23,42,.04);
}
.motorit-garage-stat strong{display:block;margin-bottom:7px;font-size:27px;line-height:1}
.motorit-garage-stat span{color:var(--motorit-garage-muted);font-size:12px;font-weight:800}
.motorit-garage-section{
	margin-top:18px;border:1px solid var(--motorit-garage-border);border-radius:22px;background:#fff;
	box-shadow:0 12px 30px rgba(15,23,42,.045);overflow:hidden;
}
.motorit-garage-section-head{
	display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #edf3f5;background:#fbfdfe;
}
.motorit-garage-section-head h2{margin:0;font-size:22px}
.motorit-garage-section-actions{display:flex;gap:9px;flex-wrap:wrap}
.motorit-garage-section-actions button{
	min-height:42px;padding:0 16px;border:0;border-radius:12px;background:var(--motorit-garage-primary);color:#fff;font:inherit;font-weight:900;cursor:pointer;
}
.motorit-garage-section-actions button:hover{background:var(--motorit-garage-accent)}
.motorit-garage-section-actions button.secondary{background:#eef5f7;color:var(--motorit-garage-dark)}
.motorit-garage-grid{
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;
}
.motorit-garage-card{
	position:relative;overflow:hidden;border:1px solid #e1ebef;border-radius:20px;background:#fff;
}
.motorit-garage-card.is-unavailable{opacity:.82}
.motorit-garage-card-image{position:relative;aspect-ratio:16/10;background:#edf4f6;overflow:hidden}
.motorit-garage-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.motorit-garage-image-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#8da0ad;font-weight:800}
.motorit-garage-card-check{
	position:absolute;top:12px;left:12px;z-index:3;width:22px;height:22px;accent-color:var(--motorit-garage-primary);
}
.motorit-garage-status{
	position:absolute;left:12px;bottom:12px;display:inline-flex;padding:7px 10px;border-radius:999px;
	background:rgba(16,32,51,.82);color:#fff;font-size:11px;font-weight:900;
}
.motorit-garage-status.unavailable{background:#b91c1c}
.motorit-garage-card-body{padding:18px}
.motorit-garage-seller{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eaf7f9;color:var(--motorit-garage-dark);font-size:11px;font-weight:900}
.motorit-garage-card h3{margin:11px 0 7px;font-size:20px;line-height:1.25}
.motorit-garage-price{font-size:26px;font-weight:900;line-height:1.1}
.motorit-garage-price-change{display:inline-flex;margin-top:10px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900}
.motorit-garage-price-change.down{background:#dcfce7;color:#15803d}
.motorit-garage-price-change.up{background:#fee2e2;color:#b91c1c}
.motorit-garage-price-badge{display:inline-flex;margin-top:10px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900}
.motorit-garage-price-badge.good{background:#dcfce7;color:#15803d}
.motorit-garage-price-badge.fair{background:#fef3c7;color:#a16207}
.motorit-garage-price-badge.high{background:#fee2e2;color:#b91c1c}
.motorit-garage-price-badge.neutral{background:#eef2f7;color:#64748b}
.motorit-garage-meta{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}
.motorit-garage-meta span{padding:7px 9px;border-radius:10px;background:#f4f8fa;color:#4d6171;font-size:11px;font-weight:800}
.motorit-garage-card-actions{display:grid;grid-template-columns:1fr auto;gap:9px}
.motorit-garage-card-actions a,
.motorit-garage-card-actions button{
	display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 14px;border:0;border-radius:12px;text-decoration:none!important;font:inherit;font-weight:900;cursor:pointer;
}
.motorit-garage-card-actions a{background:var(--motorit-garage-primary);color:#fff!important}
.motorit-garage-card-actions a:hover{background:var(--motorit-garage-accent)}
.motorit-garage-card-actions button{background:#eef5f7;color:var(--motorit-garage-dark)}
.motorit-garage-empty{
	margin:18px;padding:42px 24px;border:1px dashed #cbdbe2;border-radius:18px;background:#fbfdfe;text-align:center;
}
.motorit-garage-empty strong{display:block;margin-bottom:7px;font-size:20px}
.motorit-garage-empty p{margin:0 0 18px;color:var(--motorit-garage-muted)}
.motorit-garage-empty a{
	display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 16px;border-radius:12px;
	background:var(--motorit-garage-primary);color:#fff!important;text-decoration:none!important;font-weight:900;
}
.motorit-garage-alerts{padding-bottom:18px}
.motorit-garage-coming-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eaf7f9;color:var(--motorit-garage-dark);font-size:11px;font-weight:900}
.motorit-garage-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}
.motorit-garage-alert-grid>div{padding:19px;border:1px solid #e4edf1;border-radius:18px;background:#fbfdfe}
.motorit-garage-alert-grid>div>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:13px;border-radius:12px;background:#eaf7f9;color:var(--motorit-garage-primary);font-size:20px;font-weight:900}
.motorit-garage-alert-grid strong{display:block;margin-bottom:6px}
.motorit-garage-alert-grid p{margin:0;color:var(--motorit-garage-muted);font-size:13px;line-height:1.55}
.motorit-garage-save-button{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid var(--motorit-garage-border);
	border-radius:13px;background:#fff;color:var(--motorit-garage-dark);font:inherit;font-weight:900;cursor:pointer;transition:.18s ease;
}
.motorit-garage-save-button:hover{border-color:var(--motorit-garage-primary);background:#effbfc}
.motorit-garage-save-button.is-saved{background:var(--motorit-garage-primary);border-color:var(--motorit-garage-primary);color:#fff}
.motorit-garage-save-inline{margin:18px 0}
.motorit-garage-toast{
	position:fixed;right:20px;bottom:24px;z-index:100000;max-width:340px;padding:13px 16px;border-radius:14px;background:#102033;color:#fff;font-weight:800;
	box-shadow:0 16px 40px rgba(15,23,42,.22);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease;
}
.motorit-garage-toast.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1000px){
	.motorit-garage-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
	.motorit-garage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
	.motorit-garage-hero{align-items:flex-start;flex-direction:column}
	.motorit-garage-hero-actions{justify-content:flex-start}
	.motorit-garage-section-head{align-items:flex-start;flex-direction:column}
	.motorit-garage-grid,.motorit-garage-alert-grid{grid-template-columns:1fr}
}
@media(max-width:580px){
	.motorit-garage{width:min(100% - 20px,1440px);margin-top:10px}
	.motorit-garage-hero{padding:24px;border-radius:22px}
	.motorit-garage-hero h1{font-size:31px}
	.motorit-garage-stats{grid-template-columns:1fr 1fr}
	.motorit-garage-card-actions{grid-template-columns:1fr}
}