:root{
  --green-deep:#354024;
  --green-mid:#41643D;
  --green-lime:#7E9D49;
  --green-light:#A8C47E;
  --green-pale:#C4DFA0;
  --bg:#F4F8EE;
  --bg2:#EBF3DC;    
  --white:#FFFFFF;
  --text-dark:#41643D;
  --text-mid:#41643D;
  --text-muted:#6B8060;
  --border:#D4E8B0;
}



/* ── SECTION ── */
.ourdevbg-section{padding:70px 60px; background:var(--bg);color:var(--text-dark);}
.ourdevbg-section-headerdev{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:16px;}
.ourdevbg-section-title{font-size:32px;font-weight:600;color:var(--text-dark);}
.ourdevbg-section-title em{font-style:italic;color:var(--green-mid);}
.ourdevbg-section-sub{font-size:15px;color:var(--text-muted);margin-top:6px;font-weight:300;}

/* ── FILTER TABS ── */
.ourdevbg-filter-wrap{display:flex;gap:8px;flex-wrap:wrap;}
.ourdevbg-filter-btn{
  padding:7px 18px;font-size:15px;font-weight:400;
  background:transparent;border:1.5px solid var(--border);border-radius:50px;
  color:var(--text-muted);cursor:pointer;transition:all .2s;
}
.ourdevbg-filter-btn:hover{border-color:var(--green-light);color:var(--green-mid);}
.ourdevbg-filter-btn.ourdevbg-active{background:var(--green-mid);border-color:var(--green-mid);color:#fff;font-weight:500;}

/* ── PRODUCT GRID ── */
.ourdevbg-product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(310px,1fr));
  gap:24px;
}

/* ── PRODUCT CARD ── */
.ourdevbg-product-card{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:20px;
  overflow:hidden;
  transition:transform .25s,box-shadow .25s,border-color .25s;
  cursor:pointer;
  display:flex;flex-direction:column;
}
.ourdevbg-product-card:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 48px rgba(57, 77, 51, 0);
  border-color:var(--green-light);
}
.ourdevbg-product-card.ourdevbg-hidden{display:none;}

/* Card image area */
.ourdevbg-card-visual{
  position:relative;
  background:var(--bg2);
  height:200px;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.ourdevbg-product-card:hover .ourdevbg-card-visual svg{transform:scale(1.06);}

.ourdevbg-card-badge{
  position:absolute;top:14px;left:14px;
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 11px;
  background:var(--white);border:1px solid var(--border);border-radius:50px;
  font-size:10.5px;color:var(--green-mid);font-weight:500;
}
.ourdevbg-card-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--green-lime);}
.ourdevbg-card-cert{
  position:absolute;top:14px;right:14px;
  padding:4px 10px;
  background:rgba(57,77,51,0.08);border-radius:50px;
  font-size:10px;color:var(--green-deep);font-weight:500;letter-spacing:.04em;
}

/* Card body */
.ourdevbg-card-body{padding:22px 22px 18px;flex:1;display:flex;flex-direction:column;}
.ourdevbg-card-title{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:5px;}
.ourdevbg-card-tagline{font-size:15px;color:var(--text-muted);font-weight:300;margin-bottom:14px;}

.ourdevbg-card-section-label{
  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--text-dark);margin-bottom:8px;
}
.ourdevbg-card-features{list-style:none;margin-bottom:14px; padding-left: 0px;}
.ourdevbg-card-features li{
  display:flex;align-items:flex-start;gap:8px;
  font-size:14px;color:var(--text-mid);font-weight:300;
  margin-bottom:5px;line-height:1.5;
}
.ourdevbg-card-features li svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;}

.ourdevbg-card-sizes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;}
.ourdevbg-size-chip{
  padding:4px 10px;
  background:var(--bg);border:1px solid var(--border);border-radius:6px;
  font-size:11px;color:var(--text-mid);font-weight:400;
}

.ourdevbg-card-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);}
.ourdevbg-card-cta{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:12px 0;
  background:var(--green-mid);color:#F4F8EE;
 font-size:13px;font-weight:500;
  border:none;border-radius:10px;cursor:pointer;text-decoration:none;
  transition:background .2s;
}
.ourdevbg-card-cta:hover{background:var(--green-deep); color: #fff;}
.ourdevbg-card-cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

/* ── CERTIFICATIONS STRIP ── */
/* .ourdevbg-cert-strip{
  background:var(--green-deep);
  padding:36px 60px;
  display:flex;align-items:center;gap:48px;flex-wrap:wrap;
}
.ourdevbg-cert-strip-label{
  font-size:16px;font-weight:400;
  color:rgba(196,223,160,0.85);white-space:nowrap;
}
.ourdevbg-cert-items{display:flex;gap:28px;flex-wrap:wrap;align-items:center;}
.ourdevbg-cert-item{
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;
  background:rgba(255,255,255,0.07);border:1px solid rgba(126,157,73,0.3);border-radius:12px;
}
.ourdevbg-cert-icon{width:28px;height:28px;flex-shrink:0;}
.ourdevbg-cert-name{font-size:12px;color:var(--green-pale);font-weight:400;}
.ourdevbg-cert-body{font-size:10px;color:rgba(168,196,126,0.6);margin-top:1px;} */

/* ── CTA SECTION ── */
.ourdevbg-cta-section{
  background:#fff;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  padding:64px 60px;
  display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
}
.ourdevbg-cta-text h2{font-size:28px;font-weight:600;color:var(--text-dark);margin-bottom:10px;}
.ourdevbg-cta-text p{font-size:15px;color:var(--text-muted);font-weight:300;line-height:1.7;max-width:440px;}
.ourdevbg-cta-buttons{display:flex;gap:14px;flex-wrap:wrap;}

.ourdevbg-cta-btn-ghost{
  padding:13px 30px;background:transparent;color:var(--green-mid);
  font-size:15px;font-weight:400;
  border:1.5px solid var(--green-light);border-radius:50px;cursor:pointer;text-decoration:none;
  transition:border-color .2s,color .2s;
}
.ourdevbg-cta-btn-ghost:hover{border-color:var(--green-mid);color:var(--green-deep);}


/* ── RESPONSIVE ── */
@media(max-width:768px){
  nav,
  .ourdevbg-hero,
  .ourdevbg-section,
  .ourdevbg-cert-strip,
  .ourdevbg-cta-section{padding-left:20px;padding-right:20px;}
  .ourdevbg-hero{flex-direction:column;padding-top:48px;padding-bottom:48px;}
  .ourdevbg-hero-deco{display:none;}
  .ourdevbg-product-grid{grid-template-columns:1fr;}
  .ourdevbg-nav-links{display:none;}
}