/* NoteBurner Black Friday popup — 2026 v2 */
#nb-bf-popup,
#nb-bf-popup *{box-sizing:border-box}
#nb-bf-popup{
  position:fixed;z-index:9990;right:18px;left:auto;top:92px;
  width:270px;height:450px;margin:0;padding:0;
  border:0;border-radius:18px;
  color:#fff;text-align:center;font-family:Arial,Helvetica,sans-serif;
  background-color:#090b0c;
  background-image:url('/promotions/images/bg-blackfriday.png');
  background-position:center;background-repeat:no-repeat;background-size:100% 100%;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
  transform:translate3d(120%,0,0);opacity:0;
  transition:transform .42s ease,opacity .42s ease;
  isolation:isolate;
}
#nb-bf-popup.nb-bf-visible{transform:translate3d(0,0,0);opacity:1}
#nb-bf-popup {
    position: fixed;
    left: auto;
    right: 18px;
    top: 90px;

    width: 270px;
    height: 450px;

    background-color: transparent;
    background-image: url('/promotions/images/bg-blackfriday.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;

    z-index: 9999;
}
#nb-bf-popup .nb-bf-close {
    position: absolute;
    top: 38px;
    right: 12px;
    z-index: 2;
}
#nb-bf-popup .nb-bf-content{position:absolute;top:104px;left:14px;right:14px}
#nb-bf-popup .nb-bf-title{margin:0 0 9px;color:#ff5047;font-size: 18px;font-weight:800;line-height:1.16}
#nb-bf-popup .nb-bf-desc{margin:0 auto 12px;color:#fff;font-size: 15px;font-weight:500;line-height:1.38}
#nb-bf-popup .nb-bf-timerlabel{margin:0 0 7px;color: #ffe35e;font-size: 15px;font-weight:600;}
#nb-bf-popup .nb-bf-countdown{display:flex;justify-content:center;gap:5px;font-variant-numeric:tabular-nums}
#nb-bf-popup .nb-bf-countdown span{min-width:49px;padding:7px 3px 6px;border:1px solid #555;border-radius:6px;background:rgba(10,12,14,.82);font-size:18px;font-weight:800;line-height:1.1}
#nb-bf-popup .nb-bf-countdown small{display:block;margin-top:4px;color:#dedede;font-size:10px;font-weight:400}
#nb-bf-popup .nb-bf-price{margin:12px 10px 12px 52px;display:flex;justify-content:center;align-items:baseline;gap:9px}
#nb-bf-popup .nb-bf-old{color: #f5f5f5;font-size:15px;text-decoration:line-through}
#nb-bf-popup .nb-bf-new{color:#ffe35e;font-size:31px;font-weight:800;letter-spacing:-1px}
#nb-bf-popup .nb-bf-cta{display:block;width:150px;margin:0 70px;padding:11px 8px;border-radius:22px;background:#f34438;color:#fff;text-decoration:none;font-size:14px;font-weight:800;line-height:1.1;box-shadow:0 3px 9px rgba(243,68,56,.28)}
#nb-bf-popup .nb-bf-cta:hover{background:#ff6051}
#nb-bf-popup .nb-bf-cta:focus-visible,#nb-bf-popup .nb-bf-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Mobile: compact bottom-right banner, independent of PNG dimensions. */
/* Mobile: compact YouTube promotion */
.nb-bf-mobile-link {
    display: none;
}


/* ===== Mobile Black Friday Compact V10 ===== */

@media screen and (max-width: 767px) {

  #nb-bf-popup,
  #nb-bf-popup.nb-bf-visible {
    position: fixed !important;
    left: auto !important;
    right: 8px !important;
    top: auto !important;
    bottom: calc(
      var(--nb-global-banner-height, 0px) + 8px
    ) !important;

    width: min(286px, calc(100vw - 16px)) !important;
    height: 88px !important;
    padding: 0 !important;

    background: #08090a !important;
    border: 1px solid #333 !important;
    border-radius: 10px 3px 3px 10px !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.25) !important;

    overflow: hidden !important;
    z-index: 99999 !important;
    transform-origin: bottom right !important;
  }

  /* Preserve entrance animation */
  #nb-bf-popup {
    transform: translateY(120%) !important;
    opacity: 0 !important;
  }

  #nb-bf-popup.nb-bf-visible {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }

  /* Hide desktop content and old decorations */
  #nb-bf-popup .nb-bf-content,
  #nb-bf-popup .nb-bf-m-badge,
  #nb-bf-popup .nb-bf-m-icon {
    display: none !important;
  }

  /* Compact layout */
  #nb-bf-popup .nb-bf-mobile-link {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto;
    grid-template-rows: 30px 12px 28px;
    column-gap: 6px;
    row-gap: 3px;

    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 5px 9px;

    background: transparent !important;
    color: #fff;
    text-decoration: none;
    text-align: left;
  }

  /* Title */
  #nb-bf-popup .nb-bf-m-title {
    grid-column: 1 / 3;
    grid-row: 1;

    display: flex !important;
    flex-direction: column;
    justify-content: center;
    gap: 2px;

    margin: 0 24px 0 0 !important;
    color: #ff5c54 !important;
    line-height: 1.1;
    text-align: left;
    text-shadow: none;
  }

  #nb-bf-popup .nb-bf-m-title-prefix {
    display: block;
    font-size: 10px !important;
    font-weight: 800;
    white-space: nowrap;
  }

  #nb-bf-popup .nb-bf-m-title-product {
    display: block;
    font-size: 14px !important;
    font-weight: 700;
    letter-spacing: -.3px;
    white-space: nowrap;
  }

  /* Countdown */
  #nb-bf-popup .nb-bf-m-timer {
    grid-column: 1 / 3;
    grid-row: 2;

    display: block;
    color: #f2c8c4 !important;
    font-size: 10px !important;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
  }

  /* Price */
  #nb-bf-popup .nb-bf-m-prices {
    grid-column: 1;
    grid-row: 3;

    display: flex !important;
    align-items: baseline;
    justify-content: flex-start;
    gap: 6px;
    margin: 0 !important;
    min-width: 0;
    white-space: nowrap;
  }

  #nb-bf-popup .nb-bf-m-prices del {
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 500;
  }

  #nb-bf-popup .nb-bf-m-prices strong {
    color: #ffe35e !important;
    font-size: 16px !important;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.5px;
  }

  /* Compact CTA */
  #nb-bf-popup .nb-bf-m-cta {
    grid-column: 2;
    grid-row: 3;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 55px !important;
    height: 27px !important;
    padding: 0 8px !important;

    background: #f34438 !important;
    color: #fff !important;
    border-radius: 18px !important;

    font-size: 12px !important;
    font-weight: 700;
    white-space: nowrap;
  }

  /* Close button */
  #nb-bf-popup .nb-bf-close {
    position: absolute !important;
    top: 4px !important;
    right: 5px !important;
    left: auto !important;

    width: 21px !important;
    height: 21px !important;
    padding: 0 !important;
    line-height: 19px !important;

    background: rgba(255,255,255,.12) !important;
    border: 1px solid #777 !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-size: 15px !important;
    z-index: 10 !important;
  }
}

/* Extra narrow phones */
@media screen and (max-width: 340px) {
  #nb-bf-popup .nb-bf-m-title-product {
    font-size: 10px !important;
    letter-spacing: -.4px;
  }
}

@media (max-width: 767px) {
    #nb-bf-popup {
        bottom: calc(
            var(--nb-global-banner-height, 0px) + 8px
        ) !important;
    }
}