/* v5.6 — neutral affiliate treatment + luminous product coupon */

/* Brand coupon: the glow belongs to the code, not the whole brand relationship. */
.offer-code-luminous{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid rgba(255,132,66,.72)!important;
  background:
    radial-gradient(circle at 20% 18%,rgba(255,124,52,.20),transparent 42%),
    radial-gradient(circle at 82% 70%,rgba(19,216,255,.12),transparent 44%),
    linear-gradient(145deg,rgba(8,10,14,.96),rgba(13,16,21,.9))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 0 34px rgba(255,124,52,.075),
    0 0 0 1px rgba(255,124,52,.06),
    0 0 28px rgba(255,124,52,.24),
    0 0 66px rgba(255,124,52,.14),
    0 0 90px rgba(19,216,255,.055)!important;
  animation:v56CouponBoxPulse 3.3s ease-in-out infinite;
}
.offer-code-luminous::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:conic-gradient(from var(--v56a,0deg),transparent 0 23%,rgba(19,216,255,.9) 30%,rgba(255,124,52,1) 41%,transparent 50% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.82;pointer-events:none;animation:v56CouponBorder 6s linear infinite;
}
.offer-code-luminous::after{
  content:"";position:absolute;inset:-35% auto -35% -55%;width:36%;
  transform:skewX(-17deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
  filter:blur(3px);pointer-events:none;animation:v56CouponSweep 4.4s ease-in-out infinite;
}
.offer-code-luminous small{color:rgba(255,255,255,.7)!important}
.offer-code-luminous strong{
  font-size:clamp(1.55rem,2.5vw,2rem)!important;letter-spacing:.06em;
  color:#fff!important;
  text-shadow:0 0 8px rgba(255,255,255,.25),0 0 15px rgba(255,124,52,.95),0 0 36px rgba(255,124,52,.62),0 0 60px rgba(19,216,255,.16)!important;
  animation:v56CodePulse 2.6s ease-in-out infinite;
}
.offer-code-luminous button{
  position:relative;z-index:2;
  border-color:rgba(255,255,255,.23)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 22px rgba(255,124,52,.12);
}

/* Database: coupon lives with the relevant product, never as a site-wide brand takeover. */
.db-product-coupon{
  display:grid;grid-template-columns:auto auto auto;grid-template-areas:"label label label" "code copy price";
  align-items:center;gap:5px 7px;width:max-content;max-width:250px;margin:8px 0 0 54px;padding:7px 8px 7px 10px;
  border:1px solid rgba(255,124,52,.32);border-radius:12px;
  background:linear-gradient(135deg,rgba(255,124,52,.085),rgba(19,216,255,.028));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 18px rgba(255,124,52,.065);
}
.db-product-coupon-label{grid-area:label;font-size:.58rem;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#ff9864;font-weight:850}
.db-product-coupon strong{grid-area:code;font-size:.76rem;letter-spacing:.045em;color:#fff;text-shadow:0 0 12px rgba(255,124,52,.38)}
.db-product-coupon button{grid-area:copy;border:0;background:rgba(255,255,255,.075);color:rgba(255,255,255,.85);padding:.3rem .45rem;border-radius:999px;font-size:.62rem;font-weight:800;cursor:pointer}
.db-product-coupon a{grid-area:price;color:#86eaff;font-size:.63rem;font-weight:800;white-space:nowrap}
.db-product-coupon button:hover{background:rgba(255,124,52,.16);color:#fff}.db-product-coupon a:hover{color:#fff}

/* Home showroom: a discreet deal signal attached to the actual SFX product card. */
.product-coupon-tag{display:flex;align-items:center;gap:.5rem;width:max-content;margin:.55rem 0 .15rem;padding:.42rem .62rem;border-radius:999px;border:1px solid rgba(255,124,52,.32);background:rgba(255,124,52,.07);box-shadow:0 0 18px rgba(255,124,52,.06)}
.product-coupon-tag small{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#ff9a67;font-weight:850}.product-coupon-tag strong{font-size:.72rem;letter-spacing:.04em;color:#fff;text-shadow:0 0 12px rgba(255,124,52,.28)}

@keyframes v56CouponBoxPulse{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 0 34px rgba(255,124,52,.075),0 0 28px rgba(255,124,52,.18),0 0 64px rgba(255,124,52,.10)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 38px rgba(255,124,52,.10),0 0 38px rgba(255,124,52,.32),0 0 82px rgba(255,124,52,.18),0 0 105px rgba(19,216,255,.07)}}
@property --v56a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes v56CouponBorder{to{--v56a:360deg}}
@keyframes v56CodePulse{0%,100%{transform:translateZ(0) scale(1);opacity:.96}50%{transform:translateZ(0) scale(1.02);opacity:1}}
@keyframes v56CouponSweep{0%,52%{left:-55%}75%,100%{left:135%}}

@media(max-width:760px){
  .db-product-coupon{margin-left:0;max-width:100%;width:100%;grid-template-columns:auto auto 1fr}
}
@media(prefers-reduced-motion:reduce){.offer-code-luminous,.offer-code-luminous::before,.offer-code-luminous::after,.offer-code-luminous strong{animation:none!important}}