/** Shopify CDN: Minification failed

Line 124:20 Expected identifier but found whitespace
Line 147:0 Expected "}" to go with "{"

**/
/* wrapper + card */
.va-wrap{display:flex;justify-content:center;padding:32px 16px}
.va-card{
  width:min(680px,100%);
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:24px;
  box-shadow:0 18px 50px rgba(0,0,0,.10);
  padding:22px;
  position:relative;
  overflow:hidden;
}

/* title */
.va-title{
  margin:4px 0 6px;
  text-align:center;
  font-size:clamp(24px,3.8vw,34px);
  line-height:1.1;
  letter-spacing:-.02em;
}
.va-sub{
  margin:0 0 18px;
  text-align:center;
  opacity:.75;
  font-weight:600;
}

/* message */
.va-message{
  text-align:center;
  margin-top:12px;
  min-height:22px;
  font-weight:800;
  font-size:16px;
}
.va-bad{color:#b00020}

/* success */
.va-success{
  margin-top:16px;
  text-align:center;
  padding-top:14px;
  border-top:1px dashed rgba(0,0,0,.15);
}
.va-heart{font-size:44px;margin-bottom:6px}
.va-success-title{font-size:20px;font-weight:900}
.va-success-sub{opacity:.8;margin-top:4px}

/* ---- THE IMPORTANT PART: button arena ---- */
.va-buttons{
  position:relative;
  width:100%;
  height:140px;             /* ensures the NO button has space to run */
  border-radius:18px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(0,0,0,.02);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:14px;
  overflow:hidden;          /* keeps NO from leaving the box */
}

/* buttons (force override theme styles) */
.va-btn{
  -webkit-appearance:none;
  appearance:none;
  border:none !important;
  outline:none !important;
  border-radius:999px !important;
  padding:14px 20px !important;
  font-weight:900 !important;
  letter-spacing:.02em;
  cursor:pointer !important;
  text-transform:none !important;
  line-height:1 !important;
  box-shadow:none;
  transition:transform 150ms ease, filter 150ms ease, opacity 150ms ease !important;
  user-select:none;
}

.va-btn:active{transform:scale(.98)}
.va-yes{
  background:linear-gradient(135deg,#ff4d6d,#ff8fab) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(255,77,109,.25) !important;
}
.va-no{
  background:#111 !important;
  color:#fff !important;
  opacity:.95;
}

/* when NO becomes absolute, keep it above */
.va-no{ position:relative; z-index:2; }
.va-yes{ position:relative; z-index:1; }

/* optional shake */
.va-shake{animation:vaShake 340ms ease-in-out}
@keyframes vaShake{
  0%,100%{transform:translateX(0)}
  20%{transform:translateX(-10px)}
  40%{transform:translateX(10px)}
  60%{transform:translateX(-8px)}
  80%{transform:translateX(8px)}
}
.va-card{
  background-image:
    linear-gradient(
      rgba(0,0,0,0.35),
      rgba(0,0,0,0.35)
    ),
    url("/cdn/shop/files/IMG_6477.jpg?v=1770090383");
  background-size: cover;
  background-position: center;
  background-repeat:

  .va-title,
.va-sub,
.va-message,
.va-success {
  color: #fff;
}

.va-buttons{
  background: rgba(0,0,0,0.25);
  backdrop-filter: blur(4px);
}
.va-cupid{
  position:absolute;
  top:20%;
  left:-80px;
  font-size:40px;
  animation: cupidFly 1s ease forwards;
}
@keyframes cupidFly{
  to{left:110%}
}