/* AGROX Black Friday 2026 — sitewide strip, isolated styles. */
.agrox-bf-strip, .agrox-bf-strip * { box-sizing: border-box; }
.agrox-bf-strip {
  position: relative;
  z-index: 11;
  width: 100%;
  min-height: 48px;
  background: linear-gradient(105deg, #080b10 0%, #191c22 48%, #0b0d10 100%);
  border-bottom: 1px solid rgba(255, 202, 44, .55);
  color: #f5f5f5;
  font-family: inherit;
  overflow: hidden;
}
.agrox-bf-strip[hidden] { display: none !important; }
.agrox-bf-strip:before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; pointer-events: none;
  background: repeating-linear-gradient(-55deg, transparent 0 44px, rgba(255,199,35,.035) 44px 47px);
  opacity: .75;
}
.agrox-bf-strip__link,
.agrox-bf-strip__link:link,
.agrox-bf-strip__link:visited {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(9px, 1.3vw, 21px);
  padding: 7px 50px 7px 15px;
  margin: 0 auto;
  width: 100%;
  max-width: 1530px;
  min-height: 48px;
  color: #f4f5f7;
  text-decoration: none;
  line-height: 1.2;
  cursor: pointer;
}
.agrox-bf-strip__link:hover, .agrox-bf-strip__link:focus { color: #fff; text-decoration: none; }
.agrox-bf-strip__mark {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 34px; width: 34px; height: 30px;
  transform: skew(-8deg);
  border-radius: 4px;
  background: #ffcb30; color: #101116;
  font-size: 14px; font-weight: 800; letter-spacing: -.04em;
}
.agrox-bf-strip__title { white-space: nowrap; font-size: 13px; font-weight: 700; letter-spacing: .045em; }
.agrox-bf-strip__mobile-date { display: none; }
.agrox-bf-strip__offer {
  white-space: nowrap; color: #ffce3d; font-size: 16px; font-weight: 700;
  letter-spacing: .015em;
}
.agrox-bf-strip__dates {
  white-space: nowrap;
  border: 1px solid rgba(255, 208, 68, .44); border-radius: 18px;
  padding: 4px 9px; font-size: 12px; font-weight: 700;
}
.agrox-bf-strip__description { white-space: nowrap; font-size: 12px; font-weight: 400; color: #d5d6db; }
.agrox-bf-strip__cta {
  display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center;
  gap: 7px; white-space: nowrap; border-bottom: 1px solid #ffcb30;
  padding-bottom: 2px; font-size: 13px; font-weight: 700; color: #ffcb30;
}
.agrox-bf-strip__cta span { font-size: 18px; line-height: 1; transition: transform .2s ease; }
.agrox-bf-strip__link:hover .agrox-bf-strip__cta span { transform: translateX(3px); }
.agrox-bf-strip__link:focus-visible { outline: 2px solid #ffe58d; outline-offset: -3px; }
.agrox-bf-strip__close {
  position: absolute; z-index: 2; top: 50%; right: max(8px, calc((100vw - 1540px)/2));
  transform: translateY(-50%);
  width: 34px; height: 34px; border: none; border-radius: 50%;
  color: #d0d1d4; background: transparent; cursor: pointer;
  font: 400 23px/1 Arial, sans-serif;
}
.agrox-bf-strip__close:hover { color: #ffce3d; background: rgba(255,255,255,.08); }
.agrox-bf-strip__close:focus-visible { outline: 2px solid #ffce3d; }
/* On /bf the customer is already on the promotion page. */
body.p-bf-2026 .agrox-bf-strip { display: none !important; }
@media (max-width: 1160px) {
  .agrox-bf-strip__description { display: none; }
}
@media (max-width: 730px) {
  .agrox-bf-strip { min-height: 56px; }
  .agrox-bf-strip__link,
  .agrox-bf-strip__link:link,
  .agrox-bf-strip__link:visited {
    display: grid; justify-content: normal; align-content: center;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    grid-template-rows: 17px 21px;
    gap: 0 9px; width: 100%; min-height: 56px;
    padding: 6px 40px 6px 10px;
  }
  .agrox-bf-strip__mark { grid-row: 1 / 3; grid-column: 1; width: 30px; height: 30px; flex: none; font-size: 13px; }
  .agrox-bf-strip__title { grid-row: 1; grid-column: 2; font-size: 11px; letter-spacing: .025em; color: #f5f5f5; }
  .agrox-bf-strip__mobile-date { display: inline; color: #b9bcc3; letter-spacing: 0; font-size: 10px; font-weight: 400; }
  .agrox-bf-strip__offer { grid-row: 2; grid-column: 2; font-size: 14px; letter-spacing: 0; }
  .agrox-bf-strip__dates, .agrox-bf-strip__description { display: none; }
  .agrox-bf-strip__cta { grid-row: 1 / 3; grid-column: 3; display: flex; padding: 0; border: 0; font-size: 0; }
  .agrox-bf-strip__cta span { font-size: 23px; }
  .agrox-bf-strip__close { right: 2px; width: 32px; height: 32px; }
}
@media (max-width: 375px) {
  .agrox-bf-strip__link, .agrox-bf-strip__link:link, .agrox-bf-strip__link:visited { gap: 0 6px; padding-right: 37px; }
  .agrox-bf-strip__title { font-size: 10px; }
  .agrox-bf-strip__offer { font-size: 13px; }
}
