/* ── La logistique LP Charpente ── */

.page-logistique {
    --log-primary: var(--primary-dark);
    --log-accent: var(--primary);
    --log-bg: #f5f0e8;
}

.page-logistique .section-label {
    color: #5c4a32;
    background: var(--log-bg);
}

.page-logistique .section-label::before {
    background: #8b6914;
}

.page-logistique .text-primary {
    color: var(--log-accent);
}

/* ── Hero ── */
.page-hero-overlay--logistique {
    background: linear-gradient(
        180deg,
        rgba(15, 12, 10, .08) 0%,
        rgba(15, 12, 10, .02) 35%,
        rgba(15, 12, 10, .45) 100%
    );
}

.page-hero--logistique .page-hero-title,
.page-hero--logistique .page-hero-sub {
    color: var(--white);
    text-shadow: 0 1px 12px rgba(0, 0, 0, .55);
}

/* ── Bandeau KPI ── */
.logistique-strip {
    position: relative;
    z-index: 3;
    margin-top: -3rem;
    padding-bottom: .5rem;
}

.logistique-strip .entreprise-kpi-bar,
.logistique-strip .logistique-kpi-bar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.logistique-kpi-bar .hero-stat-icon {
    background: var(--primary-bg);
    color: var(--primary);
}

.logistique-kpi-bar .hero-stat-n {
    color: var(--primary-dark);
}

/* ── Intro présentation ── */
.logistique-intro .section-label {
    color: #5c4a32;
    background: #f5f0e8;
}

.logistique-intro .section-label::before {
    background: #8b6914;
}

.logistique-intro-collage .entreprise-secteur-single-img {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--gray-200);
}

.logistique-intro-collage .entreprise-secteur-single-img img {
    width: 100%;
    height: auto;
    display: block;
}

/* ── Sections équipements ── */
.page-logistique .feat-icon {
    background: var(--primary-bg);
    color: var(--log-accent);
}

.page-logistique .entreprise-secteur-layout--duo {
    align-items: start;
}

.page-logistique .entreprise-secteur-duo {
    align-items: stretch;
}

.page-logistique .entreprise-secteur-duo-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.page-logistique .entreprise-secteur-duo-img {
    flex: 1 1 auto;
    aspect-ratio: 4 / 5;
    min-height: 240px;
    padding: 0;
    display: block;
    background: var(--gray-100);
}

.page-logistique .entreprise-secteur-duo-img img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center;
}

.page-logistique .entreprise-secteur-single-img img {
    object-fit: cover;
    object-position: center;
}

.page-logistique .entreprise-secteur-block--vehicules-utilitaires .entreprise-secteur-single-img img {
    object-position: center 35%;
}

.page-logistique .entreprise-secteur-block--vehicules-legers .entreprise-secteur-single-img img {
    object-position: center center;
}

.page-logistique .entreprise-secteur-block--chariots-elevateurs .entreprise-secteur-single-img img {
    object-position: center center;
}

.page-logistique .entreprise-secteur-block--chariots-elevateurs .entreprise-secteur-feats .feat:nth-child(5) {
    grid-column: 1 / -1;
}

.page-logistique .entreprise-secteur-block--nacelles .entreprise-secteur-feats {
    grid-template-columns: 1fr;
}

.page-logistique .entreprise-secteur-block--semi-remorque-grue .entreprise-secteur-single-img img {
    object-position: center 40%;
}

.page-logistique .entreprise-secteur-block--fermes-rumilly .entreprise-carousel-slide img,
.page-logistique .entreprise-secteur-block--cis-saint-julien .entreprise-carousel-slide img {
    object-fit: cover;
    object-position: center center;
}

.page-logistique .entreprise-secteur-block--cis-saint-julien .entreprise-carousel-slide img {
    object-position: center top;
}

.page-logistique .entreprise-secteur-block--camion-porteur-grue .entreprise-secteur-single-img img {
    object-position: center 40%;
}

.page-logistique .entreprise-secteur-block--camion-porteur-renforce .entreprise-secteur-single-img img {
    object-position: center center;
}

.page-logistique .entreprise-secteur-block--camion-plateau .entreprise-secteur-single-img img {
    object-position: center 40%;
}

.page-logistique .entreprise-secteur-block--tracteur-jcb .entreprise-secteur-single-img img {
    object-position: center 35%;
}

.page-logistique .entreprise-secteur-block--grues-montage-rapide .entreprise-secteur-single-img img {
    object-fit: contain;
    object-position: center center;
    background: var(--cream);
}

.page-logistique .entreprise-secteur-block--grues-montage-rapide .entreprise-secteur-feats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-logistique .entreprise-secteur-block--zone-intervention .entreprise-secteur-single-img img {
    object-fit: contain;
    background: var(--cream);
}

.page-logistique .entreprise-secteur-block--grues-auxiliaires .entreprise-carousel-slide img {
    object-fit: contain;
    background: var(--cream);
}

@media (max-width: 1100px) {
    .logistique-strip .entreprise-kpi-bar,
    .logistique-strip .logistique-kpi-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {

    .logistique-strip {
        margin-top: -1.5rem;
    }
}