/* KIKI_LIQUID_GOLD_20261104 — decorative layers do not intercept popup controls. */
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content {
  border: 1px solid transparent;
  background:
    linear-gradient(#151412, #151412) padding-box,
    linear-gradient(120deg, #674215, #d8a94d, #fff0bb, #96601f, #f2d58e, #6c471b, #e8c985) border-box;
  background-size: 100% 100%, 280% 280%;
  animation: kiki-gold-border 12s linear infinite paused;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .48), 0 0 34px rgba(212, 166, 75, .12);
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 20% 10%, #5d421e, transparent 65%), #11100e;
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -30%;
  right: -79%;
  width: 160%;
  height: 170%;
  border-radius: 44% 56% 58% 42% / 48% 36% 64% 52%;
  background: linear-gradient(112deg, #2a1b0b 12%, #7b501b 24%, #ecc469 38%, #fff1ba 43%, #bd882d 48%, #50310e 60%, #d6a64b 73%, #fce0a0 78%, #3c260e 87%);
  box-shadow: inset 12px 0 26px rgba(255, 227, 154, .35), -16px 0 50px rgba(215, 163, 60, .14);
  opacity: .85;
  transform: translate(-3%, 0) rotate(-24deg);
  animation: kiki-gold-flow 16s ease-in-out infinite alternate paused;
  pointer-events: none;
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgba(13, 13, 12, .64), rgba(13, 13, 12, .2) 68%, transparent);
  pointer-events: none;
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art-brand,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art-title,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art-line {
  position: relative;
  z-index: 1;
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art-brand {
  color: #f7dfaa;
  text-shadow: 0 2px 12px #11100e;
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art-line {
  width: 70px;
  background: linear-gradient(90deg, #bd8c39, #fff1b9, #ac7425);
  box-shadow: 0 0 18px rgba(242, 205, 126, .3);
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .right-text {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #151412 !important;
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .right-text::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -90px;
  left: -20%;
  width: 140%;
  height: 240px;
  border-radius: 45% 55% 38% 62%;
  background: linear-gradient(112deg, transparent 25%, rgba(184, 126, 38, .12) 37%, rgba(255, 229, 165, .23) 44%, rgba(169, 112, 30, .1) 52%, transparent 68%);
  transform: translateX(-12%) rotate(-9deg);
  animation: kiki-gold-header 13s ease-in-out infinite alternate paused;
  pointer-events: none;
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .title,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art-title {
  color: #efd293 !important;
  background-image: linear-gradient(105deg, #c89a4b 0%, #fbe5ad 24%, #fff7dc 42%, #c89948 57%, #efd293 78%, #fff0bd 100%);
  background-size: 240% 100%;
  animation: kiki-gold-lettering 9s ease-in-out infinite alternate paused;
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .title,
  .kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art-title {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent;
  }
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .sub-button,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .continue-btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(112deg, #b88430, #f4d995 36%, #fff0bc 50%, #e7c473 70%, #c79843) !important;
  border-color: #edce8a !important;
  color: #15120c !important;
  box-shadow: 0 4px 18px rgba(214, 166, 74, .15), inset 0 1px 0 rgba(255, 248, 217, .65);
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .sub-button::before,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .continue-btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -100% -60%;
  background: linear-gradient(105deg, transparent 42%, rgba(255, 252, 229, .7) 50%, transparent 58%);
  transform: translateX(-65%);
  animation: kiki-gold-sweep 6s ease-in-out infinite paused;
  pointer-events: none;
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .sub-button:hover,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .continue-btn:hover {
  background: linear-gradient(112deg, #d4a84c, #ffeab6 45%, #f2d694 70%, #dbb15c) !important;
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .coupon-number {
  box-shadow: 0 0 20px rgba(210, 162, 65, .08), inset 0 1px 0 rgba(255, 228, 165, .06);
}
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold].show .popup-content,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold].show .kiki-bf-art::before,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold].show .popup-content .right-text::before,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold].show .popup-content .title,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold].show .kiki-bf-art-title,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold].show .popup-content .sub-button::before,
.kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold].show .popup-content .continue-btn::before {
  animation-play-state: running;
}
@keyframes kiki-gold-border {
  0%, 100% { background-position: 0 0, 0% 50%; }
  50% { background-position: 0 0, 100% 50%; }
}
@keyframes kiki-gold-flow {
  0% { transform: translate(-3%, 0) rotate(-24deg); border-radius: 44% 56% 58% 42% / 48% 36% 64% 52%; }
  50% { transform: translate(-12%, -4%) rotate(-14deg); border-radius: 55% 45% 42% 58% / 38% 51% 49% 62%; }
  100% { transform: translate(-6%, 4%) rotate(-30deg); border-radius: 36% 64% 52% 48% / 56% 41% 59% 44%; }
}
@keyframes kiki-gold-header {
  from { transform: translateX(-12%) rotate(-9deg); }
  to { transform: translateX(14%) rotate(5deg); }
}
@keyframes kiki-gold-lettering {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}
@keyframes kiki-gold-sweep {
  0%, 28% { transform: translateX(-65%); }
  68%, 100% { transform: translateX(65%); }
}
@media (max-width: 769px) {
  .kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .right-text::before {
    top: -80px;
    height: 260px;
    opacity: .85;
  }
}
@media (prefers-reduced-motion: reduce) {
  .kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content,
  .kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art::before,
  .kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .right-text::before,
  .kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .title,
  .kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .kiki-bf-art-title,
  .kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .sub-button::before,
  .kiki-bf-popup.subscription-dialog-10[data-kiki-liquid-gold] .popup-content .continue-btn::before {
    animation: none !important;
  }
}
