@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#172820;--muted:#68766f;--green:#176b45;--green2:#b7f36b;--pale:#eff7f0;--line:#e5ece6;--paper:#f8faf7;--white:#fff;--shadow:0 12px 35px rgba(24,54,36,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1220px)/2),24px);gap:26px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font:800 22px Manrope,sans-serif;letter-spacing:-.8px;white-space:nowrap}.brandmark{width:36px;height:36px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:22px}.top nav{display:flex;gap:26px;color:#53635a;font-size:13px;font-weight:600}.top nav a:hover,.login:hover{color:var(--green)}.navright{display:flex;align-items:center;gap:15px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 17px;border-radius:11px;font-weight:800;font-size:13px;border:0;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.primary{background:var(--green2);color:#183322}.dark{background:var(--ink);color:white}.ghost{border:1px solid var(--line)}.login{font-weight:700}.big{padding:15px 20px;font-size:14px}.menu{display:none;border:0;background:none;font-size:24px;color:var(--ink)}
.hero{background:linear-gradient(120deg,#eff7ef 0%,#f8faf7 55%,#e5f2e7 100%);padding:62px max(calc((100vw - 1160px)/2),28px) 48px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--green);text-transform:uppercase}.eyebrow span{display:inline-block;width:7px;height:7px;background:#f0a16a;border-radius:50%;margin-right:7px}.hero h1{font:800 clamp(40px,5vw,62px)/1.07 Manrope,sans-serif;letter-spacing:-2.8px;margin:17px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p{max-width:510px;color:#5d6d63;font-size:16px;line-height:1.65;margin:0 0 24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust{display:flex;gap:17px;flex-wrap:wrap;margin-top:22px;color:#5d6d63;font-size:11px;font-weight:600}.hero-art{height:290px;position:relative;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#d7ead9}.hero-art:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#f5d9bc;right:2%;bottom:-5px}.hero-card{position:relative;z-index:1;width:min(290px,80%);background:white;border-radius:22px;padding:12px;box-shadow:0 25px 60px #1836221c;transform:rotate(-3deg)}.hero-card-photo{height:180px;background:linear-gradient(145deg,#e8f1e8,#cfe4d2);border-radius:15px;display:grid;place-items:center;font-size:82px}.hero-card>div:last-child{padding:13px 5px 4px;display:grid;gap:6px}.hero-card small{font-size:9px;letter-spacing:1.3px;color:var(--green);font-weight:800}.hero-card strong{font:700 15px Manrope}.floating{position:absolute;z-index:2;background:#fff;padding:12px 15px;border-radius:13px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;font-size:12px}.floating small{grid-column:2;color:var(--muted);font-size:10px}.f1{top:15px;right:0}.f2{bottom:8px;left:0}
.searchbox{max-width:1160px;margin:-22px auto 0;position:relative;z-index:3;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow)}.searchbox form{display:grid;grid-template-columns:1fr 180px 165px auto;gap:9px}.searchfield{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;padding:0 12px;gap:8px;min-width:0}.searchfield span{font-size:24px;color:var(--muted)}.searchfield input{border:0;outline:0;width:100%;padding:12px 0;min-width:0}.searchbox select,.formgrid input,.formgrid select,.formgrid textarea{border:1px solid var(--line);border-radius:10px;padding:12px;background:white;min-width:0;color:var(--ink)}.quick{display:flex;gap:19px;padding:13px 4px 0;font-size:11px;color:#617067;overflow:auto;white-space:nowrap}.quick a{font-weight:600}.quick a:hover{color:var(--green)}
.section{max-width:1160px;margin:66px auto;padding:0 20px}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.sectionhead h2,.how h2,.bottomcta h2,.panel h2{font:800 28px Manrope;letter-spacing:-.9px;margin:7px 0 0}.muted{font-size:11px;color:var(--muted)}.cats{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.cat{border:1px solid var(--line);border-radius:13px;padding:14px 11px;display:grid;gap:7px;transition:.18s;background:#fff}.cat:hover{border-color:#b7d9bf;background:#f7fbf7;transform:translateY(-2px)}.cat span{font-size:23px}.cat b{font-size:11px}.cat small{font-size:9px;color:var(--muted)}
.listings{margin-top:70px}.listingtools{display:flex;gap:8px;flex-wrap:wrap}.listingtools a{border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:11px;font-weight:700;color:#59685f}.listingtools a:first-child{background:var(--green);color:#fff;border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.listing{border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.18s;position:relative;background:white;min-width:0}.listing:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.thumb{height:160px;background:#f0f4ef;position:relative;display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:54px}.tag{position:absolute;top:10px;left:10px;background:white;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--green)}.listingbody{padding:13px}.meta{font-size:9px;color:var(--muted);font-weight:700}.listing h3{font:700 14px Manrope;margin:7px 0}.listingbody>p{font-size:10px;line-height:1.5;color:var(--muted);min-height:30px;margin:0}.listingfoot{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:13px}.listingfoot strong{font-size:14px}.listingfoot span,.seller{font-size:9px;color:var(--muted)}.seller{margin-top:6px}.inline{display:flex;align-items:center;gap:8px;margin-top:10px}.fav{width:30px;height:29px;border:1px solid var(--line);border-radius:8px;background:white;color:#68766f;font-size:16px;cursor:pointer}.fav.active{color:#d85e61}.contact{font-size:10px;font-weight:800;color:var(--green)}.empty{text-align:center;padding:48px 18px;border:1px dashed #cbd8ce;border-radius:15px}.empty>span{font-size:38px}.empty h3{font:700 19px Manrope}.empty p{color:var(--muted);font-size:12px}
.how{background:var(--paper);padding:55px max(calc((100vw - 1160px)/2),28px);display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.how p,.bottomcta p,.panel p{color:var(--muted);font-size:13px;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps>div{border-left:2px solid #cbdccf;padding-left:14px;display:grid;gap:8px}.steps span{font:800 19px Manrope;color:var(--green)}.steps b{font-size:12px}.steps small{font-size:10px;color:var(--muted);line-height:1.5}.bottomcta{background:var(--green);color:white;padding:43px max(calc((100vw - 1160px)/2),28px);display:flex;justify-content:space-between;align-items:center;gap:24px}.bottomcta .eyebrow{color:#d3e6d9}.bottomcta p{color:#d8e7dd;margin-bottom:0}.white{background:white;color:var(--green);white-space:nowrap}
footer{padding:38px 20px;text-align:center}footer .brand{justify-content:center}footer p{font-size:11px;color:var(--muted)}.footlinks{display:flex;justify-content:center;gap:22px;font-size:10px;margin:18px}.footlinks+small{font-size:9px;color:var(--muted)}
.panel{max-width:850px;margin:35px auto;padding:25px;border:1px solid var(--line);border-radius:16px;position:relative;background:white;box-shadow:var(--shadow)}.panelhead{display:flex;justify-content:space-between}.close{font-size:18px;color:var(--muted)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.formgrid label{display:grid;gap:6px;font-size:11px;font-weight:700}.formgrid .wide{grid-column:1/-1}.auth{max-width:460px}.auth .formgrid{grid-template-columns:1fr}.auth .wide{grid-column:auto}.switch{font-size:11px!important}.switch a{color:var(--green);font-weight:700}.notice{max-width:1160px;margin:18px auto;padding:12px 16px;background:#fff4e8;border-radius:9px;color:#865a2b;font-size:12px}.notice.success{background:#eaf5ed;color:#286b50}
@media(max-width:900px){.top nav{display:none}.navright{margin-left:auto}.cats{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.searchbox{margin:14px 18px}.searchbox form{grid-template-columns:1fr 1fr}.searchfield{grid-column:1/-1}.how{grid-template-columns:1fr;gap:25px}.hero{padding-top:48px;padding-bottom:30px}}
@media(max-width:600px){body{padding-bottom:64px}.top{height:62px;padding:0 15px}.brand{font-size:18px}.brandmark{width:32px;height:32px}.navright{display:none}.menu{display:block}.navopen .navright{display:flex;position:absolute;top:62px;left:0;right:0;background:white;padding:13px;z-index:25;flex-wrap:wrap;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.hero{display:block;padding:38px 19px 12px}.hero h1{font-size:42px;letter-spacing:-2px;margin:13px 0}.hero-copy>p{font-size:13px}.hero-art{height:220px;margin-top:5px}.hero-art:before{width:210px;height:210px}.hero-art:after{width:115px;height:115px}.hero-card{width:205px}.hero-card-photo{height:120px;font-size:62px}.f1{right:0;top:8px}.f2{left:0;bottom:2px}.floating{padding:9px 11px;font-size:10px}.trust{gap:9px;font-size:9px}.searchbox{margin:12px 12px 0;padding:10px;border-radius:13px}.searchbox form{grid-template-columns:1fr 1fr;gap:7px}.searchbox form .btn{grid-column:1/-1}.searchbox select{font-size:11px;padding:10px}.searchfield input{font-size:12px}.quick{gap:14px;font-size:10px}.section{margin:42px auto;padding:0 13px}.sectionhead h2,.how h2,.bottomcta h2{font-size:23px}.cats{grid-template-columns:repeat(3,1fr);gap:7px}.cat{padding:11px 9px;gap:5px}.cat span{font-size:21px}.cat b{font-size:10px}.cat small{font-size:8px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.thumb{height:118px}.listingbody{padding:9px}.listing h3{font-size:12px;line-height:1.3}.listingbody>p{font-size:9px;min-height:27px}.listingfoot{align-items:flex-start;flex-direction:column;margin-top:10px}.listingfoot strong{font-size:13px}.listingfoot span{font-size:8px}.seller{font-size:8px}.contact{font-size:9px}.listingtools{gap:6px}.listingtools a{padding:8px 9px;font-size:9px}.how{padding:38px 20px}.steps{grid-template-columns:1fr;gap:15px}.bottomcta{padding:35px 20px;display:block}.bottomcta .btn{margin-top:18px}.formgrid{grid-template-columns:1fr}.formgrid label,.formgrid .wide{grid-column:1}.panel{margin:15px 10px;padding:18px}.sectionhead .muted{max-width:95px;text-align:right}.footlinks{gap:13px;flex-wrap:wrap}
.mobilebar{position:fixed;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:30;box-shadow:0 -6px 20px #17251f0a}.mobilebar a{display:grid;gap:3px;justify-items:center;font-size:9px;color:#68766f;font-weight:700}.mobilebar a span{font-size:18px}.mobilebar .add{width:43px;height:43px;border-radius:15px;background:var(--green2);color:#173322;font-size:26px;display:grid;place-items:center;margin-top:-22px;border:4px solid white}}
@media(min-width:601px){.mobilebar{display:none}}

.shippingbox{background:#f4f8f3;border:1px solid #dceade;border-radius:12px;padding:15px}.shippingbox.required{border-color:#82b78e;background:#edf7ef}.shippingtitle{font:800 13px Manrope;color:#176b45}.shippingbox p{font-size:11px;color:#5d6d63;margin:7px 0 10px}.shippingbox>a{font-size:11px;color:#176b45;font-weight:800}.checkline{display:flex!important;align-items:flex-start;gap:9px!important;font-size:11px!important;line-height:1.5;margin:9px 0}.checkline input{width:17px;height:17px;accent-color:#176b45;margin:0;flex:0 0 auto}.shippingnote{display:inline-flex;margin-top:7px;padding:5px 7px;border-radius:6px;background:#eff7f0;color:#176b45;font-size:9px;font-weight:800}
