@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#18221f;--muted:#77827e;--cream:#f6f5ef;--green:#b8d98a;--line:#e6e7df}*{box-sizing:border-box}body{margin:0;background:#dfe5df;font-family:'DM Sans',sans-serif;color:var(--ink)}.app{max-width:520px;margin:auto;background:var(--cream);min-height:100vh;padding-bottom:82px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 20px 10px}.brand{display:flex;align-items:center;gap:10px}.logo{background:var(--ink);color:var(--green);width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-weight:bold;font-size:20px}.brand b{display:block;letter-spacing:.08em;font-size:14px}.brand small{color:var(--muted);font-size:10px}.avatar{border:0;background:#e8d4bd;width:36px;height:36px;border-radius:50%;font-size:11px;font-weight:bold}.hero{margin:10px 20px 20px;background:var(--green);border-radius:20px;padding:23px 22px;display:flex;justify-content:space-between;overflow:hidden}.eyebrow{margin:0 0 5px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:34px;line-height:1.04;margin:0 0 10px;letter-spacing:-.04em}.hero em{font-family:'Playfair Display';font-weight:600}.sub{font-size:12px;margin:0;max-width:210px}.sun{font-size:70px;opacity:.25;align-self:center}.search{display:flex;align-items:center;margin:0 20px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 10px;height:46px}.search span{font-size:25px;color:var(--muted)}.search input{border:0;outline:0;flex:1;padding:0 8px;font:inherit;font-size:13px;background:transparent}.search button{background:var(--ink);color:#fff;border:0;border-radius:8px;padding:8px 10px;font-size:11px}.chips{display:flex;gap:8px;overflow:auto;padding:16px 20px 8px}.chip{border:1px solid var(--line);background:transparent;border-radius:20px;padding:8px 14px;white-space:nowrap;font-size:12px}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:center;padding:15px 20px 10px}.section-head h2{font-size:18px;margin:0}.section-head span{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 20px}.card{background:#fff;border-radius:15px;overflow:hidden;cursor:pointer}.photo{height:165px;display:grid;place-items:center;font-size:65px;position:relative}.photo span{filter:drop-shadow(0 8px 8px #0002)}.tag{position:absolute;top:10px;left:10px;background:#fff9;border-radius:12px;padding:5px 8px;font-size:9px} .info{padding:11px 12px 13px}.title{font-size:13px;font-weight:700;margin-bottom:4px}.meta{font-size:10px;color:var(--muted);margin-bottom:9px}.price{font-size:15px;font-weight:700}.seller{font-size:10px;color:var(--muted);float:right;margin-top:3px}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:520px;width:100%;height:72px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center}.nav{background:0;border:0;color:#9aa39f;font-size:20px}.nav.active{color:var(--ink)}.nav small{display:block;font-size:10px;margin-top:3px}.modal{position:fixed;inset:0;background:#0005;display:flex;align-items:flex-end}.hidden{display:none}.sheet{background:var(--cream);width:100%;max-width:520px;margin:auto;border-radius:24px 24px 0 0;padding:24px 20px 30px;min-height:280px;position:relative}.close{position:absolute;right:18px;top:14px;border:0;background:#e5e7df;border-radius:50%;width:30px;height:30px;font-size:22px}.detail-photo{height:220px;border-radius:18px;display:grid;place-items:center;font-size:100px;margin-bottom:18px}.detail h2{margin:0 0 5px;font-size:24px}.detail p{color:var(--muted);font-size:13px}.contact{width:100%;border:0;background:var(--ink);color:#fff;padding:14px;border-radius:12px;font:inherit;font-weight:700;margin-top:10px}
.field{display:block;width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;margin:10px 0;font:inherit}
.contact{display:block;text-align:center;text-decoration:none}
.reviews{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.reviews h3{font-size:15px;margin:0 0 10px}.review{background:#fff;border-radius:10px;padding:10px;margin:7px 0;font-size:12px}.review p{margin:5px 0 0;color:var(--muted)}.stars{float:right;color:#d29b32;letter-spacing:1px}.review-btn{border:1px solid var(--ink);background:transparent;border-radius:10px;padding:10px 13px;font:inherit;font-size:12px;margin-top:8px}.rating{font-size:28px;color:#d29b32;letter-spacing:4px;margin:16px 0}
.profile-card{background:#1d2925;padding:18px;border-radius:12px;color:#d8e2dc;line-height:2}
body{background:#05070b;color:#edf2f7}.app{background:#0c1016}.brand small,.section-head span,.meta,.seller,.detail p{color:#8995a3}.search,.card,.review,.sheet{background:#151b24;border-color:#29333f}.search input{color:#eef3f7}.hero{background:#2878d8}.chip{border-color:#303b49;color:#dce6ef}.chip.active,.search button,.contact{background:#2878d8;color:#fff}.nav{background:#10151d;color:#8794a3}.nav.active{color:#4b9bff}.tag{background:#0c101ecc;color:#fff}.field{background:#111720;color:#eef3f7;border-color:#33404f}.review-btn{border-color:#4b9bff;color:#4b9bff}.close{background:#26313d;color:#fff}
.nav,.nav:focus,.nav:active{outline:0;box-shadow:none;-webkit-tap-highlight-color:transparent;border:0}
nav{background:#0c1016;border-top-color:#202b38}.nav{background:transparent!important;border-radius:0}
.seller-link{color:#4b9bff;text-decoration:none}.delete-btn{display:block;width:100%;margin-top:10px;padding:13px;border:1px solid #e06c75;border-radius:10px;background:transparent;color:#f18a92;font:inherit;font-weight:700}