/* TakeProfits Floating Widget */
.tp-fw-wrap{
  position: fixed;
  right: 20px;
  bottom: 24px;
  z-index: 2147483647 !important;
  pointer-events: auto;
}
.tp-fw{
  background-color:#121622;
  color:#fff;
  width:280px;
  border-radius:8px;
  border:1px solid #1F232F;
  overflow:hidden;
  transform-origin:bottom right;
  transition:transform .28s ease, box-shadow .28s ease, width .28s ease, height .28s ease;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.45), 0 0 0 1px rgba(220,196,130,.05) inset;
  animation: tp-fw-bob 4s ease-in-out infinite;
}
.tp-fw-inner{ padding:16px 16px 14px; }
.tp-fw-title{
  margin:0 0 6px;
  font-size:16px;
  line-height:1.35;
  color:#DCC482;
  font-weight:700;
  letter-spacing:.2px;
}
.tp-fw-text{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.55;
  color:#fff;
  opacity:.9;
}
.tp-fw-cta{
  display:inline-block;
  background:#DCC482;
  color:#121622;
  border-radius:5px;
  padding:10px 14px;
  font-weight:700;
  text-decoration:none;
  font-size:14px;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  box-shadow:0 6px 16px rgba(220,196,130,.25);
}
.tp-fw-cta:hover{
  transform: translateY(-1px);
  box-shadow:0 8px 20px rgba(220,196,130,.3);
}

/* Pulse + Bob */
@keyframes tp-fw-bob{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-4px)} }
.tp-fw.highlight{
  animation: tp-fw-pulse 1.6s ease-in-out 2, tp-fw-bob 4s ease-in-out infinite 3.4s;
}
@keyframes tp-fw-pulse{
  0%{ box-shadow:0 0 0 0 rgba(220,196,130,.35) }
  70%{ box-shadow:0 0 0 14px rgba(220,196,130,0) }
  100%{ box-shadow:0 0 0 0 rgba(220,196,130,0) }
}

/* Expanded */
.tp-fw.is-expanded{
  width:min(92vw,520px);
  transform:scale(1.02);
  box-shadow:0 20px 44px rgba(0,0,0,.55), 0 0 0 1px rgba(220,196,130,.15) inset;
  animation:none;
}

/* Close */
.tp-fw-close{
  position:absolute;
  top:8px; right:8px;
  width:28px; height:28px;
  border-radius:6px;
  border:1px solid #1F232F;
  background:rgba(18,22,34,.75);
  color:#DCC482;
  display:none;
  align-items:center; justify-content:center;
  line-height:1; font-weight:700;
  cursor:pointer;
}
.tp-fw.is-expanded .tp-fw-close{ display:inline-flex; }

@media (max-width:600px){
  .tp-fw-wrap{ right:12px; bottom:16px; }
  .tp-fw{ width:86vw; }
  .tp-fw.is-expanded{ width:92vw; }
}
