/* Jagmag product page — download button under the Dimensions / 3D views.
   Colour, type, radius, shadow and motion come from the theme tokens
   (jl-tokens.css, --jl2-*); the values after each comma are only fallbacks. */
.jl-dl {
	margin: var(--jl2-space-s, 12px) 0 4px;
	animation: jl-dl-in .22s ease-out;
}
.jl-dl[hidden],
.jl-dl__btn[hidden] { display: none; }

.jl-dl__btn {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: var(--jl2-btn-min-h, 52px);
	padding: 6px 18px 6px 6px;
	border: var(--jl2-border-hairline, 1px solid rgba(143, 107, 61, .14));
	border-radius: var(--jl2-radius-pill, 999px);
	background: var(--jl2-color-white, #fff);
	box-shadow: var(--jl2-shadow-sm, 0 8px 20px rgba(20, 20, 15, .05));
	color: var(--jl2-color-ink, #14140f);
	font-family: var(--jl2-font-sans, inherit);
	text-decoration: none;
	transition: var(--jl2-btn-transition, transform 200ms ease, box-shadow 200ms ease), border-color 200ms ease;
}
.jl-dl__btn:hover,
.jl-dl__btn:focus-visible {
	border-color: rgba(var(--jl2-color-gold-rgb, 143, 107, 61), .45);
	box-shadow: var(--jl2-shadow-soft, 0 8px 24px rgba(20, 20, 15, .06));
	transform: translateY(var(--jl2-btn-hover-lift, -2px));
	color: var(--jl2-color-ink, #14140f);
	text-decoration: none;
}
.jl-dl__btn:focus-visible { outline: 2px solid var(--jl2-color-gold, #8f6b3d); outline-offset: 2px; }

.jl-dl__ico {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--jl2-color-ink, #14140f);
	color: var(--jl2-color-gold-bright, #e4b858);
}
.jl-dl__ico svg { width: 19px; height: 19px; }
.jl-dl__btn--model .jl-dl__ico { background: var(--jl2-color-gold, #8f6b3d); color: var(--jl2-color-white, #fff); }

.jl-dl__txt { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.jl-dl__txt b {
	font-size: .92rem;
	font-weight: var(--jl2-btn-weight, 700);
	letter-spacing: var(--jl2-btn-tracking, .02em);
}
.jl-dl__txt small {
	font-size: .75rem;
	color: var(--jl2-color-mute, #6b6660);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.jl-dl__arrow { flex: 0 0 18px; width: 18px; height: 18px; margin-left: auto; color: var(--jl2-color-gold, #8f6b3d); }

@media (prefers-reduced-motion: reduce) {
	.jl-dl { animation: none; }
	.jl-dl__btn { transition: none; }
	.jl-dl__btn:hover, .jl-dl__btn:focus-visible { transform: none; }
}
@keyframes jl-dl-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }