/* Oferta Exclusiva de 24h (js/downsell.js): tela cheia por cima de tudo, no visual futurista */
.ds { position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; overflow-y: auto;
  padding: calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + 14px);
  background: radial-gradient(ellipse at 50% 12%, rgba(251, 191, 36, .28), transparent 55%), radial-gradient(ellipse at 50% 100%, rgba(34, 211, 238, .22), transparent 60%), linear-gradient(180deg, #160b45, #07061a);
  animation: dsIn .35s ease-out; }
.ds.out { opacity: 0; transition: opacity .25s; }
@keyframes dsIn { from { opacity: 0; transform: scale(1.04); } to { opacity: 1; transform: none; } }
.ds-card { width: 100%; max-width: 390px; text-align: center; color: #fff; font-family: 'Space Grotesk', system-ui, sans-serif; }
.ds-gift { width: 104px; height: 104px; object-fit: contain; filter: drop-shadow(0 0 22px rgba(251, 191, 36, .7)); animation: dsFloat 2.4s ease-in-out infinite; }
@keyframes dsFloat { 50% { transform: translateY(-7px) rotate(-4deg); } }
.ds-kick { margin: 6px 0 4px; font: 700 11px Orbitron, sans-serif; letter-spacing: .22em; text-transform: uppercase; color: #22d3ee; }
.ds-title { margin: 0 0 8px; font: 700 25px/1.15 'Space Grotesk', sans-serif; }
.ds-text { margin: 0 0 12px; font-size: 15px; line-height: 1.45; color: #d6d3ff; }
.ds-price { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; gap: 4px 10px; margin: 0 0 10px; }
.ds-price s { color: #9aa3c7; font-size: 18px; }
.ds-price b { font: 800 40px/1 Orbitron, sans-serif; color: #fbbf24; text-shadow: 0 0 24px rgba(251, 191, 36, .55); }
.ds-price small { flex-basis: 100%; color: #c9c3ff; font-size: 13px; }
.ds-clock { display: flex; justify-content: center; align-items: flex-start; gap: 6px; margin: 0 0 14px; }
.ds-clock div { min-width: 70px; padding: 8px 4px 6px; border-radius: 14px; background: rgba(10, 12, 38, .8); border: 1px solid rgba(34, 211, 238, .4); box-shadow: 0 0 16px rgba(34, 211, 238, .2), inset 0 1px 0 rgba(34, 211, 238, .35); }
.ds-clock b { display: block; font: 800 30px/1 Orbitron, sans-serif; color: #fff; }
.ds-clock small { font-size: 11px; color: #9aa3c7; }
.ds-clock i { font: 800 26px/56px Orbitron, sans-serif; font-style: normal; color: #22d3ee; animation: dsBlink 1s steps(2) infinite; }
@keyframes dsBlink { 50% { opacity: .25; } }
.ds-btn { position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 16px 12px; text-decoration: none;
  border-radius: 22px 10px 22px 10px; border: 2px solid rgba(255, 255, 255, .35); font: 800 18px 'Space Grotesk', sans-serif; color: #2a1400;
  background: linear-gradient(180deg, #ffe066, #ff9d1c 60%, #ff7a1c); box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5), 0 5px 0 #a64b00, 0 0 34px rgba(251, 191, 36, .55);
  animation: dsGlow 1.8s ease-in-out infinite; }
.ds-btn:active { transform: translateY(4px); box-shadow: 0 1px 0 #a64b00; }
.ds-btn .coroa3d { width: 30px; height: 30px; object-fit: contain; }
@keyframes dsGlow { 50% { box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5), 0 5px 0 #a64b00, 0 0 52px rgba(251, 191, 36, .85); } }
.ds-gets { margin: 12px 0 4px; font-size: 13px; line-height: 1.4; color: #c9c3ff; }
.ds-no { margin-top: 6px; padding: 8px 14px; background: none; border: 0; color: #9aa3c7; font-size: 14px; text-decoration: underline; cursor: pointer; }
@media (max-height: 640px) { .ds-gift { width: 72px; height: 72px; } .ds-title { font-size: 21px; } .ds-text { font-size: 14px; } .ds-price b { font-size: 32px; } .ds-clock b { font-size: 24px; } }