.quality-hero { background-image: linear-gradient(135deg, rgba(8, 31, 12, 0.92), rgba(27, 77, 30, 0.78)), url('/assets/images/gallery/Lab-testing.webp'); background-size: cover; background-position: center; }
.process-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 38px; counter-reset: process; }
.process-step { position: relative; padding: 28px; border: 1px solid var(--border); border-radius: var(--radius-md); background: rgba(255,255,255,0.58); }
.process-step span { color: var(--gold-mid); font-weight: 800; letter-spacing: 2px; }
.process-step h3 { margin: 16px 0 10px; }
.lab-table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: var(--radius-md); background: #fffaf0; box-shadow: var(--shadow-green); }
.lab-table th, .lab-table td { padding: 16px; border: 1px solid var(--border); text-align: left; }
.lab-table th { background: var(--green-dark); color: var(--gold-pale); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
.cert-detail-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 38px; }
.cert-detail-grid article { padding: 28px; border: 1px solid var(--border); border-radius: var(--radius-md); background: rgba(255,255,255,0.58); }
.cert-detail-single { grid-template-columns: minmax(0, 760px); justify-content: center; }
.cert-detail-single article { display: grid; grid-template-columns: minmax(170px, 240px) 1fr; gap: 28px; align-items: center; background: linear-gradient(135deg, rgba(255,250,240,0.92), rgba(245,240,232,0.72)); box-shadow: var(--shadow-green); }
.cert-detail-single img { width: 100%; max-width: 300px; justify-self: center; border: 1px solid rgba(197,150,58,0.28); border-radius: var(--radius-md); background: #fffaf0; }
.verifiers-section { color: var(--gold-pale); }
.verifiers-section .container { max-width: 860px; }
.verifiers-section h2 { margin-bottom: 16px; color: #fff6de; }
.verifiers-section p { margin-bottom: 28px; color: rgba(245,237,219,0.68); }
@media (max-width: 900px) { .process-flow, .cert-detail-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) { .cert-detail-single { grid-template-columns: minmax(0, 760px); } }
@media (max-width: 560px) { .process-flow, .cert-detail-grid, .cert-detail-single article { grid-template-columns: 1fr; } .cert-detail-single article { text-align: center; } .lab-table { display: block; overflow-x: auto; } }