/* Sales-page kit (owner rule 2026-10-24): coverstaranimals green shiny buy button, trust logos under every
   buy button, the coverstaranimals guarantee seal, speaker icon on the VSL caption, channel logo in the footer.
   Source of truth: assets/sales-page-kit/ (copy this file to <site>/assets/kit.css, images to <site>/assets/trust/). */
@keyframes shinyPulse {
  0%   { box-shadow: 0 0 0 0 rgba(24, 160, 88, 0.55); }
  70%  { box-shadow: 0 0 0 16px rgba(24, 160, 88, 0); }
  100% { box-shadow: 0 0 0 0 rgba(24, 160, 88, 0); }
}
@keyframes shinyBefore {
  0%   { left: -57px; opacity: 0; }
  3%   { opacity: 0.9; }
  22%  { left: 110%; opacity: 0.75; }
  23%  { opacity: 0; }
  100% { left: 110%; opacity: 0; }
}
@keyframes shinyAfter {
  0%   { left: -35px; opacity: 0; }
  3%   { opacity: 0.9; }
  22%  { left: 110%; opacity: 0.75; }
  23%  { opacity: 0; }
  100% { left: 110%; opacity: 0; }
}
.shiny-btn {
  position: relative; overflow: hidden; display: inline-block; max-width: 100%;
  padding: 1px; border-radius: 9999px; text-decoration: none;
  font-size: 20px; font-weight: 600; line-height: 1.25; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.35);
  background-image: linear-gradient(180deg, #4fd88a 0%, #0c5a2e 100%);
  transition: filter 200ms ease;
  animation: shinyPulse 2s infinite;
}
.shiny-btn::before, .shiny-btn::after {
  content: ""; position: absolute; top: 0; height: 100%;
  background-repeat: no-repeat; background-position: center; background-size: auto 100%;
  z-index: 3; opacity: 0; filter: blur(1px); pointer-events: none;
  animation-duration: 3s; animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
.shiny-btn::before {
  background-image: url('data:image/svg+xml,<svg width="57" height="44" viewBox="0 0 57 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M57 0H27L0 44H30L57 0Z" fill="white"/></svg>');
  width: 57px; left: -57px; animation-name: shinyBefore; animation-delay: 0.5s;
}
.shiny-btn::after {
  background-image: url('data:image/svg+xml,<svg width="35" height="44" viewBox="0 0 35 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M35 0H27L0 44H8L35 0Z" fill="white"/></svg>');
  width: 35px; left: -35px; animation-name: shinyAfter; animation-delay: 0.7s;
}
.shiny-btn:hover { filter: brightness(115%); animation-play-state: paused; box-shadow: 0 0 0 6px rgba(24, 160, 88, 0.25); }
.shiny-btn:active { filter: brightness(90%); transform: translateY(1px); box-shadow: none; animation-play-state: paused; }
.shiny-btn-inner {
  position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; text-align: center;
  min-height: 54px; padding: 14px 30px; border-radius: 9999px; white-space: nowrap;
  background-image: linear-gradient(180deg, #1fa35a 0%, #0f6b37 100%);
}
@media (prefers-reduced-motion: reduce){.shiny-btn,.shiny-btn::before,.shiny-btn::after{animation:none}}
.shiny-btn{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:21px;font-weight:700;color:#fff!important}
.buybox{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:440px}
.buybox .shiny-btn{display:block;width:100%}
.paybadges{width:100%;background:#fff;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;box-sizing:border-box;border:1px solid #e2e2e2}
.paybadges img{width:100%;height:auto;display:block}
.paybadges .cards{max-width:340px}
.kit-guarantee{width:170px;height:auto;flex:none}
.spk{width:22px;height:22px;flex:none;vertical-align:middle}
.foot-logo{width:96px;height:96px;border-radius:50%;margin:0 0 22px;display:block}
.kit-back{max-width:1120px;margin:0 auto;padding:22px 24px 0;font-size:16px}
.kit-back a{color:inherit}
@media (max-width:600px){.shiny-btn{display:block;width:100%;font-size:19px}.shiny-btn-inner{white-space:normal;padding:14px 22px}.buybox{max-width:none}.kit-guarantee{width:130px}}
.kit-trust{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.35;text-align:left}
.kit-trust li{display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0;background:none}
.kit-trust li::before,.kit-trust li::after{content:none;display:none}
.kit-trust svg{width:22px;height:22px;flex:none;color:#15904c}
.g-vsl-sound .spk{width:18px;height:18px;margin:-2px 6px 0 0}
/* beat older a[data-checkout] styles some sites still carry */
a.shiny-btn[data-checkout]{padding:1px!important;border:0!important;border-radius:9999px!important;min-height:0!important;
  background:linear-gradient(180deg,#4fd88a 0%,#0c5a2e 100%)!important;color:#fff!important;text-decoration:none!important;
  animation:shinyPulse 2s infinite!important;line-height:1.25!important;white-space:normal!important}
a.shiny-btn[data-checkout]:hover{animation-play-state:paused!important}
.buybox a.shiny-btn[data-checkout]{display:block!important;width:100%!important}
@media (prefers-reduced-motion: reduce){a.shiny-btn[data-checkout]{animation:none!important}}
/* sticky bars stay one compact row */
.sticky a.shiny-btn[data-checkout],[data-sticky] a.shiny-btn[data-checkout],#lp-sticky a.shiny-btn[data-checkout]{display:inline-block!important;width:auto!important;flex:none;font-size:17px}
.sticky .shiny-btn-inner,[data-sticky] .shiny-btn-inner,#lp-sticky .shiny-btn-inner{white-space:nowrap;min-height:44px;padding:10px 20px}
@media (max-width:600px){.sticky a.shiny-btn[data-checkout],[data-sticky] a.shiny-btn[data-checkout],#lp-sticky a.shiny-btn[data-checkout]{font-size:16px}.sticky .shiny-btn-inner,[data-sticky] .shiny-btn-inner,#lp-sticky .shiny-btn-inner{padding:9px 16px;white-space:nowrap}}
.center>.kit-guarantee,.center .kit-guarantee{display:block;margin:0 auto 18px}
.vsl-cap .spk{margin-right:8px}
ul.kit-trust{margin-top:18px!important;padding:0!important}