body.page-template-template-autoconstruction .page-hero {
  display: none;
}
html:has(body.page-template-template-autoconstruction),body.page-template-template-autoconstruction {
  overflow-x: clip;
}
body.page-template-template-autoconstruction .entry-content {
  padding-bottom: 0;
}
body.page-template-template-autoconstruction .entry-content>*+* {
  margin-top: 0;
}
.auto-hero,.auto-features,.auto-knowhow {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw)!important;
  margin-right: calc(50% - 50vw)!important;
}
.auto-container {
  width: min(1636px,calc(100% - 64px));
  margin-inline: auto;
}
.auto-hero {
  min-height: 820px;
  padding: 54px 24px 115px;
  display: grid;
  place-items: center;
  background: url('https://carrosseriepaillard.easy-marketing.fr/wp-content/uploads/2026/08/Background-hero-home-desktop.jpg') center 48%/cover no-repeat;
  position: relative;
  overflow: hidden;
}
.auto-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(255,249,239,.96) 0,rgba(255,249,239,0) 49%);
  pointer-events: none;
}
.auto-hero:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 217px;
  background: url('../images/decorations/slope-transition.svg') center bottom/100% 100% no-repeat;
  pointer-events: none;
}
.auto-hero__panel {
  width: min(1014px,calc(100% - 32px));
  min-height: 593px;
  padding: 34px 72px 30px;
  text-align: center;
  background: rgba(251,247,239,.96);
  border-radius: 15px;
  box-shadow: 0 14px 30px rgba(31,26,18,.18);
  position: relative;
  z-index: 1;
  transform: translateY(-8px);
}
.auto-eyebrow {
  margin: 0 0 9px;
  color: #a91b13;
  font-family: Barlow Condensed,Arial,sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
}
.auto-hero h1,.auto-features h2,.auto-knowhow h2,.auto-faq h2 {
  margin: 0;
  font-family: Lora,Georgia,serif;
  font-weight: 700;
  line-height: 1.14;
  color: #3d3d3a;
}
.auto-hero h1 {
  font-size: 26px;
  line-height: 1.08;
}
.auto-hero__intro {
  width: min(100%,820px);
  margin: 16px auto -4px;
  color: #55554e;
  font-family: Barlow,Arial,sans-serif;
  font-size: 17px;
  line-height: 1.5;
}
.auto-hero__offers {
  margin: 28px auto 18px;
  display: grid;
  grid-template-columns: 362px auto 360px;
  align-items: start;
  justify-content: center;
  gap: 25px;
  max-width: 954px;
}
.auto-offer {
  background: #fcf9f3;
  border: 1px solid #d8d2c7;
  border-radius: 10px;
  box-shadow: 0 8px 18px rgba(31,26,18,.1);
  overflow: hidden;
  text-align: left;
}
.auto-offer img {
  width: 100%;
  height: 174px;
  object-fit: cover;
  display: block;
}
.auto-offer > .wp-block-image {
  margin: 0;
}
.auto-offer div {
  padding: 16px 24px 19px;
}
.auto-offer div > p {
  margin: 0;
}
.auto-offer span {
  display: block;
  color: #424242;
  font-family: Lora,Georgia,serif;
  font-size: 24px;
  font-weight: 700;
  text-transform: none;
}
.auto-offer strong {
  display: block;
  margin-top: 6px;
  font-family: Barlow,Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  color: #55554e;
}
.auto-hero__plus {
  margin: 0;
  align-self: center;
  font-family: Inter,Arial,sans-serif;
  font-size: 64px;
  line-height: 1;
  color: #c4b9a8;
}
.auto-hero__price {
  margin: 0 0 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #424242;
  font-family: Barlow Condensed,Arial,sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.auto-hero__price strong {
  display: inline-block;
  padding: 3px 12px 4px;
  background: #a91b13;
  border-radius: 5px;
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}
.auto-component-cta {
  width: max-content;
  margin: 0 auto!important;
}
.auto-component-cta .wp-block-button__link {
  font-size: 20px!important;
}
.auto-hero .auto-component-cta,.auto-hero .auto-component-cta .wp-block-button__link {
  width: 293px!important;
}
.auto-features {
  padding: 65px 0 150px;
  background: #fcf9f3;
  position: relative;
  overflow: hidden;
}
.auto-features:after {
  content: none;
}
.auto-features>.auto-container {
  position: relative;
  z-index: 1;
}
.auto-features h2 {
  max-width: 1636px;
  margin-inline: auto;
  text-align: center;
  font-size: 32px;
  line-height: 1.35;
}
.auto-features h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  margin: 20px auto 0;
  background: rgba(150,148,127,.6);
}
.auto-features__grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 70px;
  margin: 60px 0 34px;
}
.auto-feature {
  padding: 0 36px;
  text-align: center;
}
.auto-feature+.auto-feature {
  border-left: 1px solid #cbc6bb;
}
.auto-feature__icon {
  width: 88px;
  height: 88px;
  object-fit: contain;
  margin: 0 auto 30px;
}
.auto-feature h3,.auto-knowhow h3 {
  margin: 0 0 20px;
  font-family: Barlow,Arial,sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #424242;
}
.auto-feature ul,.auto-knowhow ul {
  margin: 0;
  padding-left: 22px;
  text-align: left;
  color: #5a5b55;
  font-family: Barlow,Arial,sans-serif;
  font-size: 15px;
}
.auto-feature li,.auto-knowhow li {
  padding-left: 0;
  margin: 0 0 18px;
  line-height: 1.3;
}
.auto-component-cta--tarifs {
  margin-top: 0!important;
}
.auto-features .auto-component-cta--tarifs {
  display: block;
  width: 340px!important;
  margin-left: auto!important;
  margin-right: auto!important;
}
.auto-features .auto-component-cta--tarifs .wp-block-button__link {
  width: 340px!important;
  max-width: 100%!important;
}
.auto-knowhow {
  padding: 29px 0 58px;
  background: #292b29;
  color: #fff;
  position: relative;
  z-index: 1;
}
.auto-knowhow:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: -150px;
  height: 150px;
  background: url('../images/decorations/footer-transition.svg') center bottom/100% 100% no-repeat;
  pointer-events: none;
}
.auto-knowhow>.auto-container {
  position: relative;
  z-index: 1;
}
.auto-knowhow.content-reveal {
  opacity: 1!important;
  transform: none!important;
  translate: none!important;
  transition: none!important;
}
.auto-cascade-enabled .auto-cascade-item {
  opacity: 0;
  translate: 0 28px;
  transition: opacity .7s ease,translate .7s cubic-bezier(.22,.61,.36,1);
  transition-delay: var(--auto-cascade-delay,0ms);
  will-change: opacity,translate;
}
.auto-cascade-enabled .auto-cascade-group.is-cascade-visible .auto-cascade-item {
  opacity: 1;
  translate: none;
}
.auto-knowhow h2 {
  max-width: 1200px;
  margin-inline: auto;
  text-align: center;
  color: #fcf9f3;
  font-size: 36px;
  line-height: 1.35;
}
.auto-knowhow__grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 40px;
  margin-top: 72px;
}
.auto-knowhow article {
  min-height: 383px;
  padding: 34px 32px;
  background: #424242;
  border-radius: 15px;
  overflow: hidden;
}
.auto-knowhow h3 {
  margin-bottom: 22px;
  color: #fff;
}
.auto-knowhow h3:after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin-top: 22px;
  background: #a91b13;
}
.auto-knowhow ul {
  color: #fff;
}
.auto-knowhow li {
  margin-bottom: 19px;
  color: #fff!important;
}
body.page-template-template-autoconstruction .realisations-carousel {
  margin-top: 0;
  padding-top: 74px;
  padding-bottom: 74px;
  background: #f8f5ee;
}
.auto-faq {
  padding: 25px 0 35px;
  background: #f8f5ee;
}
.auto-faq__inner {
  max-width: 1120px;
}
.auto-faq h2 {
  max-width: 1100px;
  margin-inline: auto;
  text-align: center;
  font-size: 48px;
}
.auto-faq__items {
  margin: 52px 0 45px;
  border-top: 1px solid #bdb8ae;
}
.auto-faq .wp-block-accordion-item {
  margin: 0;
  border-bottom: 1px solid #bdb8ae;
}
.auto-faq .wp-block-accordion-heading {
  margin: 0;
}
.auto-faq .wp-block-accordion-heading__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0;
  padding: 24px 14px 24px 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: #3d3d3a;
}
.auto-faq .wp-block-accordion-heading__toggle-title {
  font-family: Lora,Georgia,serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none!important;
}
.auto-faq .wp-block-accordion-heading__toggle-icon {
  flex: 0 0 auto;
  color: #b51b13;
  font-family: Arial,sans-serif;
  font-size: 0;
  font-weight: 300;
  transform: none!important;
}
.auto-faq .wp-block-accordion-heading__toggle-icon:before {
  content: "+";
  font-size: 28px;
}
.auto-faq .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon:before {
  content: "−";
}
.auto-faq .wp-block-accordion-panel {
  margin: 0;
  padding: 0 54px 24px 0;
  color: #65635e;
}
.auto-faq .wp-block-accordion-panel[hidden] {
  padding: 0;
}
.auto-faq .wp-block-accordion-panel p {
  margin: 0;
  color: #65635e;
  line-height: 1.65;
}
.auto-faq__cta {
  margin: 0;
}
@media(max-width:900px) {
  .auto-container {
    width: min(100% - 32px,680px);
  }
  .auto-hero {
    min-height: auto;
    padding: 42px 16px 100px;
    background-position: 58% center;
  }
  .auto-hero:after {
    height: 100px;
  }
  .auto-hero__panel {
    min-height: 0;
    padding: 34px 24px 42px;
    transform: none;
  }
  .auto-eyebrow {
    font-size: 26px;
  }
  .auto-hero h1 {
    font-size: 24px;
  }
  .auto-hero__offers {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .auto-hero__plus {
    line-height: .7;
    font-size: 48px;
  }
  .auto-offer img {
    height: 190px;
  }
  .auto-hero__price {
    flex-wrap: wrap;
    font-size: 20px;
  }
  .auto-hero__price strong {
    font-size: 27px;
  }
  .auto-features {
    padding: 68px 0 110px;
  }
  .auto-knowhow:before {
    top: -90px;
    height: 90px;
  }
  .auto-features h2 {
    font-size: 30px;
  }
  .auto-features__grid,.auto-knowhow__grid {
    grid-template-columns: 1fr;
  }
  .auto-features__grid {
    margin: 48px 0 40px;
  }
  .auto-feature {
    padding: 36px 0;
  }
  .auto-feature+.auto-feature {
    border-left: 0;
    border-top: 1px solid #cbc6bb;
  }
  .auto-knowhow {
    padding: 56px 0 72px;
  }
  .auto-knowhow h2 {
    font-size: 30px;
  }
  .auto-knowhow__grid {
    margin-top: 42px;
  }
  .auto-knowhow article {
    min-height: 0;
  }
  body.page-template-template-autoconstruction .realisations-carousel {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .auto-faq {
    padding: 31px 0 35px;
  }
}
@media(max-width:480px) {
  .auto-offer img {
    height: 150px;
  }
  .auto-hero__price {
    gap: 7px;
    font-size: 18px;
  }
  .auto-hero__price strong {
    font-size: 24px;
  }
  .auto-features h2,.auto-knowhow h2,.auto-faq h2 {
    font-size: 28px;
  }
  .auto-feature h3,.auto-knowhow h3 {
    font-size: 22px;
  }
  .auto-knowhow article {
    padding: 30px 24px;
  }
  .auto-faq .wp-block-accordion-heading__toggle-title {
    font-size: 18px;
  }
  .auto-component-cta .wp-block-button__link {
    font-size: 17px!important;
  }
}