.drccat-wrap{--drccat-green:#003D1C;--drccat-yellow:#FCD116;width:100%}
.drccat-grid{display:grid;gap:36px 38px;grid-template-columns:repeat(3,1fr)}
.drccat-grid.drccat-cols-1{grid-template-columns:1fr}
.drccat-grid.drccat-cols-2{grid-template-columns:repeat(2,1fr)}
.drccat-grid.drccat-cols-4{grid-template-columns:repeat(4,1fr)}
.drccat-card{display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:transform .25s ease,box-shadow .25s ease}
.drccat-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,61,28,.2)}
.drccat-media{height:230px;overflow:hidden;background:var(--drccat-green)}
.drccat-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.drccat-card:hover .drccat-media img{transform:scale(1.05)}
.drccat-placeholder{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--drccat-green),var(--drccat-green) 14px,#014d25 14px,#014d25 28px)}
.drccat-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:44px 24px 32px}
.drccat-title{margin:0 0 14px;font-size:1.45rem;line-height:1.25;font-weight:700;color:#111}
.drccat-desc{margin:0 0 22px;color:#6b6b6b;font-size:1.1rem;line-height:1.5}
.drccat-btn{display:inline-block;padding:11px 24px;border-radius:6px;background:var(--drccat-green);color:#fff;font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;border:2px solid var(--drccat-green);transition:background .2s,color .2s,border-color .2s}
.drccat-btn:hover,.drccat-btn:focus{background:var(--drccat-yellow);color:var(--drccat-green);border-color:var(--drccat-yellow)}
.drccat-pagination{margin-top:70px;display:flex;justify-content:center}
.drccat-pagination ul{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:0;padding:10px 28px;background:var(--drccat-green);border-radius:999px;border:2px solid #0d5a30}
.drccat-pagination li{margin:0;padding:0}
.drccat-pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;border-radius:6px;background:#fff;color:#222;font-size:1.6rem;line-height:1;text-decoration:none;transition:background .2s,transform .2s}
.drccat-pagination a.page-numbers:hover{background:var(--drccat-yellow);color:var(--drccat-green);transform:translateY(-2px)}
.drccat-pagination .page-numbers.current{background:var(--drccat-yellow);color:var(--drccat-green);font-weight:700}
.drccat-pagination .page-numbers.prev,.drccat-pagination .page-numbers.next{background:transparent;color:var(--drccat-yellow);font-size:1.3rem;min-width:30px}
.drccat-pagination a.page-numbers.prev:hover,.drccat-pagination a.page-numbers.next:hover{background:transparent;color:#fff}
.drccat-pagination .page-numbers.dots{background:transparent;color:#fff}
@media (max-width:1024px){.drccat-grid.drccat-cols-3,.drccat-grid.drccat-cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.drccat-grid,.drccat-grid.drccat-cols-2,.drccat-grid.drccat-cols-3,.drccat-grid.drccat-cols-4{grid-template-columns:1fr}.drccat-body{padding:28px 20px 26px}.drccat-media{height:200px}.drccat-pagination .page-numbers{min-width:38px;height:38px;font-size:1.25rem}.drccat-pagination ul{padding:8px 16px;gap:6px}}