/* Campaign badges stay outside the moving photo track. */
[class*="jr-promotion-"] :is(.jr-product-card__media,.etheme-product-grid-image,.product-image-wrapper){position:relative}
.jr-promotion-badge{
 position:absolute;z-index:9;left:10px;bottom:20px;display:inline-flex;align-items:center;gap:5px;
 max-width:calc(100% - 20px);box-sizing:border-box;padding:6px 8px;margin:0;
 border:1px solid #bba180;border-radius:3px;background:#24211e;color:#fff;
 font:600 10px/1.25 var(--jr-font-body,Arial,sans-serif);letter-spacing:.04em;
 text-transform:uppercase;pointer-events:none;box-shadow:0 2px 8px #241f1914;
}
.jr-promotion-badge::before{
 content:"";flex:0 0 12px;width:12px;height:12px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dbc3a5' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M3 3h8l10 10-8 8L3 11Z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.4'/%3E%3C/svg%3E");
}
.jr-promotion-badge__text{min-width:0;overflow-wrap:anywhere}
.jr-promotion-badge--deal{font-size:10px;letter-spacing:0;white-space:nowrap;text-transform:none}
.jr-promotion-badge--deal .jr-promotion-badge__text{overflow-wrap:normal}
.jr-promotion-badge__deal{display:inline;margin-left:.3em}
[class*="jr-promotion-"].jr-black-november-active .jr-product-card__media::after,
[class*="jr-promotion-"].jr-black-november-active .product-image-wrapper::after{content:none}
/* Compact audience links: only the Black November archive uses this treatment. */
body.term-black-november .jr-bn-category-nav{width:100%!important;max-width:640px!important;margin:18px auto 0!important}
body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category-rail{display:block!important;width:100%!important;padding:0!important}
body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category-track{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:4px 24px!important;
 width:100%!important;max-width:none!important;overflow:visible!important;padding:3px!important;margin:0!important;scroll-snap-type:none!important;
}
body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
 width:auto!important;min-width:0!important;max-width:none!important;min-height:44px!important;margin:0!important;padding:10px 8px!important;
 box-sizing:border-box!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;
 background:transparent!important;color:#62584e!important;box-shadow:none!important;font:500 13px/1.3 var(--jr-font-body,Arial,sans-serif)!important;
 text-align:center!important;text-decoration:none!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;
 transition:color .15s ease,border-color .15s ease!important;
}
body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category::before,
body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category::after{content:none!important}
body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category:hover{color:#211e1a!important;border-bottom-color:#c5af96!important}
body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category.is-current{color:#211e1a!important;border-bottom-color:#927456!important;font-weight:600!important}
body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category:focus-visible{outline:2px solid #806044!important;outline-offset:3px!important}
body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category-arrow,
body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category-dots,
body.term-black-november .jr-bn-category-nav .jr-bn-category-cue{display:none!important}
body.term-black-november .jr-bn-archive-description{max-width:650px;margin:14px auto 0!important;font-size:12px!important;line-height:1.6!important;letter-spacing:0!important}
@media(max-width:600px){
 body.term-black-november .jr-bn-category-nav{margin-top:12px!important}
 body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category-track{gap:0 8px!important}
 body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category{padding:10px 4px!important;font-size:11px!important}
 .jr-promotion-badge{left:6px!important;bottom:20px!important;padding:5px!important;gap:4px!important;max-width:calc(100% - 12px)!important;font-size:8px!important}
 .jr-promotion-badge--deal{font-size:9px!important;letter-spacing:0!important}
 .jr-promotion-badge::before{width:10px!important;height:10px!important;flex-basis:10px!important}
}
@media(prefers-reduced-motion:reduce){body.term-black-november .jr-bn-category-nav .jr-category-system__hero-category{transition:none!important}}

/* Align the deal badge with the visible active dot, not its larger click target.
   Desktop: 8 + (10 - 5)/2 = 10.5px. Mobile: 6 + (9 - 5)/2 = 8px. */
.jr-promotion-badge--deal{bottom:10.5px!important}
@media(max-width:767px){.jr-promotion-badge--deal{bottom:8px!important}}
/* Narrow two-column cards need separate rows for the label and gallery dots. */
@media(max-width:360px){.jr-promotion-badge--deal{bottom:20px!important}}