@charset "UTF-8";:root{--gap: 14px;--pad: 18px;--radius: 0px;--shadow: none;--accent: #111}*{box-sizing:border-box}html,body{height:100%}@font-face{font-family:SofiaPro-Regular;src:url(/SofiaPro-Regular.woff) format("woff");font-weight:400;letter-spacing:.02em;font-size:15px}body{margin:0;font-family:SofiaPro-Regular;font-style:normal;font-weight:100;color:#111;background:#f7f7f8;overflow-y:hidden}.card_type{color:#cca557;font-weight:700;text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 34px;height:10vh;background:#fff;border-bottom:1px solid #eee}.logo{height:8vh;object-fit:contain}.status{font-size:clamp(20px,1vw,48px);color:#4b5563}.status__label{opacity:.8;margin-right:6px}.status__value{font-weight:600;color:#111}.stage{position:relative;padding:16px;height:calc(100vh - 64px);overflow:hidden}.slider{height:100%;width:100%;position:relative;background:transparent;overflow:hidden}.slider__track{height:100%;display:flex;will-change:transform;transition:transform .65s ease}.page{min-width:100%;padding:var(--pad);display:grid;gap:var(--gap);align-content:start;grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.page{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.page{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.page{grid-template-columns:1fr}}.card{display:flex;gap:8px;background:#fff;border:1px solid #eee;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card__img{background:#fff;display:grid;place-items:center;margin:0 .5rem;flex-basis:35%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain}.card__body{padding:10px 12px 14px;display:grid;gap:8px}.card__name{color:#7d7d7d;font-weight:400;font-size:18px;line-height:1.25;height:2.6em;overflow:hidden;display:-webkit-box;margin-bottom:.25rem;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}.card__prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;text-align:center}.price__label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.price__value{font-size:16px;font-weight:700}.price__value--skup{color:#dc2626}.price__value--sell{color:#16a34a}.controls{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:10px}.btn{background:#111;color:#fff;border:none;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:700;box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(1px)}
