/* Venise Discount Popup - front-end. Dark glass badge, fixed bottom-right (centered on phones). */
.vdp{
	--vdp-accent:#d8b36a;--vdp-ink:#14100a;--vdp-blur:18px;
	--vdp-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,"Helvetica Neue",Arial,sans-serif;
	--vdp-display:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Helvetica Neue",Arial,sans-serif;
	position:fixed;right:20px;bottom:20px;z-index:99990;box-sizing:border-box;
	width:min(340px,calc(100vw - 40px));margin:0;padding:0;
	font-family:var(--vdp-font);font-size:14px;line-height:1.5;color:#fff;
	-webkit-font-smoothing:antialiased;text-align:start;
}
.vdp *,.vdp *::before,.vdp *::after{box-sizing:border-box}
.vdp:not(.vdp--ready):not(.vdp--demo){display:none}
.vdp.vdp--min{width:max-content;max-width:calc(100vw - 32px)}
.vdp--demo{position:relative;right:auto;bottom:auto;width:340px;max-width:100%;margin:0 auto}

.vdp-card{
	position:relative;overflow:hidden;padding:20px 20px 18px;border-radius:22px;
	background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,0) 45%),rgba(7,7,10,.93);
	-webkit-backdrop-filter:blur(var(--vdp-blur)) saturate(160%);backdrop-filter:blur(var(--vdp-blur)) saturate(160%);
	border:1px solid rgba(255,255,255,.12);
	box-shadow:0 30px 70px -14px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.18);
	animation:vdp-enter .9s cubic-bezier(.16,1,.3,1) both,vdp-glow 3.2s ease-in-out 1s infinite;
}
.vdp-card::before{content:"";position:absolute;top:-40%;right:-20%;width:220px;height:220px;border-radius:50%;
	background:radial-gradient(circle,var(--vdp-accent),transparent 65%);opacity:.16;pointer-events:none}
.vdp.vdp--min .vdp-card{display:none}

.vdp-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px}
.vdp-tag{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--vdp-accent);text-transform:uppercase}
.vdp-dot{width:6px;height:6px;border-radius:50%;background:var(--vdp-accent);animation:vdp-pulse 2s infinite}
.vdp .vdp-x{appearance:none;border:0;background:transparent;margin:0;padding:0;cursor:pointer;width:36px;height:36px;margin:-6px -6px -6px 0;border-radius:50%;
	display:grid;place-items:center;color:rgba(255,255,255,.65);box-shadow:none;transition:background .2s,color .2s}
.vdp .vdp-x:hover{background:rgba(255,255,255,.12);color:#fff}
.vdp .vdp-x:focus-visible,.vdp .vdp-copy:focus-visible,.vdp .vdp-pill:focus-visible{outline:2px solid var(--vdp-accent);outline-offset:2px}

.vdp .vdp-title{position:relative;margin:10px 0 2px;padding:0;font-family:var(--vdp-display);font-size:19px;font-weight:600;letter-spacing:-.022em;line-height:1.3;color:#fff}
.vdp-off{position:relative;display:flex;align-items:baseline;gap:8px;margin-bottom:2px}
.vdp-off span{font-size:15px;font-weight:600;letter-spacing:.02em;white-space:nowrap;color:rgba(255,255,255,.82)}
.vdp .vdp-pct{display:inline-block;font-family:var(--vdp-display);font-size:50px;font-weight:700;letter-spacing:-.05em;line-height:1;direction:ltr;transform-origin:50% 80%;
	color:var(--vdp-accent);
	background:linear-gradient(100deg,var(--vdp-accent) 35%,#fff 50%,var(--vdp-accent) 65%) 200% 0/250% 100%;
	-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
	animation:vdp-bump 4.5s ease-in-out 1.4s infinite,vdp-shine 3.2s linear 1s infinite}
.vdp .vdp-desc{position:relative;margin:6px 0 14px;padding:0;font-size:13px;letter-spacing:-.006em;color:rgba(255,255,255,.72)}
.vdp-code{position:relative;display:flex;align-items:center;gap:8px;padding:6px;border-radius:14px;background:rgba(0,0,0,.4);border:1px dashed rgba(255,255,255,.28)}
.vdp .vdp-code code{flex:1;min-width:0;margin:0;padding:0;background:none;border:0;text-align:center;overflow-wrap:anywhere;
	font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:500;letter-spacing:.12em;color:#fff;direction:ltr;user-select:all}
.vdp .vdp-copy{appearance:none;border:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:10px;
	font-family:var(--vdp-font);font-weight:600;font-size:13px;letter-spacing:-.01em;line-height:1.2;text-transform:none;text-decoration:none;text-shadow:none;min-height:36px;
	background:var(--vdp-accent);color:var(--vdp-ink);box-shadow:none;transition:transform .15s,filter .2s,background .2s}
.vdp .vdp-copy:hover{filter:brightness(1.08)}
.vdp .vdp-copy:active{transform:scale(.96)}
.vdp .vdp-copy.is-copied{background:#7ed6a0;color:#06210f}
.vdp-foot{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:12px;color:rgba(255,255,255,.62)}
.vdp-timer{display:flex;gap:4px;margin-inline-start:auto;direction:ltr;font-variant-numeric:tabular-nums}
.vdp-timer i{font-style:normal;font-weight:500;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.1);color:#fff}
.vdp-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.vdp .vdp-pill{display:none;appearance:none;margin:0;cursor:pointer;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;
	font-family:var(--vdp-font);font-size:13px;font-weight:600;line-height:1.2;color:#fff;
	background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,0) 60%),rgba(7,7,10,.94);
	-webkit-backdrop-filter:blur(var(--vdp-blur));backdrop-filter:blur(var(--vdp-blur));
	border:1px solid rgba(255,255,255,.18);animation:vdp-ring 2s ease-out infinite}
.vdp .vdp-pill b{color:var(--vdp-accent);font-weight:700;direction:ltr}
.vdp.vdp--min .vdp-pill{display:inline-flex}

/* Phones: centered at the bottom with equal side gutters. */
@media (max-width:520px){
	.vdp{left:0;right:0;margin-inline:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));
		width:min(360px,calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}
	/* Minimized pill: small and tucked into the bottom-right, leaving the bottom-center free for other widgets. */
	.vdp.vdp--min{left:auto;right:max(12px,env(safe-area-inset-right,0px));margin-inline:0;width:max-content;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
	.vdp .vdp-pill{padding:7px 12px;gap:6px;font-size:12px}
	.vdp--demo,.vdp--demo.vdp--min{left:auto;right:auto}
	.vdp-card{padding:16px 16px 14px;border-radius:20px}
	.vdp .vdp-title{font-size:16px}
	.vdp .vdp-pct{font-size:40px}
	.vdp .vdp-desc{font-size:12px;margin-bottom:12px}
}

@media (forced-colors:active){
	.vdp .vdp-pct{background:none;-webkit-text-fill-color:currentColor;color:CanvasText}
	.vdp-card,.vdp .vdp-pill{background:Canvas;border:1px solid CanvasText}
}

@keyframes vdp-enter{from{opacity:0;transform:translateY(28px) scale(.9)}to{opacity:1;transform:none}}
@keyframes vdp-glow{50%{box-shadow:0 30px 70px -14px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.4),0 0 34px -4px color-mix(in srgb,var(--vdp-accent) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.18);border-color:color-mix(in srgb,var(--vdp-accent) 55%,rgba(255,255,255,.1))}}
@keyframes vdp-shine{to{background-position:-100% 0}}
@keyframes vdp-bump{0%,70%,100%{transform:scale(1) rotate(0)}76%{transform:scale(1.14) rotate(-3deg)}82%{transform:scale(.96) rotate(2deg)}88%{transform:scale(1.06) rotate(0)}}
@keyframes vdp-ring{0%{box-shadow:0 10px 30px -8px rgba(0,0,0,.8),0 0 0 0 var(--vdp-accent)}100%{box-shadow:0 10px 30px -8px rgba(0,0,0,.8),0 0 0 16px transparent}}
@keyframes vdp-pulse{0%{box-shadow:0 0 0 0 var(--vdp-accent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}

.vdp--still .vdp-card,.vdp--still .vdp-pct,.vdp--still .vdp-pill,.vdp--still .vdp-dot{animation:none}
.vdp--still .vdp-pct{background:none;-webkit-text-fill-color:var(--vdp-accent)}
@media (prefers-reduced-motion:reduce){
	.vdp-card,.vdp .vdp-pct,.vdp .vdp-pill,.vdp-dot{animation:none}
	.vdp .vdp-pct{background:none;-webkit-text-fill-color:var(--vdp-accent)}
	.vdp .vdp-copy,.vdp .vdp-x{transition:none}
}
