:root{--bg:#0b0d0c;--card:#141816;--fg:#e8efe9;--mut:#9fb0a5;--acc:#22c55e;--line:#24302a}
[data-theme=light]{--bg:#f6f8f6;--card:#fff;--fg:#0f1712;--mut:#4b5a50;--acc:#15803d;--line:#d9e2dc}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}
.wrap{max-width:1040px;margin:0 auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:800;color:var(--acc);text-decoration:none}button.t{background:none;border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:6px 10px;cursor:pointer}
h1{font-size:1.9rem;margin:28px 0 6px}p.lead{color:var(--mut);margin-top:0}
.grid{display:grid;gap:18px;grid-template-columns:1fr;margin-top:24px}@media(min-width:760px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.card img,.ph{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.ph{display:flex;flex-direction:column;justify-content:center;padding:18px;background:linear-gradient(135deg,#0f2a1a,#0b0d0c);color:#e8efe9}
.ph b{font-size:1.6rem}.ph span{color:#9fd8b2;font-size:.9rem}
.body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.body h2{margin:0;font-size:1.2rem}.body ul{margin:0;padding-left:18px;color:var(--mut);font-size:.93rem}
.price{font-size:1.4rem;font-weight:800}.small{color:var(--mut);font-size:.85rem}
.btn{display:block;text-align:center;background:var(--acc);color:#04130a;font-weight:800;text-decoration:none;border-radius:10px;padding:12px;margin-top:auto}
.big{font-size:1.25rem;padding:18px;max-width:420px}.box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;margin-top:28px}
footer{color:var(--mut);font-size:.85rem;margin-top:40px}a{color:var(--acc)}