:root {
    --ap-green-900: #173c26;
    --ap-green-800: #1f4d2e;
    --ap-green-700: #2e643d;
    --ap-green-100: #e9f2e8;
    --ap-green-050: #f4f8f2;
    --ap-ink: #17201a;
    --ap-muted: #657067;
    --ap-border: #dfe7df;
    --ap-bg: #f7f9f6;
    --ap-white: #fff;
}

.agropest-product-page {
    background: var(--ap-bg);
    color: var(--ap-ink);
    padding: 38px 18px 72px;
}

.agropest-shell {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.agropest-breadcrumb {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 18px;
    color: var(--ap-muted);
    font-size: 14px;
}

.agropest-breadcrumb a { color: var(--ap-green-700); text-decoration: none; }

.agropest-hero-card {
    display: grid;
    grid-template-columns: 1.5fr .8fr;
    gap: 28px;
    background: linear-gradient(135deg, #fff 0%, #f3f8f1 100%);
    border: 1px solid var(--ap-border);
    border-radius: 24px;
    padding: clamp(24px, 4vw, 44px);
    box-shadow: 0 18px 50px rgba(31, 77, 46, .08);
}

.agropest-eyebrow,
.agropest-kicker,
.agropest-crop-label {
    color: var(--ap-green-700);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 12px;
}

.agropest-hero-card h1 {
    margin: 7px 0 8px;
    color: var(--ap-green-900);
    font-size: clamp(40px, 6vw, 68px);
    line-height: .98;
}

.agropest-substance-line {
    font-size: 20px;
    margin: 0 0 20px;
    color: #34463a;
}

.agropest-badges { display: flex; gap: 10px; flex-wrap: wrap; }
.agropest-status, .agropest-badge, .agropest-chip, .agropest-count {
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 700;
}
.agropest-status.is-active { background: #dff3df; color: #276538; }
.agropest-badge, .agropest-chip, .agropest-count { background: #eef2ed; color: #475149; }

.agropest-hero-side {
    border-left: 1px solid var(--ap-border);
    padding-left: 28px;
}
.agropest-hero-side dl { margin: 0; }
.agropest-hero-side dl div { padding: 0 0 17px; margin-bottom: 17px; border-bottom: 1px solid var(--ap-border); }
.agropest-hero-side dl div:last-child { border: 0; margin: 0; padding: 0; }
.agropest-hero-side dt { color: var(--ap-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; font-weight: 700; }
.agropest-hero-side dd { margin: 5px 0 0; font-weight: 700; }

.agropest-demo-notice {
    margin: 16px 0 0;
    background: #fff7da;
    border: 1px solid #ecd88b;
    color: #614e12;
    border-radius: 14px;
    padding: 13px 16px;
    font-size: 14px;
}

.agropest-section {
    margin-top: 34px;
}
.agropest-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 16px;
}
.agropest-section h2 { color: var(--ap-green-900); margin: 4px 0 0; font-size: clamp(26px, 4vw, 36px); }

.agropest-use-grid { display: grid; gap: 16px; }
.agropest-use-card {
    background: var(--ap-white);
    border: 1px solid var(--ap-border);
    border-radius: 20px;
    padding: 22px;
    box-shadow: 0 8px 22px rgba(31,77,46,.05);
}
.agropest-use-card header { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.agropest-use-card h3 { margin: 2px 0 0; color: var(--ap-green-900); font-size: 24px; }
.agropest-target { display: grid; gap: 2px; margin: 20px 0; padding: 16px; background: var(--ap-green-050); border-radius: 14px; }
.agropest-target span { color: var(--ap-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; }
.agropest-target strong { font-size: 19px; }
.agropest-target small { color: var(--ap-muted); font-style: italic; }

.agropest-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.agropest-metrics > div {
    border: 1px solid var(--ap-border);
    border-radius: 14px;
    padding: 14px;
    min-height: 84px;
}
.agropest-metrics span { display: block; color: var(--ap-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; }
.agropest-metrics strong { display: block; margin-top: 6px; font-size: 17px; }
.agropest-metrics .agropest-phi { background: #edf8ec; border-color: #cde6cc; }
.agropest-metrics .agropest-phi strong { color: #216232; font-size: 22px; }

.agropest-use-card details { margin-top: 16px; border-top: 1px solid var(--ap-border); padding-top: 14px; }
.agropest-use-card summary { cursor: pointer; color: var(--ap-green-700); font-weight: 700; }
.agropest-details-body { padding-top: 8px; color: #3f4941; }
.agropest-note { background: #f8f6ef; border-radius: 10px; padding: 10px 12px; font-size: 13px; }

.agropest-source-box {
    background: var(--ap-green-900);
    color: #eef6ee;
    border-radius: 20px;
    padding: 24px;
}
.agropest-source-box h2 { color: #fff; margin-top: 0; }
.agropest-source-box p { margin-bottom: 0; max-width: 900px; }
.agropest-empty { background: #fff; border: 1px dashed var(--ap-border); padding: 24px; border-radius: 16px; color: var(--ap-muted); }

@media (max-width: 760px) {
    .agropest-product-page { padding: 22px 12px 48px; }
    .agropest-hero-card { grid-template-columns: 1fr; border-radius: 18px; }
    .agropest-hero-side { border-left: 0; border-top: 1px solid var(--ap-border); padding: 20px 0 0; }
    .agropest-section-heading { align-items: flex-start; flex-direction: column; }
    .agropest-metrics { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 440px) {
    .agropest-metrics { grid-template-columns: 1fr; }
    .agropest-use-card header { flex-direction: column; }
}

/* v0.5 product navigation */
.agropest-status.is-warning { background:#fff3cf; color:#795d05; }
.agropest-status.is-inactive { background:#f5e9e9; color:#8a3737; }
.agropest-substance-line a, .agropest-target a { color:inherit; text-decoration:none; }
.agropest-substance-line a:hover, .agropest-target a:hover { text-decoration:underline; }
.ap-product-use-tools { display:grid; grid-template-columns:1.4fr .8fr; gap:12px; margin:0 0 16px; }
.ap-product-use-tools input, .ap-product-use-tools select {
    width:100%; min-height:48px; border:1px solid var(--ap-border); border-radius:13px; background:#fff; padding:0 14px; color:var(--ap-ink); font:inherit;
}
.ap-crop-groups { display:grid; gap:12px; }
.ap-crop-group { background:#fff; border:1px solid var(--ap-border); border-radius:18px; overflow:hidden; box-shadow:0 6px 18px rgba(31,77,46,.045); }
.ap-crop-group > summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:18px 20px; }
.ap-crop-group > summary::-webkit-details-marker { display:none; }
.ap-crop-group > summary > span:first-child { display:grid; gap:2px; }
.ap-crop-group > summary strong { color:var(--ap-green-900); font-size:21px; }
.ap-group-meta { display:flex; align-items:center; gap:10px; color:var(--ap-muted); font-size:13px; white-space:nowrap; }
.ap-group-meta b { display:grid; place-items:center; width:28px; height:28px; border-radius:999px; background:var(--ap-green-050); color:var(--ap-green-700); font-size:18px; }
.ap-crop-group[open] .ap-group-meta b { transform:rotate(45deg); }
.ap-group-body { border-top:1px solid var(--ap-border); padding:14px; display:grid; gap:12px; background:#fbfcfa; }
.ap-group-body .agropest-use-card { box-shadow:none; border-radius:15px; padding:18px; }
.agropest-target.compact { margin:0; min-width:min(520px,100%); }
.agropest-use-card > header > .agropest-target.compact { flex:1; }

@media (max-width:760px) {
    .ap-product-use-tools { grid-template-columns:1fr; }
    .ap-crop-group > summary { padding:16px; }
    .ap-crop-group > summary strong { font-size:19px; }
    .ap-group-body { padding:9px; }
}

/* v0.6.3 product clarity */
.agropest-badges .ap-parallel-badge { background:#fff6df; border-color:#ead9a6; color:#745b14; }
.agropest-badges .ap-source-date-badge { background:#edf6ee; color:#356044; }
.agropest-badges .ap-badge-link { color:var(--ap-green-800); text-decoration:none; }
.agropest-badges .ap-badge-link:hover { text-decoration:underline; }
.ap-parallel-notice { display:flex; gap:8px 12px; align-items:center; flex-wrap:wrap; margin-top:16px; padding:13px 15px; border:1px solid #ead9a6; border-radius:14px; background:#fffbef; color:#67551d; }
.ap-parallel-notice strong { color:#594914; }
.ap-parallel-notice a { color:var(--ap-green-800); font-weight:800; }


/* v0.9 launch polish */
.agropest-shell{padding-bottom:34px}
.agropest-breadcrumb{font-size:12px;color:#6b766d;margin-bottom:18px}
.agropest-hero-card,.agropest-use-card,.ap-crop-group{box-shadow:0 8px 28px rgba(23,60,38,.035)}
.agropest-section-heading h2{text-wrap:balance}
.ap-related-links a{transition:background .16s,border-color .16s,transform .16s}.ap-related-links a:hover{transform:translateY(-1px)}
@media(max-width:620px){.agropest-shell{width:calc(100% - 24px)}.agropest-hero-card{border-radius:20px}.agropest-section-heading{gap:10px}.agropest-section-heading h2{font-size:clamp(27px,7.8vw,34px)}}