/* AgriGold 2026 product detail spec-sheet layout (Corn).
   Reuses brand palette: dark green #154734, text #53565A, light bg rgba(200,201,199,.2).
   Dot-scale and per-section accent colors mirror AgriGold/product-detail.css. */

.agrigold .products.agg2026,
.products.agg2026 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1.5625rem auto;
    color: #53565A;
}

.products.agg2026 .back-header {
    width: 100%;
    max-width: 78rem;
    text-align: left;
    margin-bottom: 1.25rem;
}

.products.agg2026 .back-header a,
.products.agg2026 .back-header a:visited {
    font-family: gotham-narrow;
    font-size: .875rem;
    font-weight: 600;
    color: #343333;
    text-decoration: none;
    cursor: pointer;
}

/* Wide on web (matches old layout width); print width is forced narrower for PDF below. */
.products.agg2026 .sheet {
    width: 100%;
    max-width: 78rem;
    background: #FFF;
}

/* ---------- Header band ---------- */
.products.agg2026 .sheet-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #154734;
    color: #FFF;
    padding: 1.5rem 2.25rem;
}

.products.agg2026 .sheet-header .variety {
    font-family: gotham-narrow;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 1;
    color: #FFF;
}

.products.agg2026 .sheet-header .brand-label {
    font-family: gotham;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .04em;
    margin-top: .5rem;
}

.products.agg2026 .sheet-header .hdr-logo img {
    height: 4.5rem;
    width: auto;
}

/* ---------- Subheader band (RM + trait badge) ---------- */
.products.agg2026 .sheet-subheader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #3D6152;
    color: #FFF;
    padding: .625rem 2.25rem;
}

.products.agg2026 .sheet-subheader .rm .rm-value {
    font-family: gotham-narrow;
    font-size: 2rem;
    font-weight: 700;
}

.products.agg2026 .sheet-subheader .rm .rm-label {
    font-family: gotham;
    font-size: 1.5rem;
    font-weight: 400;
}

.products.agg2026 .sheet-subheader .gx-badge {
    display: flex;
    align-items: center;
}

.products.agg2026 .sheet-subheader .gx-badge .genetic-family-svg svg {
    height: 2rem;
    width: auto;
    margin-right: .25rem;
}

/* ---------- Section title ---------- */
.products.agg2026 .product-section .title,
.products.agg2026 .managing .title {
    font-family: gotham-narrow;
    font-size: .9375rem;
    font-weight: 700;
    color: #53565A;
    text-transform: uppercase;
    margin-bottom: .375rem;
    border-bottom: 1px solid #C8C9C7;
    padding-bottom: .1875rem;
}

/* ---------- Managing for Optimal Performance ---------- */
.products.agg2026 .managing {
    padding: 1.25rem 2.25rem .25rem 2.25rem;
}

.products.agg2026 .managing .managing-body {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    align-items: flex-start;
}

.products.agg2026 .managing .bullets {
    flex: 1 1 58%;
    padding-left: 1.125rem;
    margin: 0;
}

.products.agg2026 .managing .bullets li {
    font-family: gotham;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.35;
    color: #53565A;
    margin: .1875rem 0;
}

.products.agg2026 .managing .trait-table {
    flex: 1 1 42%;
}

.products.agg2026 .managing .trait-table .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: .3125rem .5rem;
    border-bottom: 1px solid #C8C9C7;
}

.products.agg2026 .managing .trait-table .row:nth-child(odd) {
    background: rgba(200, 201, 199, 0.2);
}

.products.agg2026 .managing .trait-table .row .k {
    font-family: gotham-narrow;
    font-size: .8125rem;
    font-weight: 700;
    color: #343333;
    text-align: left;
}

.products.agg2026 .managing .trait-table .row .v {
    font-family: gotham;
    font-size: .8125rem;
    font-weight: 500;
    color: #53565A;
    text-align: left;
}

/* ---------- Ratings grid (3-up masonry to match the PDF column packing) ---------- */
.products.agg2026 .ratings-grid {
    column-count: 3;
    column-gap: 3rem;
    padding: 1rem 2.25rem;
}

.products.agg2026 .ratings-grid .product-section {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 1.25rem 0;
}

.products.agg2026 .ratings-grid .detail-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1px 0;
}

.products.agg2026 .ratings-grid .detail-item .label {
    font-family: gotham;
    font-size: .8125rem;
    font-weight: 400;
    color: #53565A;
    text-align: left;
}

.products.agg2026 .ratings-grid .detail-item .value {
    font-family: gotham;
    font-size: .8125rem;
    font-weight: 500;
    color: #53565A;
    text-align: right;
}

/* Dot scale (mirrors AgriGold/product-detail.css) */
.products.agg2026 .detail-item .value .scale {
    display: flex;
    flex-direction: row;
    gap: .3125rem;
}

.products.agg2026 .detail-item .value .scale .circle {
    height: .6875rem;
    width: .6875rem;
    border-radius: .5rem;
    background: #D9D9D9;
}

/* All rating dots use the AgriGold gold/yellow from the PDF. */
.products.agg2026 .detail-item .value .scale .circle.selected {
    background: #FFC72C;
}

/* ---------- Key legend (hardcoded to mirror the PDF exactly) ---------- */
.products.agg2026 .key-card .key-intro {
    font-family: gotham;
    font-size: .75rem;
    line-height: 1.3;
    color: #53565A;
    margin: 0 0 .5rem 0;
}

.products.agg2026 .key-card .key-legend {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
}

.products.agg2026 .key-card .key-col {
    display: flex;
    flex-direction: column;
    gap: .3125rem;
    flex: 1;
}

.products.agg2026 .key-card .key-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: .375rem;
    font-family: gotham;
    font-size: .75rem;
    line-height: 1.2;
    color: #53565A;
}

.products.agg2026 .key-card .key-num {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: .875rem;
    height: .875rem;
    border-radius: 50%;
    background: #FFC72C;
    color: #154734;
    font-family: gotham-narrow;
    font-size: .625rem;
    font-weight: 700;
    line-height: 1;
}

.products.agg2026 .key-card .key-num.key-na {
    width: auto;
    min-width: 1.125rem;
    border-radius: .375rem;
    background: transparent;
    color: #53565A;
    padding: 0 .125rem;
}

/* ---------- Spec grid (features / characteristics / population) ---------- */
.products.agg2026 .spec-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    padding: .5rem 2.25rem 1.25rem 2.25rem;
}

.products.agg2026 .spec-col {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.products.agg2026 .spec-grid .detail-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: .3125rem .5rem;
    border-bottom: 1px solid #C8C9C7;
}

/* Title is child 1, so detail rows start at child 2 — shade odd children
   (2nd, 4th, ... detail rows) so the first data row stays white. */
.products.agg2026 .product-features .detail-item:nth-child(odd),
.products.agg2026 .plant-characteristics .detail-item:nth-child(odd) {
    background: rgba(200, 201, 199, 0.2);
}

.products.agg2026 .spec-grid .detail-item .label {
    font-family: gotham-narrow;
    font-size: .8125rem;
    font-weight: 700;
    color: #343333;
    text-align: left;
}

.products.agg2026 .spec-grid .detail-item .value {
    font-family: gotham;
    font-size: .8125rem;
    font-weight: 500;
    color: #53565A;
    text-align: left;
}

/* Planting population table — horizontal rules between rows and a
   vertical rule after the Row type column (matches the PDF). */
.products.agg2026 table.planting-population {
    width: 100%;
    border-collapse: collapse;
}

.products.agg2026 table.planting-population th,
.products.agg2026 table.planting-population td {
    text-align: left;
    color: #53565A;
    padding: .375rem .625rem;
    border-bottom: 1px solid #C8C9C7;
}

.products.agg2026 table.planting-population th {
    font-family: gotham-narrow;
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
}

.products.agg2026 table.planting-population td {
    font-family: gotham;
    font-size: .8125rem;
    font-weight: 400;
}

.products.agg2026 table.planting-population th.pp-first-column,
.products.agg2026 table.planting-population td.pp-first-column {
    border-right: 1px solid #C8C9C7;
}

/* Zebra-stripe data rows (header is tr index 1, so even rows are the
   1st, 3rd, ... data rows). */
.products.agg2026 table.planting-population tr:nth-child(even) {
    background: rgba(200, 201, 199, 0.2);
}

.products.agg2026 table.planting-population th.planting-population-Low,
.products.agg2026 table.planting-population th.planting-population-Medium,
.products.agg2026 table.planting-population th.planting-population-High {
    color: #53565A;
}

.products.agg2026.Soybeans table.planting-population th.pp-first-column,
.products.agg2026.Soybeans table.planting-population td.pp-first-column {
    display: none;
}

/* ---------- Button bar (web only) ---------- */
.products.agg2026 .button-bar {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 0 2.25rem 1.25rem 2.25rem;
    width: 100%;
}

.products.agg2026 .button-bar a,
.products.agg2026 .button-bar a:visited {
    height: 2.5rem;
    flex: 1;
    border: 1px solid #343333;
    font-family: gotham-narrow;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    color: #343333;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.products.agg2026 .button-bar .download-product {
    background: #154734;
    color: #FFF;
}

/* ---------- Footer (PDF only) ---------- */
.products.agg2026 .sheet-footer {
    display: none;
}

body.pdf .products.agg2026 .sheet-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 2rem;
    padding: .75rem 2.25rem 1.25rem 2.25rem;
    border-top: 1px solid #C8C9C7;
}

.products.agg2026 .sheet-footer .disclaimer {
    font-family: gotham;
    font-size: .625rem;
    line-height: 1.35;
    color: #8A8C8E;
    margin: 0;
    flex: 1 1 70%;
}

.products.agg2026 .sheet-footer .footer-brand {
    text-align: right;
    flex: 0 0 auto;
}

.products.agg2026 .sheet-footer .footer-site {
    font-family: gotham-narrow;
    font-size: .9375rem;
    font-weight: 700;
    color: #154734;
}

.products.agg2026 .sheet-footer .footer-addr {
    font-family: gotham;
    font-size: .625rem;
    color: #8A8C8E;
}

/* ---------- Soybean overrides ---------- */
/* Force soy to use the same outer width as corn — overrides any narrower
   parent constraint from the soy Sitefinity page template. */
.products.agg2026.Soybeans {
    width: 100%;
    max-width: 78rem;
    margin: 1.5625rem auto;
}

.products.agg2026.Soybeans .sheet {
    width: 100%;
    max-width: 78rem;
}

.products.agg2026.Soybeans .sheet-header {
    background: #8B2332;
}

.products.agg2026.Soybeans .sheet-subheader {
    background: #A04449;
}

/* Managing right column: trait brand-logo image(s) instead of the corn trait-table. */
.products.agg2026.Soybeans .managing .trait-logos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex: 1 1 42%;
}

.products.agg2026.Soybeans .managing .trait-logos img {
    height: 2.5rem;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

/* Standalone KEY card (rendered below the ratings grid for soy). */
.products.agg2026.Soybeans .key-card.standalone {
    padding: .25rem 2.25rem 1rem 2.25rem;
    max-width: 22rem;
}

body.pdf .products.agg2026.Soybeans .key-card.standalone {
    padding: .25rem 1.25rem .75rem 1.25rem;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    .products.agg2026 .ratings-grid {
        column-count: 2;
    }
}

@media (max-width: 767px) {
    .products.agg2026 .managing .managing-body {
        flex-direction: column;
        gap: 1rem;
    }

    .products.agg2026 .ratings-grid {
        column-count: 1;
    }

    .products.agg2026 .spec-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .products.agg2026 .sheet-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .products.agg2026 .button-bar {
        flex-direction: column;
    }

    .products.agg2026 .sheet-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .products.agg2026 .sheet-footer .footer-brand {
        text-align: left;
    }
}

/* ---------- PDF: force the print-width single-page spec sheet ---------- */
body.pdf .products.agg2026 {
    margin: 0;
}

body.pdf .products.agg2026 .sheet {
    max-width: none;
}

body.pdf .products.agg2026 .ratings-grid {
    column-count: 3;
}

body.pdf .products.agg2026 .spec-grid {
    grid-template-columns: 1fr 1fr;
}

/* ---------- PDF: tighter margins + slightly larger body type ---------- */
body.pdf .products.agg2026 .sheet-header {
    padding: 1.25rem 1.25rem;
}

body.pdf .products.agg2026 .sheet-subheader {
    padding: .5rem 1.25rem;
}

body.pdf .products.agg2026 .managing {
    padding: .875rem 1.25rem .25rem 1.25rem;
}

body.pdf .products.agg2026 .ratings-grid {
    padding: .75rem 1.25rem;
    column-gap: 2rem;
}

body.pdf .products.agg2026 .spec-grid {
    padding: .375rem 1.25rem .875rem 1.25rem;
    gap: 2rem;
}

body.pdf .products.agg2026 .sheet-footer {
    padding: .5rem 1.25rem .75rem 1.25rem;
}

/* Section titles a touch larger in print */
body.pdf .products.agg2026 .product-section .title,
body.pdf .products.agg2026 .managing .title {
    font-size: 1.0625rem;
}

/* Body text a step larger */
body.pdf .products.agg2026 .managing .bullets li {
    font-size: 1rem;
}

body.pdf .products.agg2026 .managing .trait-table .row .k,
body.pdf .products.agg2026 .managing .trait-table .row .v {
    font-size: .9375rem;
}

body.pdf .products.agg2026 .ratings-grid .detail-item .label,
body.pdf .products.agg2026 .ratings-grid .detail-item .value {
    font-size: .875rem;
}

body.pdf .products.agg2026 .spec-grid .detail-item .label,
body.pdf .products.agg2026 .spec-grid .detail-item .value {
    font-size: .9375rem;
}

body.pdf .products.agg2026 table.planting-population th,
body.pdf .products.agg2026 table.planting-population td {
    font-size: .9375rem;
}

body.pdf .products.agg2026 .key-card .key-intro,
body.pdf .products.agg2026 .key-card .key-item {
    font-size: .8125rem;
}

body.pdf .products.agg2026 .sheet-footer .disclaimer,
body.pdf .products.agg2026 .sheet-footer .footer-addr {
    font-size: .6875rem;
}

body.pdf .products.agg2026 .sheet-footer .footer-site {
    font-size: 1rem;
}