.ach-wrap{--ach-cols:4;--ach-ink:#14181f;--ach-mute:#667085;--ach-line:#e4e7ec;--ach-go:#15803d;margin:1.5rem 0}
.ach-grid{display:grid;gap:1rem;grid-template-columns:repeat(var(--ach-cols),minmax(0,1fr))}
@media(max-width:1024px){.ach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}}

.ach-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ach-line);border-radius:12px;overflow:hidden;color:var(--ach-ink)}
.ach-img{position:relative;aspect-ratio:1/1;background:#f5f6f8}
.ach-img>a,.ach-img>span:first-child{display:block;width:100%;height:100%}
.ach-img img{display:block;width:100%;height:100%;object-fit:contain}

.ach-plat{position:absolute;left:8px;top:8px;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700;color:#fff;line-height:1.5}
.ach-plat--ml{background:#2d3277}
.ach-plat--shopee{background:#ee4d2d}
.ach-disc{position:absolute;right:8px;top:8px;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:800;color:#fff;background:var(--ach-go);line-height:1.5}
.ach-disc[hidden],.ach-old[hidden]{display:none}
.ach-out{display:none;position:absolute;left:0;right:0;bottom:0;padding:.35rem;text-align:center;font-size:.8rem;font-weight:700;color:#fff;background:rgba(20,24,31,.82)}

.ach-body{display:flex;flex-direction:column;gap:.35rem;padding:.75rem .85rem .9rem;flex:1}
.ach-title{margin:0;font-size:.92rem;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ach-title a{color:inherit;text-decoration:none}
.ach-prices{display:flex;flex-direction:column;margin-top:auto}
.ach-old{font-size:.8rem;color:var(--ach-mute)}
.ach-price{font-size:1.35rem;line-height:1.2;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.ach-status{margin:0;font-size:.72rem;color:var(--ach-mute)}
.ach-btn{display:block;margin-top:.3rem;padding:.6rem;border-radius:8px;text-align:center;font-weight:700;font-size:.9rem;color:#fff!important;background:var(--ach-go);text-decoration:none}
.ach-btn:hover,.ach-btn:focus-visible{background:#166534}
.ach-btn:focus-visible,.ach-title a:focus-visible{outline:2px solid var(--ach-ink);outline-offset:2px}

.ach-card.is-out .ach-img img{opacity:.45}
.ach-card.is-out .ach-out{display:block}
.ach-card.is-out .ach-price{color:var(--ach-mute);text-decoration:line-through}
.ach-card.is-out .ach-btn{background:#98a2b3}
.ach-card.is-out .ach-disc{display:none}
.is-updating .ach-price{opacity:.5}

.ach-note{margin:1rem 0 0;font-size:.75rem;color:var(--ach-mute)}
.ach-empty{color:var(--ach-mute)}
@media(prefers-reduced-motion:no-preference){.ach-price{transition:opacity .2s}}