/* HD Product Cards — 09 Crate. Scoped .hd-cr; tokens printed by plugin. */
.hd-cr{--hd-cr-bg:#c9b98a;--hd-cr-ink:#2e2b24;--hd-cr-ink-dim:#4e4939;--hd-cr-accent:#9e3b2c;--hd-cr-font-display:'Saira Stencil One',sans-serif;--hd-cr-font-body:'Barlow Condensed',sans-serif;
background:var(--hd-cr-bg);background-image:repeating-linear-gradient(90deg,rgba(46,43,36,.05) 0 2px,transparent 2px 56px);border:2px solid var(--hd-cr-ink);font-family:var(--hd-cr-font-body);color:var(--hd-cr-ink);position:relative;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}
.hd-cr::before{content:"";position:absolute;inset:6px;border:2px dashed rgba(46,43,36,.4);pointer-events:none;z-index:3}
.hd-cr:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 14px 30px rgba(20,22,14,.35)}
.hd-cr__top{display:flex;justify-content:space-between;padding:12px 18px 4px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--hd-cr-ink-dim)}
.hd-cr__img{position:relative;display:block;margin:8px 16px;aspect-ratio:4/3;background:rgba(46,43,36,.08);border:2px solid var(--hd-cr-ink);overflow:hidden}
.hd-cr__img img{transition:transform .35s ease}
.hd-cr:hover .hd-cr__img img{transform:scale(1.05)}
.hd-cr__tape{position:absolute;top:10px;right:-30px;z-index:2;background:var(--hd-cr-accent);color:#e9ddb8;font-family:var(--hd-cr-font-display);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:5px 36px;transform:rotate(30deg);box-shadow:0 2px 6px rgba(0,0,0,.3)}
.hd-cr__body{padding:6px 18px 16px;display:flex;flex-direction:column;flex-grow:1}
.hd-cr__cat{font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--hd-cr-ink-dim);margin:0 0 4px}
.hd-cr__title{font-family:var(--hd-cr-font-display);font-size:21px;line-height:1.15;text-transform:uppercase;margin:0 0 10px;min-height:2.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hd-cr__title a{color:var(--hd-cr-ink);text-decoration:none}
.hd-cr__title a:hover{color:var(--hd-cr-accent)}
.hd-cr__specs{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px 14px;margin:0 0 12px;height:24px;overflow:hidden}
.hd-cr__specs span{font-size:11.5px;line-height:1.4;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hd-cr-ink);border-bottom:2px solid var(--hd-cr-ink);white-space:nowrap}
.hd-cr__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:2px solid var(--hd-cr-ink);padding-top:12px;margin-top:auto}
.hd-cr__price{font-family:var(--hd-cr-font-display);font-size:22px;line-height:1.2}
.hd-cr__price del{font-family:var(--hd-cr-font-body);font-size:13px;font-weight:600;color:var(--hd-cr-ink-dim);margin-right:8px}
.hd-cr__price del .amount{color:inherit}.hd-cr__price ins{text-decoration:none}
.hd-cr .hd-cr__btn,.hd-cr .hd-cr__btn.button{font-family:var(--hd-cr-font-display);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--hd-cr-bg);background:var(--hd-cr-ink);border:none;border-radius:0;padding:10px 18px;line-height:1;cursor:pointer;text-decoration:none;transition:background .2s ease;white-space:nowrap}
.hd-cr .hd-cr__btn:hover{background:var(--hd-cr-accent)}
.hd-cr .hd-cr__btn.is-oos{opacity:.7}
.hd-cr a:focus-visible,.hd-cr .hd-cr__btn:focus-visible{outline:2px solid var(--hd-cr-accent);outline-offset:2px}

.hd-cr .hd-rating{--hd-rating-color:var(--hd-cr-accent);color:var(--hd-cr-ink-dim)}