:root{
  --green:#087b3e;--green-dark:#045a2d;--green-deep:#073d22;--lime:#7dcc25;--lime-soft:#eff9e8;
  --yellow:#f6c744;--cream:#fffaf0;--bg:#f5f8f4;--card:#fff;--text:#123321;--muted:#6d7b72;
  --line:#e0e9e1;--danger:#b42318;--shadow:0 18px 45px rgba(7,61,34,.10);--shadow-sm:0 8px 24px rgba(7,61,34,.07);
  --radius:22px;--max:1220px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}
a{color:inherit}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,61,34,.09)}.nav-wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;min-width:0;text-decoration:none}.brand img{width:210px;height:auto;max-height:65px;object-fit:contain;object-position:left center}.navlinks{display:flex;align-items:center;gap:8px}.navlinks a{padding:10px 13px;text-decoration:none;font-weight:750;color:#274636;border-radius:12px}.navlinks a:hover{background:var(--lime-soft);color:var(--green)}.navlinks .nav-cta{color:#fff}.nav-logout{color:var(--danger)!important}.menu-btn{display:none;border:0;background:#eff8ef;color:var(--green);width:44px;height:44px;border-radius:13px;font-size:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 18px;min-height:46px;text-decoration:none;font-weight:800;cursor:pointer;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--green),#11a64e);color:#fff!important;box-shadow:0 8px 18px rgba(8,123,62,.20)}.btn-outline{border:1px solid #bcd4c1;background:#fff;color:var(--green)!important}.btn-soft{background:var(--lime-soft);color:var(--green);border:1px solid #d8ebcf}.btn-danger{background:#fff0ee;color:var(--danger);border:1px solid #f3c5c1}.alert{margin-top:16px;padding:13px 16px;border-radius:14px;font-weight:700}.alert.success{background:#eaf8eb;color:#176c32;border:1px solid #cbe9cf}.alert.error{background:#fff0ef;color:#a51f16;border:1px solid #f1c8c4}
/* Flyer-inspired hero */
.hero{position:relative;overflow:hidden;padding:64px 0 58px;background:linear-gradient(135deg,#f4fff1 0%,#fefcf2 52%,#e9f7e7 100%)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero:before{width:330px;height:330px;background:rgba(125,204,37,.14);left:-150px;top:-110px}.hero:after{width:400px;height:400px;background:rgba(246,199,68,.12);right:-160px;bottom:-180px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:1.6px;background:#e8f6e7;padding:8px 12px;border-radius:999px}.hero h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:.94;letter-spacing:-.045em;margin:18px 0 20px;color:var(--green-deep)}.hero h1 span{color:var(--lime)}.hero-copy{font-size:1.08rem;color:#597065;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:#52685b;font-size:.88rem;font-weight:750}.trust-row span{display:flex;align-items:center;gap:7px}.hero-visual{position:relative;border-radius:30px;overflow:hidden;min-height:560px;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.7);background:#dcefd7}.hero-visual img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center}.hero-badge{position:absolute;left:20px;bottom:20px;background:rgba(4,90,45,.93);color:#fff;border-radius:18px;padding:14px 18px;box-shadow:var(--shadow-sm);font-weight:850}.hero-badge span{color:#b9ef65}
/* Search */
.search-panel{position:relative;z-index:5;margin-top:-30px}.searchbox{display:grid;grid-template-columns:1fr auto;gap:10px;background:#fff;padding:10px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.searchbox input{min-width:0;border:0;outline:0;padding:12px 14px;font-size:1rem;background:transparent}.filters{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);padding:16px}.filter-grid{display:grid;grid-template-columns:1.15fr .8fr .8fr 1fr 1fr auto;gap:10px;align-items:end}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.76rem;color:#718078;font-weight:850}.field input,.field select,.field textarea{width:100%;border:1px solid #d8e3da;border-radius:13px;background:#fbfdfb;padding:12px 13px;outline:0;color:var(--text);transition:.15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#76bd8b;box-shadow:0 0 0 4px rgba(8,123,62,.08)}.filter-actions{display:flex;gap:8px}.full{grid-column:1/-1}
/* Sections */
.section{padding:56px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.section h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.025em;margin:0}.section-sub{color:var(--muted);margin:4px 0 0}.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}.cat{min-width:0;padding:14px 12px;border:1px solid var(--line);background:#fff;border-radius:17px;text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:800;color:#294536;box-shadow:0 4px 12px rgba(7,61,34,.03)}.cat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--lime-soft);font-size:1.2rem;flex:0 0 auto}.cat:hover,.cat.active{border-color:#a7d3ae;background:#f1faef;color:var(--green);transform:translateY(-1px)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 7px 22px rgba(7,61,34,.05);transition:.18s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-link{text-decoration:none;color:inherit}.card-img{height:210px;background:linear-gradient(135deg,#edf7e9,#f9f6e8);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:2.6rem;color:var(--green)}.card-body{padding:16px}.tag{display:inline-flex;background:#edf8e9;color:var(--green);padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:900}.card h3{font-size:1.02rem;margin:9px 0 4px;line-height:1.25}.price{color:var(--green);font-size:1.22rem;font-weight:950}.price small{font-size:.72rem;color:#758278;font-weight:700}.meta{color:var(--muted);font-size:.82rem;margin-top:7px}.empty{padding:55px 24px;text-align:center;background:#fff;border:1px dashed #b9cbbb;border-radius:20px;color:var(--muted)}
/* Feature strip */
.feature-strip{padding:18px 0 5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;gap:13px;align-items:flex-start}.feature-icon{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:14px;font-size:1.25rem}.feature strong{display:block;margin-bottom:2px}.feature span{color:var(--muted);font-size:.84rem}
/* Forms / detail */
.form-wrap{width:min(760px,100%);margin:48px auto;background:#fff;padding:32px;border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--line)}.form-wrap h1{margin:0 0 7px;font-size:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.upload-box{border:2px dashed #b8cfbd;padding:24px;border-radius:18px;text-align:center;background:#fbfdf9}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.preview-grid img{width:100%;height:130px;object-fit:cover;border-radius:12px}.detail{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:28px;margin:48px 0}.gallery-main{height:560px;background:#eaf3e6;border-radius:25px;overflow:hidden;border:1px solid var(--line)}.gallery-main img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:9px;margin-top:10px;overflow:auto}.thumbs img{width:86px;height:72px;object-fit:cover;border-radius:11px;border:2px solid transparent;cursor:pointer}.thumbs img:hover{border-color:var(--green)}.detail-info{background:#fff;padding:30px;border-radius:25px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.detail-info h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.05;margin:0 0 7px}.big-price{font-size:2rem;color:var(--green);font-weight:950;margin:16px 0}.info-list{display:grid;gap:0;margin:22px 0}.info-row{padding:13px 0;border-bottom:1px solid var(--line)}
/* Profile/admin */
.profile{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;margin:48px 0}.profile-side,.profile-main{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}.avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#dff4d6,#fff2b9);display:grid;place-items:center;font-size:2rem;font-weight:950;color:var(--green);margin-bottom:15px}.my-listings{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin{padding:48px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat{background:#fff;padding:25px;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.stat strong{font-size:2rem;color:var(--green);display:block}.table-wrap{overflow:auto;background:#fff;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}th,td{padding:13px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#f1f7ef}
/* Footer */
.site-footer{margin-top:70px;background:linear-gradient(145deg,#063a20,#087b3e);color:#dfeee3;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-logo{width:230px;height:auto;background:#fff;border-radius:12px;padding:5px;margin-bottom:13px}.footer-about p{max-width:500px;color:#bdd1c4}.footer-pill{display:inline-flex;gap:8px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);padding:9px 13px;border-radius:999px;font-weight:800}.footer-pill span{color:#c5ef6e}.footer-grid strong{color:#fff}.footer-grid a{display:block;color:#dfeee3;text-decoration:none;margin-top:10px}.footer-grid a:hover{color:#c5ef6e}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:34px;padding-top:17px;font-size:.8rem;color:#b9cdbf}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr .75fr;gap:28px}.hero-visual,.hero-visual img{min-height:500px}.filter-grid{grid-template-columns:repeat(3,1fr)}.filter-grid .full{grid-column:1/-1}.categories{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.nav-wrap{min-height:74px}.brand img{width:180px}.menu-btn{display:block}.navlinks{display:none;position:absolute;left:16px;right:16px;top:78px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.menu-open .navlinks{display:flex}.navlinks a{padding:12px}.hero{padding:45px 0}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:430px}.hero-visual img{min-height:430px}.feature-grid{grid-template-columns:1fr}.detail,.profile{grid-template-columns:1fr}.my-listings{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:min(var(--max),calc(100% - 22px))}.brand img{width:155px;max-height:58px}.hero h1{font-size:clamp(2.45rem,15vw,4rem)}.hero-copy{font-size:1rem}.hero-actions .btn{flex:1 1 180px}.hero-visual{min-height:360px;border-width:5px;border-radius:22px}.hero-visual img{min-height:360px}.hero-badge{left:12px;bottom:12px;padding:10px 13px;font-size:.8rem}.search-panel{margin-top:-18px}.searchbox{grid-template-columns:1fr}.searchbox .btn{width:100%}.filter-grid{grid-template-columns:1fr}.filter-grid .full{grid-column:auto}.categories{display:flex;overflow:auto;padding-bottom:5px}.cat{min-width:190px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card-img{height:145px}.card-body{padding:12px}.card h3{font-size:.92rem}.price{font-size:1.05rem}.meta{font-size:.73rem}.section{padding:42px 0}.form-wrap{margin:28px auto;padding:21px;border-radius:20px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.form-actions .btn{width:100%}.preview-grid{grid-template-columns:repeat(2,1fr)}.gallery-main{height:350px}.detail{margin:28px 0}.detail-info{padding:21px}.profile{margin:28px 0}.my-listings{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;gap:26px}.footer-logo{width:205px}.stat-grid{grid-template-columns:1fr}.admin{padding:30px 0}}
@media(max-width:380px){.grid,.my-listings{grid-template-columns:1fr}.card-img{height:190px}.brand img{width:145px}.hero-visual,.hero-visual img{min-height:320px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* AgroConnect feature additions */
.nav-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:5px;border-radius:999px;background:#087b3e;color:#fff;font-size:.68rem;font-weight:900}
.tag-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.nearby-badge{display:inline-flex;align-items:center;gap:4px;background:#eaf8eb;color:#176c32;border:1px solid #cbe9cf;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:900;vertical-align:middle}.nearby-text{color:#176c32;font-size:.82rem}.seller-line{margin-top:8px;font-size:.78rem;color:#64746b}.verified-tick{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#19a957;color:#fff;font-size:.72rem;font-weight:950;margin-left:5px;vertical-align:middle}.inline-form{display:inline-flex;margin:0}.listing-actions{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--line)}.listing-actions .btn{min-height:38px;padding:8px 11px;font-size:.76rem}.profile-avatar-img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid #e0efd9;margin-bottom:15px}.photo-form{margin-top:16px}.profile-links{display:grid;gap:7px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.profile-links a{text-decoration:none;padding:9px 10px;border-radius:10px;background:#f5f9f4}.message-list,.notification-list{display:grid;gap:12px}.message-card,.notification-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm)}.message-card.unread{border-left:4px solid var(--green);background:#fbfffa}.message-top{display:flex;justify-content:space-between;gap:10px}.message-card p{margin:10px 0;color:#31483b}.message-actions{display:flex;gap:8px;flex-wrap:wrap}.message-actions .btn{min-height:38px;padding:8px 12px;font-size:.78rem}.notification-card{display:flex;gap:14px;text-decoration:none}.notification-icon{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;background:var(--lime-soft);border-radius:13px}.notification-card p{margin:3px 0;color:var(--muted)}
@media(max-width:600px){.listing-actions .btn{flex:1 1 auto}.message-top{align-items:flex-start}.notification-card{padding:14px}}