/* A arte original da figurinha é 9:16 e nunca deve ser recortada. */
.sticker-card{
  width:min(68vw,270px);
  aspect-ratio:9/16;
  padding:0;
  background:#160d17;
}
.sticker-card>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:20px;
  background:#160d17;
}
.sticker-card .card-copy{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:42px 18px 16px;
  color:#fff;
  background:linear-gradient(transparent,rgba(12,6,11,.92));
  pointer-events:none;
}
.sticker-card .card-copy h2{color:#fff;text-shadow:0 2px 10px #000;margin:0}
.sticker-card .card-copy p{color:#e8d9df}
.sticker-card .lucky-label{
  position:absolute;
  z-index:4;
  top:18px;
  left:18px;
  max-width:48%;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:20px;
  background:rgba(15,8,16,.9);
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:.035em;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
  backdrop-filter:blur(8px);
}
.sticker-card .rarity-label{z-index:4;border:1px solid rgba(255,255,255,.24)}
.sticker-card .card-shine{
  inset:auto;
  top:-18%;
  left:-42%;
  width:24%;
  height:136%;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  filter:blur(7px);
  transform:skewX(-18deg);
  animation:card-light-sweep 2.1s 1s cubic-bezier(.25,.7,.3,1) 1 forwards;
}
@keyframes card-light-sweep{
  0%{left:-42%;opacity:0}
  18%{opacity:.7}
  78%{opacity:.38}
  100%{left:122%;opacity:0}
}
.mini-card>div{aspect-ratio:9/16;padding:0;overflow:hidden;background:#160d17}
.mini-card img{width:100%;height:100%;object-fit:contain;border-radius:11px}
.reveal .rays,.reveal .particles,.reveal .flash,.reveal .card-shine{pointer-events:none}
.reveal-actions{position:relative;z-index:10}
.reveal-nav-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:8px;
}
.reveal-actions .reveal-nav-actions button{
  min-height:45px;
  margin-top:0;
  padding:10px 8px;
  font-size:12px;
  line-height:1.25;
}
.reveal-actions .reveal-nav-actions .new-nude-button{
  border:1px solid rgba(240,199,122,.25);
  color:var(--gold);
  background:rgba(240,199,122,.06);
}
.email-link-card{margin-top:12px;padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.055)}
.email-link-card label{display:block;margin-bottom:7px;color:#f0c77a;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.email-link-card>div{display:grid;grid-template-columns:1fr auto;gap:7px}
.email-link-card input{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:9px;padding:10px;background:rgba(5,3,7,.7);color:#fff;outline:none}
.reveal-actions .email-link-card button{width:auto;margin:0;padding:9px 12px;border-color:rgba(240,199,122,.35);color:#f0c77a}
.email-link-card small{display:block;margin-top:6px;color:#938793;font-size:9px}
.album-linked{margin:11px 0 0;color:#bfe1c9;text-align:center;font-size:11px}
.collection-email-link{max-width:390px;margin:14px auto 18px;text-align:left}
.collection .email-link-card button{width:auto;margin:0;padding:9px 14px;border:1px solid rgba(240,199,122,.35);border-radius:9px;background:rgba(240,199,122,.08);color:#f0c77a;font-weight:700}
.lucky-numbers-panel{margin:16px 0 12px;padding:15px;border:1px solid rgba(240,199,122,.25);border-radius:16px;background:linear-gradient(145deg,rgba(240,199,122,.1),rgba(255,255,255,.035));text-align:left}
.lucky-numbers-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.lucky-numbers-heading span{font:700 17px 'Playfair Display',serif;color:#fff}.lucky-numbers-heading small{font-size:9px;color:var(--muted)}
.lucky-number-list{display:flex;flex-wrap:wrap;gap:8px}.lucky-number-list button{border:1px solid rgba(240,199,122,.55);border-radius:999px;padding:8px 12px;background:#160d17;color:#f0c77a;font-weight:800;font-size:12px;letter-spacing:.08em;box-shadow:0 4px 14px #0004}
.mini-card>div{position:relative}.mini-card .mini-lucky-number{position:absolute;z-index:2;top:11px;left:11px;padding:6px 9px;border:1px solid rgba(240,199,122,.7);border-radius:999px;background:rgba(22,13,23,.88);color:#fff;font:800 10px 'DM Sans',sans-serif;letter-spacing:.06em;box-shadow:0 3px 10px #0007}
@media(max-height:750px){
  .reveal .sticker-card{width:min(56vw,225px)}
  .reveal-actions{margin-top:8px}
  .email-link-card{margin-top:8px;padding:8px}
  .email-link-card small{display:none}
}
.reveal-actions .save-card-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:58px;
  margin-top:4px;
  border:1px solid rgba(255,232,208,.7);
  background:linear-gradient(100deg,#f4c28d 0%,#e99183 48%,#f1b87f 100%);
  background-size:180% 100%;
  color:#241019;
  font-size:16px;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 12px 34px rgba(225,132,119,.45),0 0 0 5px rgba(226,145,125,.1);
  animation:save-button-glow 2.4s ease-in-out infinite;
}
.reveal-actions .save-card-button:active{
  transform:scale(.98);
  box-shadow:0 6px 18px rgba(225,132,119,.38);
}
.reveal-actions .save-card-button:disabled{opacity:.72;animation:none}
.save-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(36,16,25,.13);
  font-size:20px;
  line-height:1;
}
@keyframes save-button-glow{
  0%,100%{background-position:0 50%;box-shadow:0 12px 30px rgba(225,132,119,.38),0 0 0 4px rgba(226,145,125,.08)}
  50%{background-position:100% 50%;box-shadow:0 15px 42px rgba(235,164,128,.58),0 0 0 7px rgba(226,145,125,.13)}
}
@media(prefers-reduced-motion:reduce){
  .reveal-actions .save-card-button{animation:none}
}

/* Reflexo suave da embalagem inicial. */
.pack:after{
  inset:auto;
  z-index:2;
  top:-35%;
  left:-65%;
  width:32%;
  height:170%;
  background:linear-gradient(90deg,transparent,rgba(255,239,218,.08) 20%,rgba(255,248,232,.5) 50%,rgba(244,194,157,.12) 78%,transparent);
  filter:blur(4px);
  transform:skewX(-18deg);
  opacity:0;
  pointer-events:none;
  animation:pack-shimmer 4.2s cubic-bezier(.22,.7,.28,1) infinite;
}
@keyframes pack-shimmer{
  0%,12%{left:-65%;opacity:0}
  20%{opacity:.8}
  45%{left:125%;opacity:0}
  100%{left:125%;opacity:0}
}

@media (max-width:600px) and (max-height:900px){
  .shell{padding-bottom:18px}
  .topbar{height:58px}
  .hero .eyebrow{margin:8px 0 0}
  .hero h1{font-size:36px;margin:8px 0}
  .hero .lead{line-height:1.4;margin-bottom:2px}
  .pack-stage{height:178px}
  .pack{width:124px;height:167px;border-radius:10px}
  .pack-glow{width:175px;height:175px;filter:blur(30px)}
  .pack strong{font-size:23px}
  .pack b{font-size:9px}
  .pack i{bottom:10px;font-size:8px}
  .buy-panel{padding:15px}
  .buy-panel label{margin-bottom:7px}
  .amounts button{padding:9px 5px}
  .custom{margin:7px 0}
  .custom input{padding:10px 8px}
  .buy-panel .primary{padding:13px}
  .micro{margin-top:8px}
}