.na{font-weight:800;font-size:18px;color:var(--m)}
.banner{background:#fff4d6;border:1px solid #f0d98a;border-radius:12px;padding:10px 14px;margin-bottom:14px;font-weight:600}
.hero.retail{background:linear-gradient(120deg,#0f3d14 0%,#1c5a24 55%,#e65100 140%)}
.rt{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.linkrow{display:flex;gap:10px;flex-wrap:wrap}.linkrow a{flex:1;min-width:140px;text-align:center}
.mini{font-size:13px;color:var(--m)}

/* Out of stock: a watermark across the product picture */
.card .im{position:relative}
.card .im.oos::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.62);border-radius:10px;z-index:1}
.card .im.oos::after{content:attr(data-oos);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-30deg);z-index:2;font-weight:700;font-size:17px;line-height:1.1;text-align:center;color:#1b1b1b;white-space:nowrap}
.card:hover .im.oos img.in{transform:none}

/* keep the % OFF label above the product picture */
.card .off{z-index:3}