:root{
	--adl-primary:#66a6ff;
	--adl-accent:var(--adl-primary);
	--adl-success:#22c55e;
	--adl-warning:#f59e0b;
	--adl-danger:#ef4444;
	--adl-bg:#f7f8fb;
	--adl-surface:#ffffff;
	--adl-surface-2:#f3f5f8;
	--adl-border:rgba(15,23,42,0.12);
	--adl-text:#111827;
	--adl-muted:#64748b;
	--adl-radius-xl:22px;
	--adl-radius-lg:18px;
	--adl-radius-md:14px;
	--adl-shadow:0 18px 48px rgba(15,23,42,0.10);
	--adl-focus:0 0 0 3px color-mix(in srgb, var(--adl-primary) 22%, transparent);
}

.adl-archive,
.adl-archive *{
	box-sizing:border-box;
}

.adl-archive{
	background:var(--adl-bg);
	color:var(--adl-text);
	padding:34px 0 48px;
	min-height:60vh;
	direction:inherit;
	font-family:inherit;
}

.adl-wrap{
	width:min(1180px, calc(100% - 32px));
	margin:0 auto;
}

.adl-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:18px;
	margin-bottom:16px;
}

.adl-title{
	margin:0;
	font-size:clamp(28px, 3vw, 44px);
	line-height:1.15;
	letter-spacing:-0.04em;
	color:var(--adl-text);
}

.adl-sub{
	max-width:720px;
	margin:10px 0 0;
	color:var(--adl-muted);
	font-size:15px;
	line-height:1.75;
}

.adl-head-actions{
	display:flex;
	align-items:center;
	gap:10px;
	flex-shrink:0;
}

.adl-result-pill{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	padding:8px 13px;
	border:1px solid var(--adl-border);
	border-radius:999px;
	background:var(--adl-surface);
	color:var(--adl-muted);
	font-size:13px;
	white-space:nowrap;
}

.adl-mobile-filter-toggle,
.adl-filter-close{
	display:none;
}

.adl-filter-shell{
	position:relative;
	margin-bottom:18px;
	border:1px solid var(--adl-border);
	background:var(--adl-surface);
	border-radius:var(--adl-radius-xl);
	box-shadow:var(--adl-shadow);
	padding:14px;
}

.adl-filter-panel-head{
	display:none;
}

.adl-filter-form{
	margin:0;
}

.adl-filters{
	display:grid;
	grid-template-columns:minmax(220px,1.4fr) repeat(5, minmax(140px,1fr));
	gap:10px;
	align-items:end;
}

.adl-field{
	display:flex;
	flex-direction:column;
	gap:6px;
}

.adl-field label,
.adl-dynamic-title{
	font-size:12px;
	font-weight:700;
	color:var(--adl-muted);
}

.adl-field input,
.adl-field select{
	width:100%;
	border:1px solid var(--adl-border);
	background:var(--adl-surface-2);
	color:var(--adl-text);
	border-radius:13px;
	padding:11px 12px;
	font-size:14px;
	line-height:1.35;
	outline:none;
	min-height:44px;
	box-shadow:none;
	transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.adl-field input:focus,
.adl-field select:focus{
	border-color:var(--adl-primary);
	box-shadow:var(--adl-focus);
	background:var(--adl-surface);
}

.adl-field input::placeholder{
	color:color-mix(in srgb, var(--adl-muted) 70%, transparent);
}

.adl-field select option{
	color:#111827;
	background:#fff;
}

.adl-dynamic-filters{
	grid-column:1 / -1;
	padding-top:4px;
}

.adl-dynamic-title{
	margin:4px 0 10px;
}

.adl-dynamic-grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:10px;
}

.adl-range-row{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
}

.adl-actions{
	display:flex;
	gap:10px;
	grid-column:1 / -1;
	align-items:center;
}

.adl-btn,
.adl-reset,
.adl-card-action{
	min-height:44px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:13px;
	padding:10px 14px;
	font-weight:800;
	font-size:14px;
	line-height:1.2;
	text-decoration:none;
	cursor:pointer;
	transition:transform .16s ease, filter .16s ease, border-color .16s ease, background .16s ease;
}

.adl-btn{
	width:100%;
	border:1px solid var(--adl-primary);
	background:var(--adl-primary);
	color:#fff;
}

.adl-reset{
	width:100%;
	border:1px solid var(--adl-border);
	background:var(--adl-surface-2);
	color:var(--adl-text);
}

.adl-btn:hover,
.adl-reset:hover,
.adl-card-action:hover{
	transform:translateY(-1px);
	filter:brightness(1.03);
}

.adl-found{
	grid-column:1 / -1;
	color:var(--adl-muted);
	font-size:13px;
}

.adl-grid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:18px;
}

.adl-cols-2 .adl-grid{
	grid-template-columns:repeat(2, minmax(0, 1fr));
}

.adl-cols-4 .adl-grid{
	grid-template-columns:repeat(4, minmax(0, 1fr));
}

.adl-card{
	border:1px solid var(--adl-border);
	background:var(--adl-surface);
	border-radius:var(--adl-radius-xl);
	box-shadow:var(--adl-shadow);
	overflow:hidden;
	display:flex;
	flex-direction:column;
	min-height:100%;
	transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.adl-card:hover{
	transform:translateY(-3px);
	border-color:color-mix(in srgb, var(--adl-primary) 35%, var(--adl-border));
	box-shadow:0 22px 58px rgba(15,23,42,0.14);
}

.adl-card-media{
	position:relative;
	display:block;
	aspect-ratio:16 / 10.5;
	background:var(--adl-surface-2);
	overflow:hidden;
	text-decoration:none;
}

.adl-card-media img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transform:scale(1);
	transition:transform .25s ease;
}

.adl-card:hover .adl-card-media img{
	transform:scale(1.035);
}

.adl-card-placeholder{
	width:100%;
	height:100%;
	display:block;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--adl-primary) 12%, transparent), transparent),
		var(--adl-surface-2);
}

.adl-badge{
	position:absolute;
	inset-block-start:12px;
	inset-inline-start:12px;
	border:1px solid color-mix(in srgb, #fff 28%, transparent);
	background:rgba(17,24,39,0.72);
	color:#fff;
	padding:7px 10px;
	border-radius:999px;
	font-size:12px;
	display:inline-flex;
	align-items:center;
	gap:8px;
	backdrop-filter:blur(10px);
}

.adl-dot{
	width:8px;
	height:8px;
	border-radius:999px;
	background:var(--adl-success);
	box-shadow:0 0 0 6px color-mix(in srgb, var(--adl-success) 18%, transparent);
	flex:0 0 auto;
}

.adl-badge[data-key='pending'] .adl-dot{
	background:var(--adl-warning);
	box-shadow:0 0 0 6px color-mix(in srgb, var(--adl-warning) 18%, transparent);
}

.adl-badge[data-key='sold'] .adl-dot{
	background:#94a3b8;
	box-shadow:0 0 0 6px rgba(148,163,184,0.18);
}

.adl-card-body{
	padding:15px;
	display:flex;
	flex-direction:column;
	gap:11px;
	flex:1;
}

.adl-meta{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	align-items:center;
}

.adl-chip{
	display:inline-flex;
	align-items:center;
	max-width:100%;
	border:1px solid var(--adl-border);
	background:var(--adl-surface-2);
	border-radius:999px;
	padding:5px 9px;
	color:var(--adl-muted);
	text-decoration:none;
	font-size:12px;
	line-height:1.35;
}

.adl-chip:hover{
	border-color:var(--adl-primary);
	color:var(--adl-text);
}

.adl-card-title{
	margin:0;
	font-size:17px;
	line-height:1.45;
	letter-spacing:-0.015em;
	color:var(--adl-text);
}

.adl-card-title a{
	color:inherit;
	text-decoration:none;
}

.adl-card-title a:hover{
	color:var(--adl-primary);
}

.adl-card-price{
	display:grid;
	gap:3px;
	margin-top:auto;
}

.adl-card-price strong{
	font-size:18px;
	line-height:1.35;
	color:var(--adl-text);
	letter-spacing:-0.01em;
}

.adl-card-price span{
	font-size:12px;
	color:var(--adl-muted);
}

.adl-card-attrs{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:8px;
}

.adl-card-attr{
	display:grid;
	gap:3px;
	border:1px solid var(--adl-border);
	background:var(--adl-surface-2);
	border-radius:13px;
	padding:9px;
	min-width:0;
}

.adl-card-attr span{
	color:var(--adl-muted);
	font-size:11px;
	line-height:1.3;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.adl-card-attr strong{
	color:var(--adl-text);
	font-size:13px;
	line-height:1.35;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.adl-price-row{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:10px;
	padding:9px 10px;
	border:1px solid var(--adl-border);
	border-radius:13px;
	background:var(--adl-surface-2);
	font-size:13px;
	color:var(--adl-text);
}

.adl-buy-price-row{
	opacity:.86;
}

.adl-card-action{
	margin-top:2px;
	width:100%;
	border:1px solid var(--adl-primary);
	background:var(--adl-primary);
	color:#fff;
}

.adl-pagination{
	margin-top:22px;
	display:flex;
	justify-content:center;
	gap:8px;
	flex-wrap:wrap;
}

.adl-pagination a,
.adl-pagination span{
	border:1px solid var(--adl-border);
	background:var(--adl-surface);
	color:var(--adl-text);
	border-radius:13px;
	padding:10px 12px;
	text-decoration:none;
	font-size:13px;
	min-width:42px;
	text-align:center;
}

.adl-pagination .current{
	border-color:var(--adl-primary);
	background:var(--adl-primary);
	color:#fff;
	font-weight:800;
}

.adl-empty{
	border:1px solid var(--adl-border);
	background:var(--adl-surface);
	border-radius:var(--adl-radius-xl);
	box-shadow:var(--adl-shadow);
	padding:22px;
	color:var(--adl-muted);
}

.adl-empty p{
	margin:0;
}

/* Skins */
.adl-skin-clean{
	--adl-bg:transparent;
	--adl-surface:#fff;
	--adl-surface-2:#f7f8fa;
	--adl-border:rgba(15,23,42,0.12);
	--adl-text:inherit;
	--adl-muted:#64748b;
	--adl-shadow:0 10px 28px rgba(15,23,42,0.08);
	background:transparent;
	padding:22px 0 34px;
}

.adl-skin-dark{
	--adl-bg:#0b1220;
	--adl-surface:rgba(255,255,255,0.07);
	--adl-surface-2:rgba(255,255,255,0.09);
	--adl-border:rgba(255,255,255,0.13);
	--adl-text:rgba(255,255,255,0.94);
	--adl-muted:rgba(255,255,255,0.66);
	--adl-shadow:0 22px 60px rgba(0,0,0,0.40);
	background:
		radial-gradient(1100px 700px at 12% 20%, color-mix(in srgb, var(--adl-primary) 18%, transparent), transparent 55%),
		linear-gradient(180deg, rgba(11,18,32,1), rgba(7,10,18,1));
}

.adl-skin-dark .adl-field input,
.adl-skin-dark .adl-field select,
.adl-skin-dark .adl-reset,
.adl-skin-dark .adl-pagination a,
.adl-skin-dark .adl-pagination span{
	color:var(--adl-text);
}

.adl-skin-dark .adl-field select option{
	color:#111827;
}

.adl-skin-light{
	--adl-bg:#f6f8fc;
	--adl-surface:#fff;
	--adl-surface-2:#f1f5f9;
	--adl-border:rgba(15,23,42,0.12);
	--adl-text:#111827;
	--adl-muted:#64748b;
	background:linear-gradient(180deg,#f8fafc,#eef2f7);
}

.adl-skin-auto-speed{
	--adl-primary:#f5b400;
	--adl-accent:#f5b400;
	--adl-bg:#ffffff;
	--adl-surface:#ffffff;
	--adl-surface-2:#f5f5f5;
	--adl-border:rgba(17,24,39,0.12);
	--adl-text:#141414;
	--adl-muted:#6b7280;
	--adl-radius-xl:18px;
	--adl-radius-lg:14px;
	--adl-radius-md:12px;
	--adl-shadow:0 16px 42px rgba(17,24,39,0.10);
	background:#fff;
}

.adl-skin-auto-speed .adl-btn,
.adl-skin-auto-speed .adl-card-action,
.adl-skin-auto-speed .adl-pagination .current{
	color:#141414;
}

/* Shortcodes */
.adl-shortcode-list,
.adl-shortcode-card{
	border-radius:var(--adl-radius-xl);
	overflow:hidden;
	margin:18px 0;
}

.adl-shortcode-card .adl-grid{
	grid-template-columns:minmax(0,420px);
	justify-content:start;
}

/* Responsive */
@media (max-width:1100px){
	.adl-filters{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
	.adl-dynamic-grid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
	.adl-cols-4 .adl-grid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

@media (max-width:860px){
	.adl-head{
		align-items:flex-start;
	}
	.adl-grid,
	.adl-cols-2 .adl-grid,
	.adl-cols-3 .adl-grid,
	.adl-cols-4 .adl-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (max-width:720px){
	.adl-archive{
		padding:22px 0 34px;
	}
	.adl-wrap{
		width:min(100% - 24px, 1180px);
	}
	.adl-head{
		display:grid;
		gap:14px;
	}
	.adl-head-actions{
		justify-content:space-between;
	}
	.adl-mobile-filter-toggle{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		min-height:42px;
		padding:10px 14px;
		border-radius:999px;
		border:1px solid var(--adl-primary);
		background:var(--adl-primary);
		color:#fff;
		font-weight:800;
		cursor:pointer;
	}
	.adl-filter-shell{
		position:fixed;
		z-index:99999;
		inset-block:0;
		inset-inline-start:0;
		width:min(92vw, 420px);
		margin:0;
		border-radius:0 var(--adl-radius-xl) var(--adl-radius-xl) 0;
		padding:0;
		overflow:auto;
		transform:translateX(-105%);
		transition:transform .22s ease;
		box-shadow:0 20px 70px rgba(0,0,0,0.25);
	}
	html[dir='rtl'] .adl-filter-shell{
		inset-inline-start:auto;
		inset-inline-end:0;
		border-radius:var(--adl-radius-xl) 0 0 var(--adl-radius-xl);
		transform:translateX(105%);
	}
	body.adl-filters-open .adl-filter-shell{
		transform:translateX(0);
	}
	.adl-filter-panel-head{
		position:sticky;
		top:0;
		z-index:2;
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:12px;
		padding:14px;
		border-bottom:1px solid var(--adl-border);
		background:var(--adl-surface);
	}
	.adl-filter-close{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:38px;
		height:38px;
		border:1px solid var(--adl-border);
		border-radius:999px;
		background:var(--adl-surface-2);
		color:var(--adl-text);
		cursor:pointer;
		font-size:24px;
		line-height:1;
	}
	.adl-filter-form{
		padding:14px;
	}
	.adl-filters,
	.adl-dynamic-grid{
		grid-template-columns:1fr;
	}
	.adl-actions{
		position:sticky;
		bottom:0;
		background:var(--adl-surface);
		padding-top:10px;
	}
	.adl-filter-backdrop{
		position:fixed;
		inset:0;
		z-index:99998;
		background:rgba(15,23,42,0.46);
		opacity:0;
		pointer-events:none;
		transition:opacity .2s ease;
	}
	body.adl-filters-open .adl-filter-backdrop{
		opacity:1;
		pointer-events:auto;
	}
}

@media (max-width:560px){
	.adl-grid,
	.adl-cols-2 .adl-grid,
	.adl-cols-3 .adl-grid,
	.adl-cols-4 .adl-grid,
	.adl-shortcode-card .adl-grid{
		grid-template-columns:1fr;
	}
	.adl-title{
		font-size:30px;
	}
	.adl-actions{
		flex-direction:column;
	}
	.adl-card-attrs{
		grid-template-columns:1fr 1fr;
	}
}

@supports not (color: color-mix(in srgb, #000 10%, transparent)){
	.adl-card:hover{
		border-color:var(--adl-primary);
	}
	.adl-field input:focus,
	.adl-field select:focus{
		box-shadow:0 0 0 3px rgba(102,166,255,0.22);
	}
}


/* Stage 17 shortcode refinements */
.adl-shortcode-list .adl-wrap,
.adl-shortcode-card .adl-wrap{
	max-width:100%;
	padding-left:0;
	padding-right:0;
}
.adl-shortcode-cols-2 .adl-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
.adl-shortcode-cols-3 .adl-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
.adl-shortcode-cols-4 .adl-grid{grid-template-columns:repeat(4, minmax(0, 1fr));}
.adl-shortcode-layout-compact .adl-grid{
	gap:12px;
}
.adl-shortcode-layout-compact .adl-card{
	display:grid;
	grid-template-columns:150px minmax(0, 1fr);
	min-height:150px;
}
.adl-shortcode-layout-compact .adl-card-media{
	height:100%;
	min-height:150px;
	border-radius:var(--adl-radius-lg) 0 0 var(--adl-radius-lg);
}
.adl-shortcode-layout-compact .adl-card-body{
	padding:12px;
}
.adl-shortcode-layout-compact .adl-card-title{
	font-size:16px;
}
.adl-shortcode-layout-compact .adl-card-attrs{
	grid-template-columns:repeat(2, minmax(0, 1fr));
}
.adl-shortcode-layout-compact .adl-card-action{
	min-height:38px;
}
@media (max-width:760px){
	.adl-shortcode-cols-2 .adl-grid,
	.adl-shortcode-cols-3 .adl-grid,
	.adl-shortcode-cols-4 .adl-grid{
		grid-template-columns:1fr;
	}
	.adl-shortcode-layout-compact .adl-card{
		grid-template-columns:1fr;
	}
	.adl-shortcode-layout-compact .adl-card-media{
		border-radius:var(--adl-radius-lg) var(--adl-radius-lg) 0 0;
	}
}

/* Stage 18.1: stronger archive keyword search affordance */
.adl-filters .adl-field:first-child{grid-column:span 2;}
@media (max-width: 920px){.adl-filters .adl-field:first-child{grid-column:1 / -1;}}