/* Insight Computers Black Friday 2026 theme layer */
:root{
  --bf-red:#d71920;
  --bf-red-dark:#9f1016;
  --bf-gold:#ffd21a;
  --bf-ink:#0b0b0d;
}

/* Campaign banner, shown on the homepage and shop page */
body.page-home::before,
body.site3::before{
  content:"BLACK FRIDAY  •  SELECTED DEALS  •  NOVEMBER 14–30, 2026";
  display:block;
  position:relative;
  z-index:20;
  padding:.65rem 1rem;
  background:linear-gradient(90deg,var(--bf-ink),var(--bf-red-dark) 48%,var(--bf-ink));
  color:var(--bf-gold);
  border-bottom:2px solid var(--bf-gold);
  text-align:center;
  font-weight:900;
  letter-spacing:.08em;
  font-size:.78rem;
  text-transform:uppercase;
}

body.page-home,
body.site3{
  background:linear-gradient(180deg,#fff 0%,#fff 72%,#fff8df 100%);
}

/* Highlight existing product-level savings without stacking a new discount */
body.page-home .product-card:has(.price-was),
body.site3 .product-card:has(.price-was){
  border:2px solid var(--bf-red);
  box-shadow:0 8px 24px rgba(215,25,32,.14);
}

body.page-home .product-card:has(.price-was) .product-card__media::after,
body.site3 .product-card:has(.price-was) .product-card__media::after{
  content:"BLACK FRIDAY";
  position:absolute;
  top:.65rem;
  right:.65rem;
  z-index:3;
  padding:.35rem .5rem;
  background:var(--bf-red);
  color:#fff;
  border:1px solid #fff;
  border-radius:3px;
  box-shadow:0 3px 10px rgba(0,0,0,.22);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.05em;
}

body.page-home .price-save,
body.site3 .price-save{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  margin-top:.25rem;
  padding:.22rem .45rem;
  background:var(--bf-gold);
  color:var(--bf-ink);
  border-radius:3px;
  font-weight:900;
  box-shadow:0 1px 0 rgba(0,0,0,.18);
}

body.page-home .price-save::before,
body.site3 .price-save::before{
  content:"BF";
  display:inline-grid;
  place-items:center;
  width:1.15rem;
  height:1.15rem;
  border-radius:50%;
  background:var(--bf-red);
  color:#fff;
  font-size:.62rem;
  line-height:1;
}

body.page-home .price-now,
body.site3 .price-now{
  color:var(--bf-red);
}

body.page-home .chip.is-active,
body.site3 .chip.is-active{
  background:var(--bf-red);
  border-color:var(--bf-red);
  color:#fff;
}

@media (max-width:600px){
  body.page-home::before,
  body.site3::before{
    padding:.55rem .5rem;
    font-size:.66rem;
    letter-spacing:.04em;
  }
}