/* Product card proportions and details from category-case-furniture.html. */
.headboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.headboard-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--bg);color:var(--fg);border:1px solid var(--color-light-border);text-decoration:none;cursor:pointer;overflow:hidden}
.headboard-card:hover{color:var(--fg);opacity:1}
.headboard-card-photo{position:relative;display:block;aspect-ratio:335/250;background:var(--surface);overflow:hidden}
.headboard-card-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;transition:transform 520ms cubic-bezier(.16,1,.3,1)}
.headboard-card-tag{position:absolute;top:17px;left:17px;display:inline-flex;align-items:center;min-height:28px;padding:0 15px;background:var(--bg);color:var(--fg);font-size:12px;line-height:15px;font-weight:700}
.headboard-card-body{display:flex;flex-direction:column;flex:1;padding:28px 23px 20px}
.headboard-card h3,.headboard-card h3:first-child{min-height:52px;margin:0 0 6px;font-size:20px;line-height:26px;font-weight:600;text-wrap:initial}
.headboard-card-specs{margin:auto 0 0}
.headboard-card-spec{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:14px;min-height:52px;padding:12px 0;border-top:1px solid var(--color-light-border);font-size:13px;line-height:18px;font-weight:500}
.headboard-card-spec:last-child{border-bottom:1px solid var(--color-light-border)}
.headboard-card-spec dt{color:var(--muted)}.headboard-card-spec dd{margin:0}
.headboard-card-link{display:flex;align-items:center;gap:15px;min-height:56px;padding-top:16px;color:var(--accent);font-size:14px;line-height:20px;font-weight:700}
.headboard-card-link span:last-child{font-size:18px;line-height:22px;transition:transform 220ms cubic-bezier(.23,1,.32,1)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.headboard-card:hover .headboard-card-photo img{transform:scale(1.045)}.headboard-card:hover .headboard-card-link span:last-child{transform:translateX(4px)}}
@media(min-width:1100px) and (max-width:1536px){.headboard-card-body{padding:24px 20px 16px}.headboard-card h3,.headboard-card h3:first-child{font-size:18px;line-height:26px}.headboard-card-spec{grid-template-columns:64px minmax(0,1fr);gap:10px}}
@media(max-width:1099px){.headboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.headboard-grid{gap:12px}.headboard-card-body{padding:24px 20px 16px}.headboard-card h3,.headboard-card h3:first-child{font-size:18px;line-height:26px;margin:0 0 6px}.headboard-card-spec{grid-template-columns:64px minmax(0,1fr);gap:10px}}
@media(max-width:520px){.headboard-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.headboard-card-photo img,.headboard-card-link span:last-child{transition:none}}