/* Shared presentation layer for the four service-detail pages. */
body.aku-service-detail {
    --service-section-space: 84px;
    --service-card-gap: 18px
}

.service-detail-page {
    overflow: clip
}

.service-detail-page section {
    padding: var(--service-section-space) 0 !important
}

.service-detail-page h2 {
    font-size: 35px;
    line-height: 1.08
}

.service-detail-page p {
    max-width: 720px
}

.service-detail-page .brand-image {
    height: auto !important;
    min-height: 0;
    box-shadow: none
}

.service-detail-page .brand-image img {
    filter: none;
    mix-blend-mode: normal
}

/* Introductions use one shared, compact image-and-copy rhythm. */
.service-detail-page :is(.agri-introduction-grid, .land-opening-grid) {
    grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
    gap: 28px;
    align-items: center
}

.service-detail-page :is(.agri-introduction-copy, .land-opening-copy) {
    max-width: 610px
}

.service-detail-page :is(.agri-introduction-copy, .land-opening-copy) h2 {
    margin-bottom: 20px
}

.service-detail-page :is(.agri-introduction-copy, .land-opening-copy)>p {
    font-size: 19px;
    line-height: 1.62
}

.service-detail-page :is(.consultation-collaboration-image, .agri-introduction-image, .land-opening-image) {
    aspect-ratio: 4/3
}

.service-detail-page .trade-introduction-grid {
    grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
    gap: 28px;
    align-items: center
}

.service-detail-page .trade-introduction-copy h2 {
    margin-bottom: 20px
}

/* Full-width supporting photography used by the remaining service templates. */
.service-detail-page :is(.trade-logistics-image, .trade-automotive-image) {
    aspect-ratio: 16/7;
    margin-bottom: 28px
}

.service-detail-page :is(.trade-food-image, .trade-electronics-image, .trade-beauty-image, .trade-vehicles-image) {
    aspect-ratio: 4/3
}

.service-detail-page .land-development-image {
    aspect-ratio: 4/5
}

.service-detail-page .trade-logistics-content {
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid var(--brand-line)
}

/* Remove decorative numbering while retaining semantic ordered lists. */
.service-detail-page :is(.consultation-list-number,
    .agri-item-number,
    .agri-produce-list li>span,
    .agri-fertilizer-list li>span,
    .agri-seeds-list li>span,
    .land-assessment-list li>span,
    .land-sourcing-list li>span,
    .land-development-list li>span,
    .trade-list-number,
    .trade-logistics-list li>span,
    .trade-food-list li>span,
    .trade-compact-list li>span,
    .trade-automotive-list li>span,
    .trade-vehicles-list li>span,
    .trade-category-index a>span) {
    display: none
}

/* Balanced capability and detail grids. */
.service-detail-page :is(.consultation-advisory-list, .trade-sourcing-list) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--service-card-gap);
    border: 0
}

.service-detail-page :is(.consultation-advisory-list, .trade-sourcing-list)>li {
    grid-column: auto !important;
    min-height: 0;
    padding: 22px !important;
    border: 1px solid rgba(0, 151, 148, .28) !important;
    border-radius: 10px;
    background: #fff
}

.service-detail-page .consultation-advisory-list>li {
    display: block
}

.service-detail-page .consultation-advisory-list h3 {
    margin-bottom: 10px
}

.service-detail-page .consultation-advisory-list p {
    grid-column: auto
}

.service-detail-page .trade-sourcing-list>li {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px
}

.service-detail-page :is(.agri-systems-list, .agri-produce-list, .agri-fertilizer-list,
    .land-assessment-list, .land-sourcing-list,
    .trade-logistics-list, .trade-food-list, .trade-automotive-list) {
    gap: 0;
    border-top: 1px solid #009794
}

.service-detail-page :is(.agri-produce-list, .agri-fertilizer-list,
    .land-assessment-list, .land-sourcing-list,
    .trade-logistics-list, .trade-food-list, .trade-automotive-list)>li {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding: 17px 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #009794 !important;
    border-left: 0 !important
}

.service-detail-page .agri-systems-list>li {
    grid-template-columns: minmax(130px, .48fr) minmax(0, 1fr);
    min-height: 0;
    padding: 20px 18px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #009794 !important;
    border-left: 0 !important
}

.service-detail-page .agri-systems-list p {
    grid-column: auto
}

.service-detail-page .land-sourcing-list .land-sourcing-legal {
    grid-column: 1/-1;
    grid-template-columns: minmax(0, 1fr) 40px;
    background: #d4e8e0
}

.service-detail-page .trade-compact-list>li,
.service-detail-page .agri-seeds-list>li,
.service-detail-page .land-development-list>li,
.service-detail-page .trade-vehicles-list>li {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding: 14px 0
}

/* Clean split compositions and restrained highlights. */
.service-detail-page :is(.agri-seeds-grid, .land-assessment-grid, .land-sourcing-grid, .land-development-grid, .trade-product-grid, .trade-beauty-grid, .trade-vehicles-introduction) {
    gap: 28px
}

.service-detail-page .land-assessment-heading {
    position: static
}

.service-detail-page :is(.consultation-section-heading, .trade-section-heading) {
    margin-bottom: 28px
}

.service-detail-page :is(.agri-systems-context, .agri-fertilizer-heading, .trade-food-heading) {
    margin-bottom: 28px
}

.service-detail-page .agri-systems-context {
    margin-top: 28px;
    padding-top: 28px
}

.service-detail-page .trade-automotive-title {
    position: static;
    width: auto;
    padding: 28px 30px;
    border-radius: 0 0 10px 10px
}

.service-detail-page .trade-automotive-image {
    border-radius: 10px 10px 0 0
}

.service-detail-page .trade-automotive-content {
    margin-top: 28px
}

.service-detail-page .trade-category-index a {
    grid-template-columns: 1fr;
    min-height: 58px;
    padding: 12px 14px
}

.service-detail-page .trade-vehicles-list {
    margin-top: 28px
}

.service-detail-page .land-development-content {
    padding-top: 0
}

@media(max-width:980px) {
    .aku-service-detail .cta-panel {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .aku-service-detail .cta-action {
        justify-self: start
    }

    .service-detail-page :is(.agri-introduction-grid, .land-opening-grid, .trade-introduction-grid) {
        grid-template-columns: 1fr
    }

    .service-detail-page :is(.agri-introduction-copy, .land-opening-copy, .trade-introduction-copy) {
        max-width: 760px
    }

    .service-detail-page :is(.consultation-collaboration-image, .agri-introduction-image, .land-opening-image) {
        max-width: 780px;
        aspect-ratio: 16/9
    }

    .service-detail-page :is(.consultation-advisory-list, .trade-sourcing-list) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .service-detail-page :is(.agri-seeds-grid, .land-assessment-grid, .land-sourcing-grid, .land-development-grid, .trade-product-grid, .trade-beauty-grid, .trade-vehicles-introduction) {
        grid-template-columns: 1fr
    }

    .service-detail-page :is(.land-development-image, .trade-electronics-image, .trade-beauty-image, .trade-vehicles-image) {
        max-width: 780px;
        aspect-ratio: 16/10
    }
}

@media(max-width:720px) {
    body.aku-service-detail {
        --service-section-space: 52px;
        --service-card-gap: 14px
    }

    .service-detail-page :is(.consultation-advisory-list, .trade-sourcing-list) {
        grid-template-columns: 1fr
    }

    .service-detail-page :is(.consultation-advisory-list, .trade-sourcing-list)>li {
        padding: 20px !important
    }

    .service-detail-page :is(.agri-systems-list, .agri-produce-list, .agri-fertilizer-list, .land-assessment-list, .land-sourcing-list, .trade-logistics-list, .trade-food-list, .trade-automotive-list) {
        grid-template-columns: 1fr
    }

    .service-detail-page .agri-systems-list>li {
        grid-template-columns: 1fr;
        gap: 8px
    }

    .service-detail-page :is(.trade-logistics-image, .trade-automotive-image) {
        aspect-ratio: 16/9
    }

    .service-detail-page :is(.agri-produce-images, .agri-systems-context, .agri-produce-content, .agri-fertilizer-heading, .trade-food-heading, .trade-food-layout, .trade-automotive-content) {
        grid-template-columns: 1fr
    }

    .service-detail-page .trade-automotive-title {
        padding: 24px
    }
}

@media(max-width:520px) {
    .service-detail-page h2 {
        font-size: 20px;
    }

    .service-detail-page :is(.consultation-collaboration-image, .agri-introduction-image, .land-opening-image, .land-development-image, .trade-logistics-image, .trade-food-image, .trade-electronics-image, .trade-beauty-image, .trade-automotive-image, .trade-vehicles-image) {
        aspect-ratio: 4/3
    }

    .service-detail-page .trade-logistics-content {
        margin-top: 28px;
        padding-top: 28px
    }

    .service-detail-page .land-sourcing-list .land-sourcing-legal {
        grid-template-columns: 1fr
    }

    .service-detail-page .land-sourcing-legal i {
        display: none
    }
}

@media(prefers-reduced-motion:reduce) {
    .service-detail-page .brand-image img {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important
    }
}