:root{
  --bg:#f5f4f1; --card:#ffffff; --ink:#191817; --soft:#57524b; --muted:#948d83;
  --gold:#a67c2e; --gold-deep:#8a6522; --black:#14110d;
  --line:#e9e5df; --ok:#3a7a54; --out:#b3aca2;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Jost',system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-weight:400}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}

.brandbar{background:#fff;height:56px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}
.brandbar img{height:30px;width:auto;max-width:82%;object-fit:contain;display:block}

header{position:sticky;top:0;z-index:5;background:rgba(245,244,241,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.head-in{max-width:1120px;margin:0 auto;padding:11px 18px 12px}
.tools{display:flex;gap:10px;align-items:center}
.search{flex:1;position:relative}
.search input{width:100%;padding:11px 16px 11px 40px;border:1px solid var(--line);border-radius:2px;font-size:14.5px;background:#fff;outline:none;font-family:inherit;color:var(--ink)}
.search input:focus{border-color:var(--gold)}
.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}
.disp{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--soft);white-space:nowrap;cursor:pointer;user-select:none;letter-spacing:.02em}
.disp input{width:15px;height:15px;accent-color:var(--gold)}
.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0 3px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--line);background:transparent;color:var(--soft);border-radius:2px;padding:7px 15px;font-size:12px;font-weight:400;cursor:pointer;font-family:inherit;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;transition:.15s}
.chip:hover{border-color:var(--ink)}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip.camp{border-color:var(--gold);color:var(--gold-deep);font-weight:500}
.chip.camp.on{background:var(--gold);color:#fff;border-color:var(--gold)}
.countbar{text-align:right;font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding-top:8px;line-height:1.5}

#login{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:14px;background:radial-gradient(120% 80% at 50% 0%,#fff 0%,var(--bg) 70%)}
.logo-hero{width:100%;max-width:230px;height:auto;display:block}
#login .tagline{font-size:10.5px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-top:10px}
#login p{color:var(--muted);max-width:280px;font-size:13.5px;line-height:1.55;margin-top:8px}
.field{display:flex;gap:9px;width:100%;max-width:340px;margin-top:6px}
input[type=password]{flex:1;padding:14px 16px;border:1px solid var(--line);border-radius:2px;font-size:16px;background:#fff;outline:none;font-family:inherit}
input[type=password]:focus{border-color:var(--gold)}
button{background:var(--ink);color:#fff;border:none;border-radius:2px;padding:14px 22px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;letter-spacing:.14em;text-transform:uppercase}
button:active{transform:scale(.99)}
.err{color:#b3402e;font-size:13px;min-height:16px}

.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px 0 24px}
@media(min-width:560px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;transition:.18s}
.card:hover{box-shadow:0 6px 26px rgba(25,24,23,.07)}
.card.esg{opacity:.62}
.ph{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph b{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:30px;font-weight:500;opacity:.35}
.ph.ouro{background:#f3ecdd}.ph.ouro b{color:var(--gold-deep)}
.ph.paladio{background:#ecedee}.ph.paladio b{color:#7c8188}
.ph.branco{background:#f1f0f1}.ph.branco b{color:#8b8b90}
.mat{position:absolute;top:9px;left:9px;z-index:2;font-size:8px;letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.86);backdrop-filter:blur(2px);padding:4px 8px;border-radius:2px;color:var(--soft);font-weight:500}
.info{padding:12px 13px 14px;display:flex;flex-direction:column;gap:3px;flex:1}
.nome{font-size:12.5px;line-height:1.34;min-height:33px;color:var(--ink);font-weight:400}
.cod{font-size:9.5px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.preco{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:600;color:var(--ink);margin-top:3px;letter-spacing:.01em}
.parc{font-size:10.5px;color:var(--muted);margin-top:-2px}
.badge{margin-top:8px;font-size:9.5px;font-weight:500;padding:4px 9px;border-radius:2px;align-self:flex-start;letter-spacing:.08em;text-transform:uppercase}
.b-ok{background:transparent;color:var(--ok);border:1px solid #cfe0d5}
.b-low{background:transparent;color:var(--gold-deep);border:1px solid #e7d7b3}
.b-out{background:transparent;color:var(--out);border:1px solid var(--line)}
.pedir{display:block;text-align:center;margin-top:10px;background:var(--ink);color:#fff;text-decoration:none;border-radius:2px;padding:10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;transition:.15s}
.pedir:hover{background:#000}
.pedir:active{transform:scale(.99)}
.state{grid-column:1/-1;text-align:center;color:var(--muted);font-size:14px;padding:60px 0}
.more{display:block;margin:4px auto 44px;background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:2px;padding:13px 34px;font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.more:hover{background:var(--ink);color:#fff}
.foot{text-align:center;color:var(--muted);font-size:10.5px;padding:0 0 46px;line-height:1.7;letter-spacing:.06em;text-transform:uppercase}