:root{--blue:#1565FF;--blue-deep:#0E4ED9;--blue-soft:#E7EFFF;--purple:#6D3DFF;--navy:#071A52;--ink:#0E1B3A;--ink-soft:#5A6A8C;--paper:#F5F8FF;--card:#FFFFFF;--line:#E5EAF6;--ok:#11936A;--ok-soft:#DFF3EC;--hold:#C77B14;--hold-soft:#FCEFD8;--gone:#B23A30;--gone-soft:#F6E2DF;--r-card:22px;--r-btn:14px;--r-pill:999px;--shadow:0 1px 2px rgba(14,27,58,.05),0 8px 24px rgba(14,27,58,.07);--shadow-lift:0 2px 6px rgba(14,27,58,.06),0 18px 40px rgba(21,101,255,.14);--display:"Montserrat",system-ui,sans-serif;--body:"Poppins",system-ui,sans-serif;--accent:var(--blue);--accent-deep:var(--blue-deep)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--body);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit}.wrap{width:100%;max-width:1040px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-weight:600;font-size:15px;padding:13px 20px;border-radius:var(--r-btn);border:0;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px rgba(21,101,255,.3)}.btn--primary:hover{background:var(--accent-deep)}.btn--ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent-deep)}.btn--wa{background:#25D366;color:#073d22}.btn--wa:hover{filter:brightness(.96)}.btn--block{width:100%}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:.01em;padding:5px 11px;border-radius:var(--r-pill)}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge--disp{background:var(--ok-soft);color:var(--ok)}.badge--apar{background:var(--hold-soft);color:var(--hold)}.badge--vend{background:var(--gone-soft);color:var(--gone)}.card{background:var(--card);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.card__media{position:relative;aspect-ratio:4/3;background:var(--blue-soft);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover}.card__badge{position:absolute;top:12px;left:12px}.card__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1 1}.card__name{font-family:var(--display);font-weight:600;font-size:16px}.card__meta{font-size:13px;color:var(--ink-soft)}.card__price{font-family:var(--display);font-weight:800;font-size:19px;color:var(--ink);margin-top:4px}.card.is-gone .card__media img{filter:grayscale(.7);opacity:.7}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:18px;gap:18px}.empty{text-align:center;padding:64px 20px;color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}