
/* Remove background image and lighten layout for Gift Card page only */
.postid-27488 {
  background-image: none !important;
  background-color: #ffffff !important;
}

.postid-27488 .site-content {
  background-color: #ffffff !important;
  padding: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
@keyframes sparkle-glow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.sparkle-stripe-button {
  background: linear-gradient(135deg, #ff3ca7, #ff7fc9, #ff3ca7) !important;
  background-size: 400% 400% !important;
  color: #000000 !important;
  padding: 20px 40px !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  border: none !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  animation: sparkle-glow 3s ease infinite !important;
  transition: background 0.3s ease, color 0.3s ease !important;
  box-shadow: 0 6px 20px rgba(255, 60, 167, 0.5) !important;
  letter-spacing: 0.5px !important;
  position: relative !important;
  overflow: hidden !important;
  min-width: 320px !important;
  min-height: 70px !important;
  line-height: 1.3 !important;
}

.sparkle-stripe-button:hover {
  background: linear-gradient(135deg, #e73396, #ff3ca7, #e73396) !important;
  color: #ffffff !important;
}

.sparkle-stripe-button::after {
  content: "✨";
  position: absolute;
  top: 10%;
  left: 90%;
  font-size: 22px;
  animation: sparkle-move 2s infinite linear;
  opacity: 0.8;
}

@keyframes sparkle-move {
  0% { transform: translateX(0); opacity: 1; }
  100% { transform: translateX(-250px); opacity: 0; }
}
./* Center the wrapper no matter what SWPM outputs */
.sparkle-center { text-align: center; }
.sparkle-center form,
.sparkle-center .swpm-subscription-button-submit,
.sparkle-center .sparkle-stripe-button { display: inline-block; }
/* Center SWPM buttons globally */
.swpm-button-wrapper { text-align: center; }
.swpm-button-wrapper form,
.swpm-button-wrapper .swpm-subscription-button-submit { display: inline-block; }

/* Glam pink style (covers input/button variants) */
.sparkle-stripe-button,
.sparkle-stripe-button input[type="submit"],
.sparkle-stripe-button button,
.swpm-subscription-button-submit.sparkle-stripe-button {
  background: linear-gradient(180deg, #ff4fb3 0%, #ff1493 100%) !important;
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  box-shadow: 0 12px 28px rgba(255,20,147,.40) !important;
  transition: transform .08s ease, box-shadow .2s ease !important;
}

/* Bigger “pop” size */
.sparkle-pop,
.sparkle-pop input[type="submit"],
.sparkle-pop button,
.swpm-subscription-button-submit.sparkle-pop {
  font-size: 22px !important;
  padding: 18px 36px !important;
  letter-spacing: .3px !important;
  max-width: 700px;
}

/* Hover lift/glow */
.sparkle-stripe-button:hover,
.sparkle-stripe-button:focus,
.sparkle-pop:hover,
.sparkle-pop:focus,
.sparkle-stripe-button input[type="submit"]:hover,
.sparkle-stripe-button input[type="submit"]:focus,
.swpm-subscription-button-submit.sparkle-stripe-button:hover,
.swpm-subscription-button-submit.sparkle-stripe-button:focus {
  transform: translateY(-1px) scale(1.015);
  box-shadow: 0 16px 36px rgba(255,20,147,.50) !important;
  outline: none;
}

/* Mobile full-width */
@media (max-width: 480px) {
  .sparkle-pop,
  .sparkle-pop input[type="submit"],
  .swpm-subscription-button-submit.sparkle-pop {
    width: 100%;
    font-size: 18px !important;
    padding: 16px 22px !important;

/* Keep the FIRST promotional banner, hide the duplicate */
body.page-id-34337 .simple-banner:not(.simple-banner-scrolling) {
    display: none !important;
}

/* Hide EVERYTHING else - site header, logo, title, navigation */
body.page-id-34337 #masthead,
body.page-id-34337 .site-header,
body.page-id-34337 #site-navigation,
body.page-id-34337 .main-navigation,
body.page-id-34337 #header-image,
body.page-id-34337 .site-title,
body.page-id-34337 .site-description,
body.page-id-34337 hgroup,
body.page-id-34337 .site,
body.page-id-34337 nav,
body.page-id-34337 .menu-toggle,
body.page-id-34337 .nav-menu,
body.page-id-34337 #menu-primary {
    display: none !important;
}

/* Make sure the banner stays at the top */
body.page-id-34337 .simple-banner-scrolling {
    position: relative !important;
    top: 0 !important;
}