/* =========================================================
LAUTOMATIK — PAGE VENDEUR (PAGE-ONLY)
Scope: .lauto.lauto-seller
========================================================= */

.lauto.lauto-seller{
  --la-font: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  --la-ink:#0f172a;
  --la-muted:#475569;
  --la-muted2:#64748b;

  --la-bg:#f6f7f7;
  --la-surface: rgba(255,255,255,.92);

  --la-line:#e5e7eb;
  --la-line2:#d1d5db;

  --la-primary:#10b981;
  --la-primary-ink:#06281c;

  --la-radius-xl:22px;
  --la-radius-lg:18px;
  --la-radius-md:14px;

  --la-shadow: 0 18px 44px rgba(2,6,23,.08);
  --la-shadow2: 0 14px 34px rgba(2,6,23,.06);

  --la-badge:#0f172a;
  --la-badge-bg:#ffffff;
  --la-badge-line:#e5e7eb;

  font-family: var(--la-font);
  color: var(--la-ink);
  background:
    radial-gradient(900px 380px at 10% 0%, rgba(16,185,129,.10), transparent 60%),
    radial-gradient(900px 380px at 92% 18%, rgba(2,132,199,.08), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, var(--la-bg) 100%);
}

.lauto.lauto-seller *{ box-sizing:border-box; }

.lauto.lauto-seller .lauto-wrap{
  max-width: 1120px;
  margin: 0 auto;
  padding: 18px 18px 54px;
}

/* Typography */
.lauto.lauto-seller .lauto-h1{
  margin: 0;
  font-size: 38px;
  line-height: 1.06;
  letter-spacing: -.03em;
}

.lauto.lauto-seller .lauto-h2{
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.01em;
}

.lauto.lauto-seller .lauto-sub{
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--la-muted);
}

.lauto.lauto-seller .lauto-p{
  margin: 0;
  color: var(--la-ink);
  line-height: 1.65;
  font-weight: 850;
}

.lauto.lauto-seller .lauto-link{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Breadcrumb */
.lauto.lauto-seller .lauto-breadcrumb{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--la-line);
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  box-shadow: var(--la-shadow2);
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
}

.lauto.lauto-seller .lauto-crumb,
.lauto.lauto-seller .lauto-current{
  font-size: 13px;
  font-weight: 900;
  color: var(--la-muted);
  text-decoration: none;
  white-space: nowrap;
}

.lauto.lauto-seller .lauto-crumb:hover{
  text-decoration: underline;
  text-underline-offset: 2px;
}

.lauto.lauto-seller .lauto-current{
  color: var(--la-ink);
  text-overflow: ellipsis;
  overflow: hidden;
}

.lauto.lauto-seller .lauto-sep{
  color: var(--la-muted2);
  font-weight: 900;
}

/* Header layout */
.lauto.lauto-seller .lauto-header{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 14px;
  align-items: start;
}

.lauto.lauto-seller .lauto-titleBlock{
  padding: 18px;
  border: 1px solid var(--la-line);
  border-radius: var(--la-radius-xl);
  background: var(--la-surface);
  box-shadow: var(--la-shadow);
}

.lauto.lauto-seller .lauto-badges{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 12px;
}

/* Badges */
.lauto.lauto-seller .lauto-badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid var(--la-badge-line);
  background: var(--la-badge-bg);
  color: var(--la-badge);
  font-weight: 950;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.lauto.lauto-seller .lauto-badgeSoft{
  background: rgba(255,255,255,.65);
  color: var(--la-muted);
}

/* Card */
.lauto.lauto-seller .lauto-card{
  border: 1px solid var(--la-line);
  border-radius: var(--la-radius-xl);
  background: var(--la-surface);
  box-shadow: var(--la-shadow);
  padding: 16px;
}

.lauto.lauto-seller .lauto-divider{
  height: 1px;
  background: var(--la-line);
  margin: 14px 0;
}

/* Rating */
.lauto.lauto-seller .lauto-rate{
  display:flex;
  align-items: baseline;
  gap: 8px;
}

.lauto.lauto-seller .lauto-star{
  font-size: 18px;
  line-height: 1;
}

.lauto.lauto-seller .lauto-rateNum{
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.02em;
}

.lauto.lauto-seller .lauto-rateMeta{
  color: var(--la-muted2);
  font-weight: 900;
}

/* Form */
.lauto.lauto-seller .lauto-form{
  display:flex;
  flex-direction:column;
  gap: 12px;
  margin-top: 10px;
}

.lauto.lauto-seller .lauto-field{
  display:flex;
  flex-direction:column;
  gap: 8px;
}

.lauto.lauto-seller .lauto-label{
  font-size: 12.5px;
  color: var(--la-muted);
  font-weight: 950;
}

.lauto.lauto-seller .lauto-input{
  width: 100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid var(--la-line2);
  background: rgba(255,255,255,.88);
  color: var(--la-ink);
  font-weight: 850;
  font-size: 14px;
  line-height: 1.25;
  outline: none;
  transition: box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.lauto.lauto-seller .lauto-input:focus{
  border-color: rgba(2,132,199,.45);
  box-shadow: 0 0 0 4px rgba(2,132,199,.12);
  background: #fff;
}

.lauto.lauto-seller .lauto-textarea{
  resize: vertical;
  min-height: 120px;
}

/* Buttons */
.lauto.lauto-seller .lauto-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 14px;
  border-radius: var(--la-radius-md);
  text-decoration:none;
  font-weight: 950;
  border: 1px solid var(--la-line2);
  background: rgba(255,255,255,.92);
  color: var(--la-ink);
  cursor:pointer;
  transition: transform .08s ease, box-shadow .18s ease, filter .18s ease, background .18s ease, border-color .18s ease;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
}

.lauto.lauto-seller .lauto-btn:hover{
  background:#fff;
  box-shadow: 0 12px 26px rgba(2,6,23,.08);
}

.lauto.lauto-seller .lauto-btn:active{ transform: translateY(1px); }

.lauto.lauto-seller .lauto-btn:focus{
  outline:none;
  box-shadow: 0 0 0 4px rgba(2,132,199,.14);
  border-color: rgba(2,132,199,.35);
}

.lauto.lauto-seller .lauto-btnPrimary{
  background: var(--la-primary);
  border-color: var(--la-primary);
  color: var(--la-primary-ink);
  box-shadow: 0 14px 32px rgba(16,185,129,.22);
}

.lauto.lauto-seller .lauto-btnPrimary:hover{
  filter: brightness(.98);
  box-shadow: 0 18px 42px rgba(16,185,129,.26);
}

.lauto.lauto-seller .lauto-btnGhost{
  background: rgba(255,255,255,.65);
}

.lauto.lauto-seller .lauto-btnFull{
  width: 100%;
}

/* Note under form */
.lauto.lauto-seller .lauto-note{
  margin: 12px 0 0;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--la-muted2);
  font-weight: 850;
}

/* Body layout */
.lauto.lauto-seller .lauto-body{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 14px;
  align-items:start;
}

.lauto.lauto-seller .lauto-main,
.lauto.lauto-seller .lauto-aside{
  display:flex;
  flex-direction:column;
  gap: 14px;
}

/* Boxes */
.lauto.lauto-seller .lauto-box{
  border: 1px solid var(--la-line);
  border-radius: var(--la-radius-xl);
  background: var(--la-surface);
  box-shadow: var(--la-shadow);
  padding: 16px 16px;
}

.lauto.lauto-seller .lauto-boxSoft{
  background: rgba(255,255,255,.72);
}

/* Info grid */
.lauto.lauto-seller .lauto-infoGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.lauto.lauto-seller .lauto-infoLine{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--la-line);
  border-radius: 14px;
  background: rgba(255,255,255,.65);
}

.lauto.lauto-seller .lauto-infoLabel{
  font-size: 12px;
  color: var(--la-muted2);
  font-weight: 950;
  white-space: nowrap;
}

.lauto.lauto-seller .lauto-infoValue{
  font-size: 13px;
  font-weight: 950;
  color: var(--la-ink);
  text-align:right;
  overflow-wrap: anywhere;
}

/* Ads list */
.lauto.lauto-seller .lauto-ads{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 10px;
}

.lauto.lauto-seller .lauto-ad{
  display:block;
  text-decoration:none;
  border: 1px solid var(--la-line);
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  padding: 12px 12px;
  color: inherit;
  transition: transform .08s ease, box-shadow .18s ease, background .18s ease;
}

.lauto.lauto-seller .lauto-ad:hover{
  background:#fff;
  box-shadow: 0 12px 28px rgba(2,6,23,.08);
}

.lauto.lauto-seller .lauto-ad:active{ transform: translateY(1px); }

.lauto.lauto-seller .lauto-adTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
}

.lauto.lauto-seller .lauto-adTitle{
  font-weight: 950;
  letter-spacing: -.01em;
  line-height: 1.25;
}

.lauto.lauto-seller .lauto-adPrice{
  font-weight: 950;
  white-space: nowrap;
}

.lauto.lauto-seller .lauto-adMeta{
  margin-top: 6px;
  font-size: 12.5px;
  color: var(--la-muted);
  font-weight: 850;
  line-height: 1.5;
}

/* Responsive */
@media (max-width: 980px){
  .lauto.lauto-seller .lauto-header,
  .lauto.lauto-seller .lauto-body{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px){
  .lauto.lauto-seller .lauto-wrap{
    padding: 14px 14px 44px;
  }

  .lauto.lauto-seller .lauto-h1{
    font-size: 32px;
  }

  .lauto.lauto-seller .lauto-titleBlock,
  .lauto.lauto-seller .lauto-card,
  .lauto.lauto-seller .lauto-box{
    padding: 14px;
  }
}

@media (prefers-reduced-motion: reduce){
  .lauto.lauto-seller .lauto-btn,
  .lauto.lauto-seller .lauto-ad{
    transition: none;
  }
}



/* CSS centralisé — Contact public. */
.lauto.lauto-scope .lauto-contact-message-ligne {
                grid-column: 1 / -1;
                display: grid;
                grid-template-columns: 120px 1fr;
                align-items: start;
                gap: 14px;
            }

            .lauto.lauto-scope .lauto-contact-message-zone {
                width: 100%;
            }

            .lauto.lauto-scope .lauto-contact-message-zone .lauto-zone-texte {
                width: 100%;
                min-height: 92px;
                box-sizing: border-box;
            }

            @media (max-width: 700px) {
                .lauto.lauto-scope .lauto-contact-message-ligne {
                    grid-template-columns: 1fr;
                    gap: 8px;
                }
            }


/* CSS centralisé — Fiche vendeur publique. */
.lauto-seller,
    .lauto-seller * {
      box-sizing: border-box;
    }

    .lauto-seller {
      overflow-x: hidden;
    }

    .lauto-seller .lauto-conteneur {
      max-width: 100%;
      overflow-x: hidden;
    }

    .lauto-seller .lauto-body {
      display: grid !important;
      grid-template-columns: minmax(0, 30%) minmax(0, 70%) !important;
      gap: 16px;
      align-items: start;
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
    }
    
    .lauto-seller .lauto-aside {
      grid-column: 1 !important;
    }
    
    .lauto-seller .lauto-main {
      grid-column: 2 !important;
    }

    .lauto-seller .lauto-main,
    .lauto-seller .lauto-aside {
      min-width: 0;
      width: 100%;
      max-width: 100%;
    }

    .lauto-seller .lauto-panneau,
    .lauto-seller .lauto-en-tete {
      max-width: 100%;
      min-width: 0;
    }

    .lauto-seller .lauto-tableau-conteneur {
      width: 100%;
      max-width: 100%;
      overflow-x: auto;
    }

    .lauto-seller table.lauto-tableau,
    .lauto-seller table.lauto-tableau-excel {
      width: 680px !important;
      min-width: 680px !important;
      max-width: 680px !important;
      table-layout: fixed !important;
      border-collapse: collapse;
    }

    .lauto-seller table.lauto-tableau-excel th,
    .lauto-seller table.lauto-tableau-excel td {
      padding: 12px 16px !important;
      white-space: nowrap !important;
    }

    .lauto-seller table.lauto-tableau-excel th:first-child,
    .lauto-seller table.lauto-tableau-excel td:first-child {
      width: 180px !important;
    }

    .lauto-seller table.lauto-tableau-excel th:nth-child(2),
    .lauto-seller table.lauto-tableau-excel td:nth-child(2) {
      width: 150px !important;
    }

    .lauto-seller table.lauto-tableau-excel th:nth-child(3),
    .lauto-seller table.lauto-tableau-excel td:nth-child(3) {
      width: 190px !important;
    }

    .lauto-seller .lauto-saisie,
    .lauto-seller textarea,
    .lauto-seller input,
    .lauto-seller select {
      max-width: 100%;
      width: 100%;
    }

    @media (max-width: 980px) {
      .lauto-seller .lauto-body {
        grid-template-columns: 1fr;
      }
    }

/* ============================================================
   12) ACCUEIL — PRÉSENTATION PUBLIQUE
   Les styles de la page d'accueil restent dans le module public.
   ============================================================ */
.lauto.lauto-scope.lauto-page--accueil{
  width:100%;
  max-width:100%;
  overflow:hidden;
  color:var(--la-ink,#0f172a);
}
.lauto.lauto-scope.lauto-page--accueil .lauto-conteneur,
.lauto.lauto-scope.lauto-page--accueil .lauto-wrap{
  width:min(1120px,calc(100% - 32px));
  max-width:100%;
  margin:0 auto;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-section{
  padding:34px 0;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-section--alt{
  background:linear-gradient(180deg,rgba(15,143,106,.035),rgba(255,255,255,0));
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-hero{
  padding-top:42px;
  padding-bottom:30px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);
  align-items:center;
  gap:34px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-hero__content{
  min-width:0;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-hero__side{
  min-width:0;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-heroVisual{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:260px;
  padding:12px;
  border:1px solid rgba(15,143,106,.14);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(236,253,245,.72));
  box-shadow:0 18px 42px rgba(2,6,23,.08);
  overflow:hidden;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-heroVisual__img{
  display:block;
  width:100%;
  max-width:560px;
  max-height:360px;
  object-fit:contain;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-hero__intro{
  max-width:720px;
  margin-top:14px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-hero__intro p{
  margin:0 0 10px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-micro{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
  color:var(--la-primary-deep,#06281c);
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-micro__dot{
  color:var(--la-primary,#0f8f6a);
  font-weight:950;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-separator{
  width:min(1120px,calc(100% - 32px));
  height:2px;
  margin:0 auto;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(6,40,28,.08),rgba(15,143,106,.62) 22%,rgba(15,143,106,.62) 78%,rgba(6,40,28,.08));
  box-shadow:0 3px 10px rgba(15,143,106,.10);
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-head{
  max-width:760px;
  margin:0 0 20px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-head > *{
  margin-left:0;
  margin-right:0;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-step{
  position:relative;
  min-height:190px;
  padding:24px 18px 18px;
  border:1px solid rgba(15,143,106,.22);
  border-top:3px solid var(--la-primary,#0f8f6a);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:0 12px 26px rgba(2,6,23,.06);
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-step:not(:last-child)::after{
  content:"→";
  position:absolute;
  top:50%;
  right:-24px;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin-top:-16px;
  color:var(--la-primary,#0f8f6a);
  font-size:24px;
  font-weight:950;
  text-shadow:0 2px 8px rgba(15,143,106,.16);
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-step__n{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin-bottom:12px;
  border-radius:50%;
  background:linear-gradient(135deg,#0f8f6a,#06281c);
  color:#fff;
  font-size:14px;
  font-weight:950;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
  align-items:stretch;
  gap:20px;
  padding:20px;
  border:1px solid rgba(15,143,106,.22);
  border-left:4px solid var(--la-primary,#0f8f6a);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(236,253,245,.64),rgba(255,255,255,.96));
  box-shadow:0 18px 40px rgba(2,6,23,.08);
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request__left,
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request__right{
  min-width:0;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-tip{
  margin-top:12px;
  padding:12px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-check,
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-list{
  margin:12px 0 0;
  padding-left:20px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-check li,
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-list li{
  margin:4px 0;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request__visual{
  max-width:360px;
  margin:12px auto 0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:hidden;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request__img{
  display:block;
  width:100%;
  max-height:190px;
  object-fit:contain;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request__right{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-form-demo{
  display:grid;
  gap:9px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-grid2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-field{
  min-width:0;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-demo-value{
  min-height:38px;
  margin-top:4px;
  padding:9px 10px;
  border:1px solid rgba(15,143,106,.18);
  border-radius:10px;
  background:#fff;
  color:var(--la-ink,#0f172a);
  font-size:12px;
  font-weight:700;
  line-height:1.35;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-demo-value--select::after{
  content:"⌄";
  float:right;
  color:var(--la-primary,#0f8f6a);
  font-weight:950;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-demo-value--textarea{
  min-height:64px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request__ctaWrap{
  margin-top:12px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-note{
  margin:8px 0 0;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-compare{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-compare__col{
  min-width:0;
  padding:20px 18px;
  border:1px solid rgba(15,143,106,.22);
  border-top:3px solid var(--la-primary,#0f8f6a);
  border-radius:18px;
  background:rgba(255,255,255,.84);
  box-shadow:0 12px 26px rgba(2,6,23,.06);
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-faqLayout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  align-items:center;
  gap:24px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-faqLayout__faq{
  min-width:0;
  display:flex;
  align-items:center;
  min-height:100%;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-faqLayout__imgWrap{
  min-width:0;
  padding:14px;
  border:1px solid rgba(15,143,106,.18);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 30px rgba(2,6,23,.07);
  overflow:hidden;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-faqLayout__img{
  display:block;
  width:100%;
  max-height:360px;
  object-fit:contain;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-final{
  padding-bottom:46px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-final__box{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.4fr);
  align-items:center;
  gap:24px;
  padding:26px;
  border:1px solid rgba(15,143,106,.24);
  border-top:3px solid var(--la-primary,#0f8f6a);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(236,253,245,.94),rgba(255,255,255,.96));
  box-shadow:0 18px 40px rgba(2,6,23,.08);
}
.lauto.lauto-scope.lauto-page--accueil .lauto-accueil-final__right{
  display:flex;
  justify-content:flex-end;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-btnFull{
  width:100%;
  max-width:310px;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-bouton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:11px 16px;
  border:1px solid rgba(15,143,106,.24);
  border-radius:11px;
  background:#fff;
  color:var(--la-primary-deep,#06281c);
  font:850 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  text-decoration:none;
  text-align:center;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-bouton:hover{
  transform:translateY(-1px);
  border-color:rgba(15,143,106,.42);
  box-shadow:0 10px 22px rgba(2,6,23,.10);
}
.lauto.lauto-scope.lauto-page--accueil .lauto-bouton-principal{
  border-color:transparent;
  background:linear-gradient(135deg,#0f8f6a,#06281c);
  color:#fff;
  box-shadow:0 12px 24px rgba(6,40,28,.18);
}
.lauto.lauto-scope.lauto-page--accueil .lauto-faq{
  width:100%;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-faq-item{
  margin:0 0 8px;
  border:1px solid rgba(15,143,106,.16);
  border-radius:12px;
  background:rgba(255,255,255,.82);
  overflow:hidden;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-faq-question{
  display:block;
  padding:13px 15px;
  color:var(--la-primary-deep,#06281c);
  font-weight:850;
  cursor:pointer;
}
.lauto.lauto-scope.lauto-page--accueil .lauto-faq-reponse{
  padding:0 15px 13px;
  color:var(--la-muted,#475569);
}
@media (max-width:900px){
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-hero__grid,
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request,
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-faqLayout{
    grid-template-columns:minmax(0,1fr);
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-hero__side{
    order:-1;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-step:not(:last-child)::after{
    right:-22px;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-step:nth-child(2)::after{
    content:"↙";
    top:auto;
    right:8px;
    bottom:-26px;
    margin-top:0;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-step:nth-child(3)::after{
    content:"→";
    top:50%;
    right:-22px;
    bottom:auto;
    margin-top:-16px;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-step:nth-child(4)::after{
    content:none;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-compare{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-compare__col:last-child{
    grid-column:1 / -1;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-final__box{
    grid-template-columns:minmax(0,1fr);
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-final__right{
    justify-content:flex-start;
  }
}
@media (max-width:640px){
  .lauto.lauto-scope.lauto-page--accueil .lauto-conteneur,
  .lauto.lauto-scope.lauto-page--accueil .lauto-wrap,
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-separator{
    width:calc(100% - 20px);
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-section{
    padding:24px 0;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-hero{
    padding-top:24px;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-hero__grid{
    gap:20px;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-heroVisual{
    min-height:170px;
    padding:8px;
    border-radius:18px;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-compare{
    grid-template-columns:minmax(0,1fr);
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-compare__col:last-child{
    grid-column:auto;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-step{
    min-height:0;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request__right{
    padding:0;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-final__box{
    padding:18px;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request{
    gap:14px;
    padding:14px;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-tip{
    margin-top:10px;
    padding:10px;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request__visual{
    max-width:280px;
    margin-top:10px;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-request__img{
    max-height:150px;
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-accueil-grid2{
    grid-template-columns:minmax(0,1fr);
  }
  .lauto.lauto-scope.lauto-page--accueil .lauto-btnFull{
    max-width:none;
  }
}

/* Ajustements centralisés sans styles inline pour la fiche vendeur publique. */
.lauto.lauto-seller .lauto-seller-badges{
  margin-top:10px;
}
.lauto.lauto-seller .lauto-seller-hours-block{
  margin-top:16px;
  padding-top:12px;
  border-top:1px dashed #dbe4ee;
}
.lauto.lauto-seller .lauto-seller-hours-title{
  margin-bottom:8px;
}

/* Pages publiques institutionnelles et contact. */
.lauto.lauto-page--mentions-legales,
.lauto.lauto-page--cgu-rgpd,
.lauto.lauto-page--contact{
  min-height:100vh;
  padding:4px 0 48px;
  color:var(--la-ink,#0f172a);
  background:linear-gradient(180deg,#f8fcfb 0%,#eef6f4 100%);
}

.lauto.lauto-page--mentions-legales .lauto-conteneur,
.lauto.lauto-page--cgu-rgpd .lauto-conteneur,
.lauto.lauto-page--contact .lauto-conteneur{
  width:min(1080px,calc(100% - 24px));
  max-width:none;
  margin:0 auto;
  padding:18px 18px 28px;
}

.lauto.lauto-page--mentions-legales .lauto-en-tete,
.lauto.lauto-page--cgu-rgpd .lauto-en-tete,
.lauto.lauto-page--contact .lauto-en-tete{
  padding:18px 24px;
  margin:0 0 14px;
  border:1px solid #cfe5df;
  border-top:4px solid #0d9875;
  border-radius:18px;
  background:linear-gradient(135deg,#e8f6f1,#fff);
  box-shadow:0 5px 18px rgba(11,114,92,.05);
}

.lauto.lauto-page--mentions-legales .lauto-titre-1-bis,
.lauto.lauto-page--cgu-rgpd .lauto-titre-1-bis,
.lauto.lauto-page--contact .lauto-titre-1-bis{
  margin:0;
  color:#092b26;
  font-size:clamp(24px,4vw,36px);
  line-height:1.1;
  font-weight:900;
}

.lauto.lauto-page--mentions-legales .lauto-panneau,
.lauto.lauto-page--cgu-rgpd .lauto-panneau,
.lauto.lauto-page--contact .lauto-panneau{
  padding:18px 20px;
  margin:0 0 14px;
  border:1px solid #cfe5df;
  border-top:4px solid #0d9875;
  border-radius:18px;
  background:#fff;
  box-shadow:0 5px 18px rgba(11,114,92,.05);
}

.lauto.lauto-page--mentions-legales .lauto-panneau:nth-of-type(3n),
.lauto.lauto-page--cgu-rgpd .lauto-panneau:nth-of-type(3n),
.lauto.lauto-page--contact .lauto-panneau:nth-of-type(3n){
  border-top-color:#55bca0;
}

.lauto.lauto-page--mentions-legales .lauto-titre-2,
.lauto.lauto-page--cgu-rgpd .lauto-titre-2,
.lauto.lauto-page--contact .lauto-titre-2{
  margin:0 0 8px;
  color:#092b26;
  font-size:clamp(19px,2.6vw,25px);
  line-height:1.2;
}

.lauto.lauto-page--mentions-legales .lauto-texte,
.lauto.lauto-page--mentions-legales .lauto-texte-secondaire,
.lauto.lauto-page--cgu-rgpd .lauto-texte,
.lauto.lauto-page--cgu-rgpd .lauto-texte-secondaire,
.lauto.lauto-page--contact .lauto-texte,
.lauto.lauto-page--contact .lauto-texte-secondaire{
  line-height:1.65;
}

.lauto.lauto-page--mentions-legales .lauto-liste,
.lauto.lauto-page--cgu-rgpd .lauto-liste{
  margin:10px 0 14px;
  padding-left:22px;
  line-height:1.7;
}

.lauto.lauto-page--contact .lauto-formulaire .lauto-grille{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.lauto.lauto-page--contact .lauto-formulaire .lauto-champ{
  min-width:0;
}

.lauto.lauto-page--contact .lauto-formulaire .lauto-etiquette{
  display:block;
  margin:0 0 6px;
  color:#334155;
  font-size:13px;
  font-weight:800;
}

.lauto.lauto-page--contact .lauto-formulaire .lauto-saisie{
  display:block;
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:1px solid #cfe5df;
  border-radius:10px;
  background:#fff;
  color:#0f172a;
  font:600 14px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  box-sizing:border-box;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease;
}

.lauto.lauto-page--contact .lauto-formulaire .lauto-saisie::placeholder{
  color:#64748b;
  opacity:1;
  font-weight:500;
}

.lauto.lauto-page--contact .lauto-formulaire .lauto-saisie:focus{
  border-color:#0f8f6a;
  box-shadow:0 0 0 3px rgba(15,143,106,.14);
}

.lauto.lauto-page--contact .lauto-contact-message-zone{
  width:100%;
}

.lauto.lauto-page--contact .lauto-zone-texte{
  min-height:130px;
  resize:vertical;
}

.lauto.lauto-page--contact .lauto-formulaire .lauto-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:16px;
}

.lauto.lauto-page--contact .lauto-formulaire .lauto-bouton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border:1px solid transparent;
  border-radius:10px;
  background:linear-gradient(135deg,#0f8f6a,#06281c);
  color:#fff;
  font:800 13px/1.15 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 8px 16px rgba(6,40,28,.14);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

.lauto.lauto-page--contact .lauto-formulaire .lauto-bouton:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(6,40,28,.18);
}

.lauto.lauto-page--contact .lauto-formulaire .lauto-bouton:focus-visible{
  outline:3px solid rgba(15,143,106,.22);
  outline-offset:2px;
}

.lauto.lauto-page--contact .lauto-contact-honeypot{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

@media (max-width:767px){
  .lauto.lauto-page--mentions-legales .lauto-conteneur,
  .lauto.lauto-page--cgu-rgpd .lauto-conteneur,
  .lauto.lauto-page--contact .lauto-conteneur{
    width:calc(100% - 12px);
    padding:12px 6px 32px;
  }

  .lauto.lauto-page--mentions-legales .lauto-en-tete,
  .lauto.lauto-page--cgu-rgpd .lauto-en-tete,
  .lauto.lauto-page--contact .lauto-en-tete,
  .lauto.lauto-page--mentions-legales .lauto-panneau,
  .lauto.lauto-page--cgu-rgpd .lauto-panneau,
  .lauto.lauto-page--contact .lauto-panneau{
    padding:14px;
    border-radius:14px;
  }

  .lauto.lauto-page--contact .lauto-formulaire .lauto-grille{
    grid-template-columns:1fr;
  }
}

/* Fiche vendeur publique : présentation historique du bandeau et des cartes. */
.lauto.lauto-seller{
  --la-seller-green:#0d9875;
  --la-seller-dark:#087456;
  --la-seller-ink:#092b26;
  --la-seller-muted:#55716d;
  --la-seller-line:#cfe5df;
  --la-seller-soft:#f4faf8;
  min-height:100vh;
  padding:4px 0 48px;
  color:var(--la-seller-ink);
  background:linear-gradient(180deg,#f8fcfb 0%,#eef6f4 100%);
}

.lauto.lauto-seller .lauto-conteneur{
  width:min(1120px,calc(100% - 24px));
  max-width:none;
  margin:0 auto;
  padding:18px 18px 28px;
}

.lauto.lauto-seller .lauto-en-tete{
  padding:18px 24px;
  margin:0 0 14px;
  border:1px solid var(--la-seller-line);
  border-top:4px solid var(--la-seller-green);
  border-radius:18px;
  background:linear-gradient(135deg,#e8f6f1,#fff);
  box-shadow:0 5px 18px rgba(11,114,92,.05);
}

.lauto.lauto-seller .lauto-en-tete-ligne{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin:0;
}

.lauto.lauto-seller .lauto-titre-1-bis{
  margin:0;
  color:var(--la-seller-ink);
  font-size:clamp(24px,4vw,36px);
  line-height:1.1;
  font-weight:900;
}

.lauto.lauto-seller .lauto-titre-2{
  margin:0 0 8px;
  color:var(--la-seller-ink);
  font-size:clamp(19px,2.6vw,25px);
  line-height:1.2;
}

.lauto.lauto-seller .lauto-sous-texte,
.lauto.lauto-seller .lauto-texte{
  color:var(--la-seller-muted);
  line-height:1.5;
}

.lauto.lauto-seller .lauto-bouton{
  min-height:40px;
  padding:9px 15px;
  border-radius:10px;
  font-weight:800;
  text-decoration:none;
}

.lauto.lauto-seller .lauto-bouton-secondaire{
  border:1px solid var(--la-seller-line);
  background:var(--la-seller-soft);
  color:var(--la-seller-dark);
}

.lauto.lauto-seller .lauto-seller-hero{
  padding:18px 24px;
}

.lauto.lauto-seller .lauto-seller-hero .lauto-en-tete-ligne{
  align-items:center;
}

.lauto.lauto-seller .lauto-seller-hero-content{
  min-width:0;
  flex:1 1 auto;
}

.lauto.lauto-seller .lauto-seller-hero-visual{
  flex:0 0 auto;
  margin-left:auto;
}

.lauto.lauto-seller .lauto-vendeur-image{
  width:260px;
  max-width:100%;
  aspect-ratio:4 / 3;
  border:1px solid #d7dbe0;
  border-radius:16px;
  background:#f8fafc;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.lauto.lauto-seller .lauto-vendeur-image-img,
.lauto.lauto-seller .lauto-vendeur-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.lauto.lauto-seller .lauto-vendeur-image--hero{
  width:220px;
}

.lauto.lauto-seller .lauto-body{
  display:grid !important;
  grid-template-columns:minmax(0,30%) minmax(0,70%) !important;
  gap:16px;
  align-items:start;
  margin-top:14px;
}

.lauto.lauto-seller .lauto-aside,
.lauto.lauto-seller .lauto-main{
  min-width:0;
  width:100%;
  max-width:100%;
}

.lauto.lauto-seller .lauto-panneau{
  padding:16px;
  margin:0 0 16px;
  border:1px solid var(--la-seller-line);
  border-top:4px solid var(--la-seller-green);
  border-radius:18px;
  background:#fff;
  box-shadow:0 5px 18px rgba(11,114,92,.05);
}

.lauto.lauto-seller .lauto-aside .lauto-panneau:last-child,
.lauto.lauto-seller .lauto-main .lauto-panneau:last-child{
  margin-bottom:0;
}

.lauto.lauto-seller .lauto-liste-cle-valeur{
  display:grid;
  gap:0;
}

.lauto.lauto-seller .lauto-cle-valeur{
  display:grid;
  grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid var(--la-seller-line);
}

.lauto.lauto-seller .lauto-cle-valeur:last-child{
  border-bottom:0;
}

.lauto.lauto-seller .lauto-cle{
  color:var(--la-seller-muted);
  font-size:12px;
  font-weight:800;
}

.lauto.lauto-seller .lauto-valeur{
  min-width:0;
  font-weight:800;
  overflow-wrap:anywhere;
}

.lauto.lauto-seller .lauto-tableau-conteneur{
  width:100%;
  max-width:100%;
  border:1px solid var(--la-seller-line);
  border-radius:13px;
  overflow:auto;
}

.lauto.lauto-seller table.lauto-tableau-excel{
  width:100% !important;
  min-width:540px;
  border-collapse:collapse;
  table-layout:fixed;
}

.lauto.lauto-seller table.lauto-tableau-excel th{
  padding:11px 12px;
  background:#e8f6f1;
  color:var(--la-seller-dark);
  font-size:11px;
  text-align:left;
}

.lauto.lauto-seller table.lauto-tableau-excel td{
  padding:11px 12px;
  border-bottom:1px solid var(--la-seller-line);
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

.lauto.lauto-seller table.lauto-tableau-excel tr:last-child td{
  border-bottom:0;
}

@media (max-width:980px){
  .lauto.lauto-seller .lauto-body{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:767px){
  .lauto.lauto-seller .lauto-conteneur{
    width:calc(100% - 12px);
    padding:12px 6px 32px;
  }

  .lauto.lauto-seller .lauto-en-tete,
  .lauto.lauto-seller .lauto-seller-hero{
    padding:14px;
    border-radius:14px;
  }

  .lauto.lauto-seller .lauto-seller-hero .lauto-en-tete-ligne{
    align-items:flex-start;
  }

  .lauto.lauto-seller .lauto-seller-hero-visual{
    width:100%;
    margin:12px 0 0;
  }

  .lauto.lauto-seller .lauto-vendeur-image--hero{
    width:min(100%,240px);
  }

  .lauto.lauto-seller .lauto-panneau{
    padding:12px;
    border-radius:14px;
  }

  .lauto.lauto-seller .lauto-cle-valeur{
    grid-template-columns:minmax(82px,.8fr) minmax(0,1.2fr);
  }
}

/* =========================================================
/* =========================================================
/* =========================================================
/* =========================================================
   BLOG PUBLIC - DIRECTION EDITORIALE
   Vert profond, menthe, accent dore et lecture magazine.
   ========================================================= */

.lauto-blog-page {
  --blog-ink: #092b26;
  --blog-ink-soft: #234640;
  --blog-muted: #5e756f;
  --blog-deep: #063f32;
  --blog-green: #0d8f6a;
  --blog-green-dark: #05644f;
  --blog-mint: #eaf7f2;
  --blog-mint-strong: #d8efe7;
  --blog-gold: #dca650;
  --blog-cream: #fffaf1;
  --blog-surface: #ffffff;
  --blog-line: #cfe5df;
  --blog-shadow: 0 18px 42px rgba(5, 61, 48, .10);
  --blog-shadow-soft: 0 8px 22px rgba(5, 61, 48, .07);
  color: var(--blog-ink);
}

.lauto-blog-page,
.lauto-blog-page * {
  box-sizing: border-box;
}

.lauto-blog-page .lauto-blog-single-conteneur {
  width: min(1160px, calc(100% - 34px));
  max-width: 1160px;
  margin: 0 auto;
  padding: 24px 0 58px;
}

/* Hero commun */

.lauto-blog-page .lauto-blog-article-principal {
  position: relative;
  margin: 0 0 26px;
  overflow: hidden;
  border: 0;
  border-radius: 28px;
  background: transparent;
  box-shadow: none;
}

.lauto-blog-page .lauto-blog-hero-article {
  position: relative;
  overflow: hidden;
  padding: 24px 30px 22px;
  border: 1px solid var(--blog-line);
  border-top: 4px solid var(--blog-green);
  border-radius: 22px 22px 0 0;
  background:
    radial-gradient(circle at 92% 22%, rgba(220, 166, 80, .18) 0 44px, transparent 45px),
    radial-gradient(circle at 96% 12%, rgba(13, 143, 106, .14) 0 110px, transparent 111px),
    linear-gradient(135deg, var(--blog-mint) 0%, #ffffff 70%);
  box-shadow: var(--blog-shadow);
}

.lauto-blog-page .lauto-blog-hero-article::before {
  content: "LAUTOMATIK / BLOG";
  display: block;
  margin-bottom: 9px;
  color: var(--blog-green-dark);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .16em;
}

.lauto-blog-page:not(.lauto-page--single-blog) .lauto-blog-en-tete-article {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  margin: 0;
}

.lauto-blog-page .lauto-blog-en-tete-article > .lauto-titre-1-bis {
  min-width: 0;
  margin: 0;
  color: var(--blog-deep);
  font-size: clamp(29px, 4.4vw, 50px);
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: -.045em;
}

.lauto-blog-page:not(.lauto-page--single-blog) .lauto-blog-en-tete-article > .lauto-titre-1-bis {
  flex: 1 1 auto;
}

.lauto-blog-page .lauto-blog-en-tete-article > .lauto-titre-1-bis a,
.lauto-blog-page .lauto-blog-marque-lien {
  color: inherit;
  text-decoration: none;
  font: inherit;
}

.lauto-blog-page .lauto-blog-retour-lien {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 13px;
  border: 1px solid rgba(5, 100, 79, .24);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  color: var(--blog-deep);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}

.lauto-blog-page .lauto-blog-retour-lien:hover {
  background: var(--blog-deep);
  color: #ffffff;
  transform: translateY(-1px);
}

.lauto-blog-page .lauto-blog-contenu-article {
  padding: 18px 30px 21px;
  border: 1px solid var(--blog-line);
  border-top: 0;
  border-radius: 0 0 22px 22px;
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--blog-shadow);
}

.lauto-blog-page:not(.lauto-page--single-blog) .lauto-blog-contenu-article > p:first-child {
  max-width: 78ch;
  margin: 0;
  color: var(--blog-ink-soft);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.5;
}

/* Sections */

.lauto-blog-page .lauto-bloc-articles-similaires,
.lauto-blog-page .lauto-bloc-cta-blog {
  position: relative;
  margin: 0 0 24px;
  padding: 30px 32px 32px;
  border: 1px solid var(--blog-line);
  border-radius: 24px;
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--blog-shadow);
}

.lauto-blog-page .lauto-bloc-articles-similaires::before,
.lauto-blog-page .lauto-bloc-cta-blog::before {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  width: 84px;
  height: 5px;
  border-radius: 0 0 8px 8px;
  background: var(--blog-gold);
}

.lauto-blog-page .lauto-blog-bloc-entete {
  margin: 0 0 20px;
}

.lauto-blog-page .lauto-blog-bloc-entete .lauto-titre-4,
.lauto-blog-page .lauto-bloc-cta-blog .lauto-titre-2 {
  margin: 0 0 7px;
  color: var(--blog-deep);
  font-size: 24px;
  font-weight: 950;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.lauto-blog-page .lauto-blog-bloc-entete .lauto-texte-mini {
  max-width: 76ch;
  margin: 0;
  color: var(--blog-muted);
  font-size: 14px;
  line-height: 1.55;
}

.lauto-blog-page .lauto-separateur,
.lauto-blog-page .lauto-blog-ligne-separateur {
  height: 1px;
  margin: 18px 0;
  border: 0;
  border-top: 1px solid var(--blog-line);
  background: transparent;
}

.lauto-blog-page .lauto-blog-ligne-separateur {
  display: none !important;
}

/* Cartes de categories */

.lauto-blog-page .lauto-blog-cartes-categories {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}

.lauto-blog-page .lauto-blog-carte-categorie {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--blog-line);
  border-radius: 20px;
  background: linear-gradient(140deg, #ffffff 0%, var(--blog-mint) 100%);
  box-shadow: var(--blog-shadow-soft);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.lauto-blog-page .lauto-blog-carte-categorie:hover {
  border-color: var(--blog-green);
  box-shadow: 0 15px 28px rgba(5, 61, 48, .12);
  transform: translateY(-3px);
}

.lauto-blog-page .lauto-blog-carte-categorie-interieur {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-width: 0;
  min-height: 126px;
  padding: 16px 18px;
}

.lauto-blog-page .lauto-blog-carte-categorie-interieur.lauto-blog-carte-categorie-sans-image {
  grid-template-columns: 1fr;
}

.lauto-blog-page .lauto-blog-carte-categorie-image {
  width: 92px;
  aspect-ratio: 1;
  overflow: hidden;
  border: 3px solid rgba(255, 255, 255, .85);
  border-radius: 18px;
  background: var(--blog-mint-strong);
  box-shadow: 0 8px 16px rgba(5, 61, 48, .12);
}

.lauto-blog-page .lauto-blog-carte-categorie-image img,
.lauto-blog-page .lauto-blog-categorie-actuelle-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lauto-blog-page .lauto-blog-carte-categorie-texte,
.lauto-blog-page .lauto-blog-categorie-actuelle-texte {
  min-width: 0;
}

.lauto-blog-page .lauto-blog-carte-categorie .lauto-titre-3 {
  margin: 0 0 5px;
  color: var(--blog-green-dark);
  font-size: 16px;
  font-weight: 950;
  line-height: 1.25;
}

.lauto-blog-page .lauto-blog-carte-categorie .lauto-texte-secondaire {
  margin: 0;
  color: var(--blog-muted);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.lauto-blog-page .lauto-blog-carte-action {
  margin: 8px 0 0;
}

.lauto-blog-page .lauto-lien-categorie-blog,
.lauto-blog-page .lauto-lien-categorie-blog:visited,
.lauto-blog-page .lauto-blog-carte-categorie .lauto-titre-3 a,
.lauto-blog-page .lauto-blog-carte-categorie .lauto-titre-3 a:visited,
.lauto-blog-page .lauto-blog-lire-lien {
  color: var(--blog-green-dark);
  font-weight: 950;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.lauto-blog-page .lauto-lien-categorie-blog:hover,
.lauto-blog-page .lauto-lien-categorie-blog:focus-visible,
.lauto-blog-page .lauto-blog-carte-categorie .lauto-titre-3 a:hover,
.lauto-blog-page .lauto-blog-carte-categorie .lauto-titre-3 a:focus-visible,
.lauto-blog-page .lauto-blog-lire-lien:hover {
  color: var(--blog-green);
}

/* Bandeau categorie et recherche */

.lauto-blog-page .lauto-blog-categorie-actuelle {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 20px;
  background: linear-gradient(135deg, var(--blog-deep), var(--blog-green));
  box-shadow: 0 12px 24px rgba(5, 61, 48, .14);
}

.lauto-blog-page .lauto-blog-categorie-actuelle.lauto-blog-categorie-actuelle-sans-image {
  grid-template-columns: 1fr;
}

.lauto-blog-page .lauto-blog-categorie-actuelle-image {
  width: 96px;
  aspect-ratio: 1;
  overflow: hidden;
  border: 3px solid rgba(255, 255, 255, .75);
  border-radius: 17px;
}

.lauto-blog-page .lauto-blog-categorie-actuelle .lauto-titre-4 {
  margin: 0 0 5px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.2;
}

.lauto-blog-page .lauto-blog-categorie-actuelle .lauto-texte-mini {
  margin: 0;
  color: rgba(255, 255, 255, .82);
  line-height: 1.45;
}

.lauto-blog-page .lauto-blog-recherche-rapide {
  position: relative;
  z-index: 1;
  margin: 20px 0 0;
  padding: 14px;
  border: 1px solid var(--blog-line);
  border-radius: 16px;
  background: var(--blog-cream);
}

.lauto-blog-page .lauto-blog-recherche-rapide::before {
  content: "RECHERCHE RAPIDE";
  display: block;
  margin-bottom: 7px;
  color: var(--blog-green-dark);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .14em;
}

.lauto-blog-page .lauto-blog-recherche-rapide-input,
.lauto-blog-page .js-lauto-blog-filtre-input {
  display: block;
  width: 100%;
  min-height: 46px;
  padding: 12px 15px;
  border: 1px solid var(--blog-line);
  border-radius: 12px;
  background: #ffffff;
  color: var(--blog-ink);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(5, 61, 48, .04);
}

.lauto-blog-page .lauto-blog-recherche-rapide-input:focus,
.lauto-blog-page .js-lauto-blog-filtre-input:focus {
  outline: 0;
  border-color: var(--blog-green);
  box-shadow: 0 0 0 4px rgba(13, 143, 106, .14);
}

/* Cartes article communes */

.lauto-blog-page .lauto-blog-liste-verticale {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  margin: 0;
}

.lauto-blog-page .lauto-blog-cartes-similaires:not(.lauto-blog-cartes-categories) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.lauto-blog-page .lauto-blog-carte-article {
  display: flex;
  min-width: 0;
  flex-direction: column;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--blog-line);
  border-top: 2px solid var(--blog-gold);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(5, 61, 48, .06);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.lauto-blog-page .lauto-blog-carte-article:hover {
  border-color: var(--blog-green);
  border-top-color: var(--blog-gold);
  box-shadow: 0 13px 26px rgba(5, 61, 48, .11);
  transform: translateY(-2px);
}

.lauto-blog-page .lauto-blog-carte-article-interieur {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 18px 20px 17px;
  text-align: left;
}

.lauto-blog-page .lauto-blog-carte-article-interieur::before {
  content: "ARTICLE";
  display: block;
  margin: 0 0 9px;
  color: var(--blog-green-dark);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .16em;
  line-height: 1;
}

.lauto-blog-page .lauto-blog-carte-article .lauto-blog-ligne-titre,
.lauto-blog-page .lauto-blog-carte-article .lauto-titre-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin: 0 0 8px;
  color: var(--blog-deep);
  font-size: 21px;
  font-weight: 950;
  line-height: 1.28;
}

.lauto-blog-page .lauto-blog-carte-article .lauto-blog-ligne-titre .lauto-lien,
.lauto-blog-page .lauto-blog-carte-article .lauto-titre-3 .lauto-lien {
  color: inherit;
  text-decoration: none;
}

.lauto-blog-page .lauto-blog-carte-article .lauto-blog-ligne-titre .lauto-lien:hover,
.lauto-blog-page .lauto-blog-carte-article .lauto-titre-3 .lauto-lien:hover {
  color: var(--blog-green);
  text-decoration: none;
}

.lauto-blog-page .lauto-blog-carte-article .lauto-blog-ligne-resume,
.lauto-blog-page .lauto-blog-carte-article .lauto-texte-secondaire {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin: 0;
  color: var(--blog-muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.55;
}

.lauto-blog-page .lauto-blog-carte-article .lauto-blog-ligne-action,
.lauto-blog-page .lauto-blog-carte-article .lauto-blog-carte-action {
  margin: 0;
  padding-top: 14px;
}

.lauto-blog-page .lauto-blog-carte-article .lauto-blog-lire-lien,
.lauto-blog-page .lauto-blog-carte-article .lauto-lien:not(.lauto-blog-marque-lien) {
  display: inline-flex;
  align-items: center;
  min-height: 0;
  padding: 0 0 3px;
  border: 0;
  border-bottom: 2px solid var(--blog-gold);
  border-radius: 0;
  background: transparent;
  color: var(--blog-green-dark);
  font-size: 12px;
  font-weight: 950;
  text-decoration: none;
  transition: color .15s ease, border-color .15s ease, transform .15s ease;
}

.lauto-blog-page .lauto-blog-carte-article .lauto-blog-lire-lien:hover,
.lauto-blog-page .lauto-blog-carte-article .lauto-lien:not(.lauto-blog-marque-lien):hover {
  border-color: var(--blog-green);
  background: transparent;
  color: var(--blog-green);
  transform: translateY(-1px);
}

.lauto-blog-page .js-lauto-blog-charger-plus-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-inline: auto;
  min-height: 40px;
  padding: 10px 17px;
  border: 1px solid var(--blog-green);
  border-radius: 999px;
  background: var(--blog-green);
  color: #ffffff;
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 7px 14px rgba(5, 61, 48, .13);
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.lauto-blog-page .js-lauto-blog-charger-plus-btn:hover:not(:disabled),
.lauto-blog-page .js-lauto-blog-charger-plus-btn:focus-visible {
  border-color: var(--blog-deep);
  background: var(--blog-deep);
  color: #ffffff;
  box-shadow: 0 10px 18px rgba(5, 61, 48, .18);
  transform: translateY(-1px);
}

.lauto-blog-page .js-lauto-blog-charger-plus-btn:disabled {
  opacity: .68;
  cursor: wait;
}

/* CTA */

.lauto-blog-page .lauto-bloc-cta-blog {
  overflow: hidden;
  border: 0;
  background: linear-gradient(120deg, var(--blog-deep), #0b6c54);
  color: #ffffff;
}

.lauto-blog-page .lauto-bloc-cta-blog::before {
  background: var(--blog-gold);
}

.lauto-blog-page .lauto-bloc-cta-blog-avec-image {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 330px);
  align-items: center;
  gap: 28px;
}

.lauto-blog-page .lauto-bloc-cta-blog-texte {
  min-width: 0;
}

.lauto-blog-page .lauto-bloc-cta-blog .lauto-titre-2 {
  color: #ffffff;
}

.lauto-blog-page .lauto-bloc-cta-blog-info .lauto-titre-4 {
  margin: 0 0 9px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 950;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.lauto-blog-page .lauto-bloc-cta-blog .lauto-texte-secondaire {
  margin: 0;
  color: rgba(255, 255, 255, .82);
  line-height: 1.6;
}

.lauto-blog-page .lauto-bloc-cta-blog .lauto-actions {
  margin-top: 17px;
}

.lauto-blog-page .lauto-bloc-cta-blog .lauto-bouton {
  display: inline-flex;
  min-height: 42px;
  padding: 10px 17px;
  border: 0;
  border-radius: 999px;
  background: var(--blog-cream);
  color: var(--blog-deep);
  font-weight: 950;
}

.lauto-blog-page .lauto-bloc-cta-blog-visuel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

.lauto-blog-page .lauto-bloc-cta-blog-visuel img {
  display: block;
  width: min(100%, 330px);
  max-height: 190px;
  object-fit: contain;
  border: 0;
  filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .16));
}

/* Article unique */

.lauto-page--single-blog .lauto-blog-hero-article-single {
  padding: 21px 25px 22px;
}

.lauto-page--single-blog .lauto-blog-hero-ligne-principale {
  display: grid;
  grid-template-columns: 136px minmax(0, 1fr) auto;
  grid-template-areas:
    "image title retour"
    "image meta meta";
  align-items: start;
  gap: 10px 17px;
}

.lauto-page--single-blog .lauto-blog-meta-ligne,
.lauto-page--single-blog .lauto-blog-contenu-ligne {
  display: contents;
}

.lauto-page--single-blog .lauto-blog-kicker {
  display: none;
}

.lauto-page--single-blog .lauto-blog-image-categorie {
  grid-area: image;
  width: 136px;
}

.lauto-page--single-blog .lauto-blog-image-categorie img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border: 4px solid rgba(255, 255, 255, .85);
  border-radius: 17px;
  box-shadow: 0 10px 18px rgba(5, 61, 48, .14);
}

.lauto-page--single-blog .lauto-blog-contenu-ligne > .lauto-titre-1-bis {
  grid-area: title;
  margin: 0;
  color: var(--blog-deep);
  font-size: clamp(27px, 4.2vw, 48px);
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: -.045em;
}

.lauto-page--single-blog .lauto-blog-titre-cote-image,
.lauto-page--single-blog .lauto-blog-titre-sous-image {
  display: inline;
}

.lauto-page--single-blog .lauto-blog-retour-haut {
  grid-area: retour;
  display: flex;
  justify-content: flex-end;
}

.lauto-page--single-blog .lauto-blog-meta-infos {
  grid-area: meta;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  color: var(--blog-green-dark);
  font-size: 12px;
  font-weight: 900;
}

.lauto-page--single-blog .lauto-blog-contenu-article {
  padding: 38px 48px 44px;
  background: #fff;
}

.lauto-page--single-blog .lauto-blog-contenu-article > * {
  max-width: 78ch;
}

.lauto-page--single-blog .lauto-blog-contenu-article > .lauto-blog-bloc-illustration-droite {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 32%);
  align-items: start;
  max-width: none;
  gap: 24px;
  margin: 30px 0;
}

.lauto-page--single-blog .lauto-blog-bloc-texte {
  min-width: 0;
}

.lauto-page--single-blog .lauto-blog-bloc-texte > h2:first-child {
  margin-top: 0;
}

.lauto-page--single-blog .lauto-blog-bloc-illustration-droite .lauto-blog-illustration-piece {
  width: 100%;
  margin: 0;
}

.lauto-page--single-blog .lauto-blog-bloc-illustration-droite .lauto-blog-illustration-piece img {
  display: block;
  width: 100%;
}

.lauto-page--single-blog .lauto-blog-contenu-article p {
  margin: 0 0 20px;
  color: var(--blog-ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
}

.lauto-page--single-blog .lauto-blog-contenu-article h2 {
  margin: 34px 0 14px;
  padding-left: 14px;
  border-left: 5px solid var(--blog-gold);
  color: var(--blog-deep);
  font-size: 27px;
  font-weight: 950;
  line-height: 1.18;
}

.lauto-page--single-blog .lauto-blog-contenu-article h3 {
  margin: 24px 0 9px;
  color: var(--blog-green-dark);
  font-size: 20px;
  font-weight: 950;
  line-height: 1.25;
}

.lauto-page--single-blog .lauto-blog-contenu-article a {
  color: var(--blog-green-dark);
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.lauto-page--single-blog .lauto-blog-contenu-article ul,
.lauto-page--single-blog .lauto-blog-contenu-article ol {
  margin: 0 0 20px;
  padding-left: 25px;
  line-height: 1.75;
}

.lauto-page--single-blog .lauto-blog-contenu-article img {
  max-width: 100%;
  height: auto;
  border-radius: 17px;
}

.lauto-page--single-blog .lauto-blog-contenu-article blockquote {
  margin: 24px 0;
  padding: 16px 20px;
  border-left: 5px solid var(--blog-green);
  border-radius: 0 14px 14px 0;
  background: var(--blog-mint);
}

/* Responsive */

@media (max-width: 760px) {
  .lauto-blog-page .lauto-blog-single-conteneur {
    width: calc(100% - 20px);
    padding: 12px 0 34px;
  }

  .lauto-blog-page .lauto-blog-hero-article {
    padding: 20px 15px 16px;
    border-radius: 17px 17px 0 0;
  }

  .lauto-blog-page .lauto-blog-hero-article::before {
    margin-bottom: 7px;
    font-size: 9px;
  }

  .lauto-blog-page:not(.lauto-page--single-blog) .lauto-blog-en-tete-article {
    gap: 10px;
  }

  .lauto-blog-page .lauto-blog-en-tete-article > .lauto-titre-1-bis {
    font-size: clamp(28px, 9vw, 40px);
  }

  .lauto-blog-page .lauto-blog-retour-lien {
    min-height: 36px;
    padding: 8px 11px;
    font-size: 11px;
  }

  .lauto-blog-page .lauto-blog-contenu-article {
    padding: 14px 15px 17px;
    border-radius: 0 0 17px 17px;
  }

  .lauto-blog-page .lauto-bloc-articles-similaires,
  .lauto-blog-page .lauto-bloc-cta-blog {
    padding: 26px 16px 18px;
    border-radius: 19px;
  }

  .lauto-blog-page .lauto-bloc-articles-similaires::before,
  .lauto-blog-page .lauto-bloc-cta-blog::before {
    left: 16px;
    width: 62px;
  }

  .lauto-blog-page .lauto-blog-bloc-entete .lauto-titre-4,
  .lauto-blog-page .lauto-bloc-cta-blog .lauto-titre-2,
  .lauto-blog-page .lauto-bloc-cta-blog-info .lauto-titre-4 {
    font-size: 21px;
  }

  .lauto-blog-page .lauto-blog-cartes-categories,
  .lauto-blog-page .lauto-blog-liste-verticale,
  .lauto-blog-page .lauto-blog-cartes-similaires:not(.lauto-blog-cartes-categories) {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .lauto-blog-page .lauto-blog-carte-categorie-interieur {
    grid-template-columns: 72px minmax(0, 1fr);
    min-height: 100px;
    gap: 12px;
    padding: 12px;
  }

  .lauto-blog-page .lauto-blog-carte-categorie-image,
  .lauto-blog-page .lauto-blog-categorie-actuelle-image {
    width: 72px;
    border-radius: 13px;
  }

  .lauto-blog-page .lauto-blog-categorie-actuelle {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    padding: 11px;
  }

  .lauto-blog-page .lauto-blog-categorie-actuelle .lauto-titre-4 {
    font-size: 17px;
  }

  .lauto-blog-page .lauto-blog-carte-article {
    border-radius: 14px;
  }

  .lauto-blog-page .lauto-blog-carte-article-interieur {
    padding: 16px 15px 15px;
  }

  .lauto-blog-page .lauto-blog-carte-article .lauto-blog-ligne-titre,
  .lauto-blog-page .lauto-blog-carte-article .lauto-titre-3 {
    font-size: 20px;
  }

  .lauto-blog-page .lauto-bloc-cta-blog-avec-image {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .lauto-blog-page .lauto-bloc-cta-blog-visuel {
    justify-content: center;
  }

  .lauto-blog-page .lauto-bloc-cta-blog-visuel img {
    width: min(100%, 270px);
    max-height: 155px;
  }

  .lauto-page--single-blog .lauto-blog-hero-article-single {
    padding: 18px 15px 16px;
  }

  .lauto-page--single-blog .lauto-blog-hero-ligne-principale {
    display: block;
  }

  .lauto-page--single-blog .lauto-blog-hero-article::before {
    display: none;
  }

  .lauto-page--single-blog .lauto-blog-meta-ligne {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "kicker retour"
      "meta retour";
    align-items: center;
    gap: 4px 12px;
    margin-bottom: 9px;
  }

  .lauto-page--single-blog .lauto-blog-kicker {
    display: block;
    grid-area: kicker;
    align-self: end;
    color: var(--blog-green-dark);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .16em;
    line-height: 1.1;
  }

  .lauto-page--single-blog .lauto-blog-image-categorie {
    width: 76px;
    float: left;
    margin: 0 4px 6px 0;
    -webkit-shape-outside: inset(0 0 0 0);
    shape-outside: inset(0 0 0 0);
  }

  .lauto-page--single-blog .lauto-blog-contenu-ligne {
    display: block;
    overflow: hidden;
  }

  .lauto-page--single-blog .lauto-blog-contenu-ligne > .lauto-titre-1-bis {
    align-self: center;
    font-size: clamp(22px, 8vw, 28px);
    line-height: 1.08;
    letter-spacing: -.06em;
  }

  .lauto-page--single-blog .lauto-blog-titre-sous-image {
    display: block;
    clear: both;
    width: 100%;
    margin-top: -5px;
  }

  .lauto-page--single-blog .lauto-blog-titre-cote-image {
    line-height: 1.35;
  }

  .lauto-page--single-blog .lauto-blog-retour-haut {
    justify-content: flex-start;
    grid-area: retour;
    align-self: stretch;
    align-items: center;
  }

  .lauto-page--single-blog .lauto-blog-contenu-article {
    padding: 15px 18px 28px;
  }

  .lauto-page--single-blog .lauto-blog-contenu-article > .lauto-blog-bloc-illustration-droite {
    grid-template-columns: 1fr;
    gap: 16px;
    margin: 25px 0;
  }

  .lauto-page--single-blog .lauto-blog-contenu-article p {
    font-size: 15px;
    line-height: 1.75;
  }

  .lauto-page--single-blog .lauto-blog-contenu-article h2 {
    font-size: 23px;
  }
}

/* Catégories du blog : le titre et le bouton Retour restent sur la même ligne. */
@media (max-width: 760px) {
  html body .lauto.lauto-scope.lauto-blog-page:is(
    .lauto-page--blog-codes-defaut-auto,
    .lauto-page--blog-guides-pratiques-automobile,
    .lauto-page--blog-pieces-auto-par-modele,
    .lauto-page--blog-quantite-huile-moteur
  ) .lauto-blog-en-tete-article {
    align-items: center!important;
    flex-wrap: nowrap!important;
    gap: 8px!important;
  }

  html body .lauto.lauto-scope.lauto-blog-page:is(
    .lauto-page--blog-codes-defaut-auto,
    .lauto-page--blog-guides-pratiques-automobile,
    .lauto-page--blog-pieces-auto-par-modele,
    .lauto-page--blog-quantite-huile-moteur
  ) .lauto-blog-en-tete-article > .lauto-titre-1-bis {
    flex: 1 1 auto!important;
    min-width: 0!important;
    margin: 0!important;
    font-size: clamp(21px, 6.2vw, 32px)!important;
    line-height: 1.05!important;
    white-space: nowrap!important;
    overflow: visible!important;
    text-overflow: clip!important;
  }

  html body .lauto.lauto-scope.lauto-blog-page:is(
    .lauto-page--blog-codes-defaut-auto,
    .lauto-page--blog-guides-pratiques-automobile,
    .lauto-page--blog-pieces-auto-par-modele,
    .lauto-page--blog-quantite-huile-moteur
  ) .lauto-blog-retour-lien {
    flex: 0 0 auto!important;
    white-space: nowrap!important;
  }
}