/* Mobile — Supply & Installation deals banner (Gemini rainbow glow) */
@property --shop-deals-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes shop-deals-rainbow-spin {
  to { --shop-deals-angle: 360deg; }
}
@keyframes shop-deals-rainbow-spin-fallback {
  to { transform: rotate(360deg); }
}
@keyframes shop-deals-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-33.333%); }
}
.shop-deals-banner {
  display: none;
  position: relative;
  width: 100%;
  max-width: 36rem;
  margin: 0 auto 14px;
  border-radius: 999px;
  text-decoration: none;
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
}
.shop-deals-banner::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: conic-gradient(
    from var(--shop-deals-angle),
    #4285f4,
    #9b72cb,
    #d96570,
    #fbbc04,
    #34a853,
    #4285f4
  );
  animation: shop-deals-rainbow-spin 3.5s linear infinite;
  z-index: 0;
}
.shop-deals-banner::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: inherit;
  background: conic-gradient(
    from var(--shop-deals-angle),
    #4285f4,
    #9b72cb,
    #d96570,
    #fbbc04,
    #34a853,
    #4285f4
  );
  filter: blur(16px);
  opacity: 0.55;
  animation: shop-deals-rainbow-spin 3.5s linear infinite;
  z-index: -1;
  pointer-events: none;
}
@supports not (background: conic-gradient(from var(--shop-deals-angle), red, blue)) {
  .shop-deals-banner::before,
  .shop-deals-banner::after {
    inset: -40%;
    animation: shop-deals-rainbow-spin-fallback 3.5s linear infinite;
  }
}
.shop-deals-banner__inner {
  position: relative;
  z-index: 1;
  display: block;
  background: linear-gradient(180deg, #161b24 0%, #0e1118 100%);
  border-radius: 999px;
  padding: 11px 0;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.shop-deals-banner__marquee {
  display: flex;
  width: max-content;
  animation: shop-deals-marquee 16s linear infinite;
}
.shop-deals-banner__text {
  flex-shrink: 0;
  padding: 0 1.75rem;
  font-family: "Barlow", system-ui, -apple-system, sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.94);
  white-space: nowrap;
}
.shop-deals-banner:active .shop-deals-banner__inner {
  background: linear-gradient(180deg, #1a2030 0%, #12161f 100%);
}
@media (max-width: 767px) {
  .shop-deals-banner { display: block; }
  nav.sitenav + .shop-deals-banner,
  nav.navbar + .shop-deals-banner {
    margin: 10px 16px 12px;
    max-width: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .shop-deals-banner::before,
  .shop-deals-banner::after { animation: none; }
  .shop-deals-banner__marquee {
    animation: none;
    justify-content: center;
    width: 100%;
  }
  .shop-deals-banner__text[aria-hidden="true"] { display: none; }
  .shop-deals-banner__text {
    padding: 0 1rem;
    text-align: center;
    width: 100%;
  }
}