/* HD Product Cards — 12 Soft. Scoped .hd-sf; tokens printed by plugin. */
.hd-sf{--hd-sf-bg:#ffffff;--hd-sf-ink:#26243a;--hd-sf-ink-dim:#77748c;--hd-sf-line:#d5d1e6;--hd-sf-accent:#5d4b9e;--hd-sf-img-a:#8f83bb;--hd-sf-img-b:#5d4f92;--hd-sf-font-display:'Inter',sans-serif;--hd-sf-font-body:'Inter',sans-serif;
background:var(--hd-sf-bg);border-radius:18px;overflow:hidden;font-family:var(--hd-sf-font-body);color:var(--hd-sf-ink);box-shadow:0 12px 32px rgba(70,60,120,.16);transition:transform .3s ease,box-shadow .3s ease}
.hd-sf:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(70,60,120,.24)}
.hd-sf__img{position:relative;display:block;aspect-ratio:4/3.1;background:linear-gradient(160deg,var(--hd-sf-img-a) 0%,var(--hd-sf-img-b) 100%);overflow:hidden}
.hd-sf__img img{mix-blend-mode:multiply;transition:transform .45s ease}
.hd-sf:hover .hd-sf__img img{transform:scale(1.06)}
.hd-sf__heart{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;transition:background .2s ease}
.hd-sf:hover .hd-sf__heart{background:rgba(255,255,255,.4)}
.hd-sf__body{padding:20px 22px 22px;border-radius:18px 18px 0 0;margin-top:-14px;background:var(--hd-sf-bg);position:relative;z-index:1;display:flex;flex-direction:column;flex-grow:1}
.hd-sf__title{font-family:var(--hd-sf-font-display);font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin:0 0 10px;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hd-sf__title a{color:var(--hd-sf-ink);text-decoration:none}
.hd-sf__title a:hover{color:var(--hd-sf-accent)}
.hd-sf__chips{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;margin:0 0 12px;height:26px;overflow:hidden}
.hd-sf__chips span{font-size:10px;line-height:1.2;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#4b4763;border:1px solid var(--hd-sf-line);border-radius:6px;padding:4px 8px;height:22px;box-sizing:border-box;white-space:nowrap}
.hd-sf__desc{font-size:13.5px;line-height:1.6;color:var(--hd-sf-ink-dim);margin:0 0 18px;min-height:4.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hd-sf__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-top:auto}
.hd-sf__eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#9c99ae;margin-bottom:2px}
.hd-sf__price{font-size:22px;font-weight:800;line-height:1.2}
.hd-sf__price del{font-size:14px;font-weight:500;color:var(--hd-sf-ink-dim);margin-right:6px}
.hd-sf__price del .amount{color:inherit}.hd-sf__price ins{text-decoration:none}
.hd-sf .hd-sf__btn,.hd-sf .hd-sf__btn.button{font-family:var(--hd-sf-font-body);font-size:14px;font-weight:700;color:#fff;background:var(--hd-sf-accent);border:none;border-radius:10px;padding:13px 26px;line-height:1.2;cursor:pointer;text-decoration:none;transition:filter .2s ease,transform .2s ease;white-space:nowrap}
.hd-sf .hd-sf__btn:hover{filter:brightness(.85);transform:translateY(-2px)}
.hd-sf .hd-sf__btn.is-oos{opacity:.55}
.hd-sf a:focus-visible,.hd-sf .hd-sf__btn:focus-visible{outline:2px solid var(--hd-sf-accent);outline-offset:2px}

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