.goods-section{padding:88px 7vw;background:#efece2;color:var(--ink)}
.goods-section .pr-badge{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:4px;background:var(--ink);color:var(--lime);font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;vertical-align:middle}
.goods-note{margin:-14px 0 26px;font-size:11px;line-height:1.7;color:#7a776d;max-width:640px}
.goods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.goods-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s,box-shadow .2s}
.goods-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000018}
.goods-pr{position:absolute;left:8px;top:8px;z-index:1;padding:2px 6px;border-radius:3px;background:#000000b0;color:#fff;font:700 9px 'Barlow Condensed',sans-serif;letter-spacing:1.5px}
.goods-thumb{aspect-ratio:1/1;background:#f6f4ee;display:grid;place-items:center;overflow:hidden}
.goods-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.goods-body{display:flex;flex-direction:column;gap:6px;padding:13px 14px 16px}
.goods-name{font-size:12px;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.goods-meta{display:flex;align-items:baseline;gap:9px;margin-top:2px}
.goods-price{font:700 18px 'Barlow Condensed',sans-serif;color:var(--red)}
.goods-review{font-size:10px;color:#c98a12;white-space:nowrap}
.goods-shop{font-size:10px;color:#89867c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.goods-show-more{display:block;margin:26px auto 0;padding:13px 34px;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:1px;cursor:pointer;transition:background .2s,color .2s}
.goods-show-more:hover{background:var(--ink);color:#fff}
@media(max-width:780px){.goods-section{padding:60px 5vw}.goods-grid{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.goods-grid{grid-template-columns:1fr 1fr;gap:10px}.goods-name{font-size:11px}}