@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700;800&display=swap');
:root{--ink:#233b53;--accent:#527184;--soft:#d7e3e8;--bg:#f5f4f0;--paper:#fff;color:#27343d;font-family:Inter,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{text-decoration:none;color:inherit}.hide{display:none!important}
.profile{width:min(900px,100%);margin:34px auto;background:var(--paper);border:1px solid #e1e6e9;border-radius:24px;overflow:hidden;box-shadow:0 12px 42px #1b33410d}
.cover{padding:46px 28px 38px;text-align:center;background:linear-gradient(140deg,var(--soft),var(--bg))}
.logo{width:96px;height:96px;object-fit:contain;border-radius:22px;margin:auto;background:white}.logo-fallback{width:96px;height:96px;border-radius:22px;background:var(--ink);color:white;display:grid;place-items:center;margin:auto;font:800 28px Montserrat}
.eyebrow{font:800 11px Montserrat;letter-spacing:.14em;color:var(--accent);margin-top:20px}
h1,h2,h3{font-family:Montserrat,Arial,sans-serif}h1{font-size:clamp(29px,5vw,44px);letter-spacing:-.05em;margin:10px 0}.tagline{font-weight:700;color:var(--accent)}.description{max-width:620px;margin:14px auto;color:#596771;line-height:1.7}
.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.action{padding:12px 18px;background:var(--ink);color:white;border-radius:10px;font-weight:700}.action.secondary{background:white;color:var(--ink);border:1px solid #cbd5da}
.body{padding:30px}.info{text-align:center;color:#697780;line-height:1.6}.section{margin:32px 0}.section h2{font-size:22px}.items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.item,.product{border:1px solid #e3e8eb;border-radius:14px;padding:17px;background:#fff}.product{display:flex;justify-content:space-between;gap:16px;align-items:center}.product h3{margin:8px 0}.product p{color:#697780;line-height:1.5}.category{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.product-ask{white-space:nowrap;color:var(--ink);font-weight:700}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery img{width:100%;height:180px;object-fit:contain;background:#f2f4f5;border-radius:12px}.tools{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:25px 0}.tools button{border:1px solid #cbd5da;background:#fff;color:var(--ink);padding:10px 14px;border-radius:9px;cursor:pointer;font-weight:600}.qrbox{text-align:center}.qrbox img{width:140px;height:140px}.notice{text-align:center;font-size:11px;color:#87929a;padding:20px;border-top:1px solid #edf0f1}.wa-float{position:fixed;right:18px;bottom:18px;background:#fff;border:1px solid #d6e0e4;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;box-shadow:0 7px 25px #152e3c20}.wa-float svg{width:28px;height:28px;fill:#1c7f66}.unavailable{text-align:center;padding:20vh 20px}.muted{color:#687681}
@media(max-width:650px){.profile{margin:0;border-radius:0;border:0}.body{padding:22px}.items{grid-template-columns:1fr}.product{align-items:flex-start;flex-direction:column}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:140px}}
