/* Jagmag cart-capture — surprise-offer modal. Colours/typography from theme tokens (jl-tokens.css) only. */
.jl-capture-backdrop{
	position:fixed; inset:0; z-index:99990;
	display:flex; align-items:center; justify-content:center; padding:20px;
	background:color-mix(in srgb, var(--jl2-color-ink) 42%, transparent);
	-webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
	opacity:0; transition:opacity .28s ease;
}
.jl-capture-backdrop.jl-capture--in{ opacity:1; }
.jl-capture{
	position:relative; box-sizing:border-box;
	width:400px; max-width:100%;
	background:var(--jl2-color-cream);
	border:1px solid var(--jl2-color-line);
	border-radius:var(--jl2-radius-lg);
	box-shadow:var(--jl2-shadow-lg);
	font-family:var(--jl2-font-sans); color:var(--jl2-color-ink);
	padding:30px 28px 22px; text-align:center;
	transform:translateY(14px) scale(.98);
	transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.jl-capture *{ box-sizing:border-box; }
.jl-capture-backdrop.jl-capture--in .jl-capture{ transform:translateY(0) scale(1); }
.jl-capture__close{
	position:absolute; top:10px; right:12px;
	border:0; background:transparent; cursor:pointer;
	font-size:24px; line-height:1; padding:4px; color:var(--jl2-color-mute);
}
.jl-capture__close:hover{ color:var(--jl2-color-ink); }
.jl-capture__badge{ font-size:30px; line-height:1; margin-bottom:8px; }
.jl-capture__title{
	font-family:var(--jl2-font-display); font-weight:400;
	font-size:23px; line-height:1.2; margin:0 0 6px; color:var(--jl2-color-ink);
}
.jl-capture__sub{ font-size:13.5px; color:var(--jl2-color-mute); margin:0 auto 16px; line-height:1.5; max-width:300px; }
.jl-capture__row{ display:flex; gap:8px; }
.jl-capture__input{
	flex:1 1 auto; min-width:0;
	border:1.5px solid var(--jl2-color-line);
	border-radius:var(--jl2-radius-pill);
	padding:12px 16px; font-size:14px; font-family:var(--jl2-font-sans);
	color:var(--jl2-color-ink); background:var(--jl2-color-white); text-align:center;
}
.jl-capture__input:focus{ outline:none; border-color:var(--jl2-color-mehndi); }
.jl-capture__btn{
	flex:0 0 auto; border:0; cursor:pointer; white-space:nowrap;
	background:var(--jl2-color-mehndi); color:var(--jl2-color-white);
	border-radius:var(--jl2-radius-pill); padding:12px 18px;
	font-size:14px; font-weight:600; font-family:var(--jl2-font-sans);
	transition:background .18s ease;
}
.jl-capture__btn:hover{ background:var(--jl2-color-mehndi-deep); }
.jl-capture__btn[disabled]{ opacity:.65; cursor:default; }
.jl-capture__skip{
	display:inline-block; margin-top:12px; border:0; background:transparent;
	cursor:pointer; font-size:12.5px; color:var(--jl2-color-mute); text-decoration:underline;
}
.jl-capture__skip:hover{ color:var(--jl2-color-ink); }
.jl-capture__err{ font-size:12px; color:var(--jl2-color-gold-deep); margin:10px 0 0; display:none; }
.jl-capture__done{ font-size:14.5px; color:var(--jl2-color-mehndi-deep); margin:6px 0 0; font-weight:600; }
@media (max-width:420px){
	.jl-capture{ padding:26px 20px 20px; }
	.jl-capture__row{ flex-direction:column; }
}