:root{--bg:#f6f3ec;--paper:#fffdf8;--ink:#17211b;--muted:#6d746c;--line:#dddcd2;--green:#245c43;--green2:#37785a;--lime:#d7ed9a;--orange:#ef7b45;--shadow:0 18px 50px rgba(31,44,34,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit}.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--green);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 20px rgba(20,45,30,.12)}.topbar-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font:700 21px "Space Grotesk"}.brand>span:last-child span{color:var(--lime)}.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--lime);color:var(--green);font-size:21px}.nav{display:flex;gap:5px;align-items:center}.nav a,.nav button{border:0;background:transparent;color:#dbe9df;padding:9px 12px;text-decoration:none;font-size:11px;font-weight:700;border-radius:99px;cursor:pointer}.nav a:hover,.nav button:hover{background:#fff;color:var(--green)}
.hero{background:linear-gradient(135deg,#173f2d,#2c6c4c);color:#fff;overflow:hidden}.hero-grid{min-height:540px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:30px}.kicker{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:800}.hero h1{font:700 clamp(42px,6vw,70px)/.99 "Space Grotesk";letter-spacing:-3px;max-width:760px;margin:12px 0 18px}.hero p{color:#d5e2da;max-width:650px;font-size:15px}.searchbar{display:flex;max-width:720px;background:#fff;padding:5px;border-radius:14px;margin-top:28px}.searchbar input{flex:1;border:0;outline:0;padding:14px;background:transparent}.searchbar button,.compact-search button{border:0;border-radius:10px;padding:0 24px;background:var(--orange);color:#fff;font-weight:800;cursor:pointer}.hero-stats{display:flex;gap:24px;margin-top:20px;color:#bcd2c4;font-size:11px}.hero-stats b{color:#fff}.hero-art{height:370px;position:relative;display:grid;place-items:center}.orb{width:270px;height:270px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d7ed9a,#7ca866 40%,#214f38 72%);box-shadow:0 0 0 35px rgba(215,237,154,.08),0 0 0 70px rgba(215,237,154,.05)}.leaf{position:absolute;font-size:160px;transform:rotate(-28deg);color:#e7f3c0;opacity:.8}.hero-art small{position:absolute;right:5%;bottom:12%;font-size:9px;letter-spacing:3px;color:#b8d0c0}
.notice{margin:28px 0;padding:16px 18px;border:1px solid #d8dfc8;border-left:4px solid var(--orange);border-radius:14px;background:#fbfbeF;color:#596258;font-size:11px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:38px 0 18px}.section-head h2,.page-intro h1{font:700 32px/1 "Space Grotesk";letter-spacing:-1px;margin:7px 0 0}.section-head a{color:var(--green);font-size:11px;font-weight:800;text-decoration:none}
.plant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plant-card{overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:20px;text-decoration:none;box-shadow:var(--shadow);transition:.2s}.plant-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(31,44,34,.14)}.plant-photo{height:180px;background:linear-gradient(135deg,#dce9c7,#a9c38e);display:grid;place-items:center;overflow:hidden;position:relative}.plant-photo img,.detail-photo img{width:100%;height:100%;object-fit:cover}.plant-photo span{font-size:42px;opacity:.7}.plant-card-body{padding:17px}.tag,.review{display:inline-block;padding:5px 8px;border-radius:99px;background:#eaf1df;color:var(--green);font-size:8px;font-weight:800}.review{background:#fff0e8;color:#b9532d;margin-left:4px}.plant-card h3{margin:10px 0 2px;font:700 18px "Space Grotesk"}.plant-card em{color:var(--muted);font-size:10px}.plant-card p{color:var(--muted);font-size:11px;margin:10px 0 0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-grid a{display:flex;justify-content:space-between;gap:10px;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:15px;text-decoration:none;font-size:11px;font-weight:700}.category-grid a:hover,.category-grid a.selected{border-color:var(--green);background:#eef4e8}.category-grid b{color:var(--green)}.category-grid.large{grid-template-columns:repeat(3,1fr)}.ad{height:100px;border:1px dashed #c9c9bd;border-radius:16px;display:grid;place-items:center;margin:28px 0;color:#aaa;font-size:9px;letter-spacing:2px}
.page{padding:35px 0 80px}.page-intro{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}.page-intro p{color:var(--muted);font-size:12px}.compact-search{display:flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;min-width:330px}.compact-search input{min-width:0;flex:1;border:0;outline:0;padding:10px}.compact-search button{padding:0 18px}.filter-row{display:flex;gap:7px;overflow:auto;padding-bottom:16px}.filter-row a{white-space:nowrap;padding:7px 11px;border-radius:99px;border:1px solid var(--line);text-decoration:none;font-size:9px;background:var(--paper)}.filter-row a.active{background:var(--green);color:#fff;border-color:var(--green)}.filter-row small{opacity:.7}.pagination{display:flex;justify-content:center;gap:6px;margin:30px 0}.pagination a{padding:8px 11px;border-radius:9px;border:1px solid var(--line);text-decoration:none;font-size:10px}.pagination a.active{background:var(--green);color:#fff}
.breadcrumb{font-size:10px;color:var(--muted);margin-bottom:18px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px}.detail-grid article{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden}.detail-photo{height:390px;background:#dbe7ce;position:relative;display:grid;place-items:center}.detail-photo img{position:absolute;inset:0}.detail-photo span{font-size:80px}.detail-photo a{position:absolute;right:15px;bottom:15px;background:rgba(0,0,0,.65);color:#fff;padding:7px 10px;border-radius:8px;text-decoration:none;font-size:9px}.detail-copy{padding:30px}.detail-copy h1{font:700 48px/1 "Space Grotesk";letter-spacing:-2px;margin:12px 0 2px}.scientific{font-style:italic;color:var(--muted);font-size:13px}.meta-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0;padding:12px;background:#f0f3e9;border-radius:12px;font-size:10px}.detail-copy h2{font:700 18px "Space Grotesk";margin-top:28px}.detail-copy p{font-size:13px;color:#5e665f}.detail-side{display:flex;flex-direction:column;gap:12px}.side-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:18px}.side-card h3{font:700 14px "Space Grotesk";margin:0 0 10px}.side-card p{font-size:10px;color:var(--muted)}.side-card a{font-size:10px;color:var(--green);font-weight:800}.side-card button{width:100%;border:0;border-radius:9px;padding:11px;margin-top:7px;font-weight:800;cursor:pointer}.share{background:var(--green);color:#fff}.favorite{background:var(--lime);color:var(--green)}.warning{border-color:#efc4b3;background:#fff7f2}.legal{max-width:850px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:40px;box-shadow:var(--shadow)}.legal h1{font:700 44px "Space Grotesk";letter-spacing:-2px}.legal h2{font:700 18px "Space Grotesk";margin-top:30px}.legal p{color:var(--muted);font-size:13px;line-height:1.9}.empty{padding:70px;text-align:center;background:var(--paper);border:1px dashed var(--line);border-radius:20px}.footer{background:#173f2d;color:#a9c2b1;padding:42px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-logo{font:700 22px "Space Grotesk";color:#fff}.footer p{font-size:10px;max-width:380px}.footer strong{display:block;color:#fff;font-size:11px;margin-bottom:8px}.footer a{display:block;color:#a9c2b1;text-decoration:none;font-size:10px;margin:6px 0}.footer a:hover{color:var(--lime)}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:15px;font-size:9px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.plant-grid{grid-template-columns:repeat(2,1fr)}.category-grid,.category-grid.large{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar-inner{height:64px}.nav a:nth-child(3),.nav a:nth-child(4){display:none}.hero h1{font-size:43px}.hero-grid{min-height:520px}.searchbar{max-width:none}.plant-grid{grid-template-columns:1fr}.category-grid,.category-grid.large{grid-template-columns:1fr}.page-intro{display:block}.compact-search{min-width:0;margin-top:18px}.detail-copy{padding:22px}.detail-copy h1{font-size:36px}.detail-photo{height:300px}.detail-side{display:block}.side-card{margin-bottom:10px}.legal{padding:25px}.legal h1{font-size:34px}.footer-grid{grid-template-columns:1fr}}