/* Étape 63 — première section des pages Services harmonisée en beige */
html body.page-service{
  background:#f6f2eb !important;
  color:#111111 !important;
}

html body.page-service main.wrap,
html body.page-service main.wrap > .left,
html body.page-service main.wrap > .right{
  background:#f6f2eb !important;
  color:#111111 !important;
}

html body.page-service main.wrap{
  border-bottom:1px solid rgba(17,17,17,.16) !important;
}

html body.page-service .visual{
  background:#e7dfd4 !important;
  border:1px solid rgba(17,17,17,.14) !important;
  box-shadow:0 18px 55px rgba(17,17,17,.08) !important;
}

html body.page-service .visual::after{
  background:linear-gradient(180deg,rgba(17,17,17,0) 48%,rgba(17,17,17,.44) 100%) !important;
}

html body.page-service .visual img{
  filter:grayscale(100%) contrast(1.06) brightness(.94) !important;
}

html body.page-service .visual:hover img{
  filter:grayscale(100%) contrast(1.12) brightness(.98) !important;
}

html body.page-service .card-label,
html body.page-service .card-label *,
html body.page-service .arrow,
html body.page-service .arrow *{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.38) !important;
}

html body.page-service .topline{
  background:rgba(17,17,17,.18) !important;
}

html body.page-service .time,
html body.page-service .time *,
html body.page-service .counter,
html body.page-service .counter *,
html body.page-service .controls,
html body.page-service .controls *,
html body.page-service .quote,
html body.page-service .quote *,
html body.page-service .copy,
html body.page-service .copy *{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  text-shadow:none !important;
}

html body.page-service .time,
html body.page-service .copy{
  color:rgba(17,17,17,.68) !important;
  -webkit-text-fill-color:rgba(17,17,17,.68) !important;
}

html body.page-service .counter span{
  color:rgba(17,17,17,.46) !important;
  -webkit-text-fill-color:rgba(17,17,17,.46) !important;
}

html body.page-service .label,
html body.page-service .label *{
  color:#6f8f00 !important;
  -webkit-text-fill-color:#6f8f00 !important;
}

html body.page-service .back,
html body.page-service .back *{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
}

html body.page-service .back{
  border-color:rgba(17,17,17,.32) !important;
  background:transparent !important;
}

html body.page-service .back:hover,
html body.page-service .back:focus-visible{
  background:#111111 !important;
  border-color:#111111 !important;
  color:#f6f2eb !important;
}

html body.page-service .back:hover *,
html body.page-service .back:focus-visible *{
  color:#f6f2eb !important;
  -webkit-text-fill-color:#f6f2eb !important;
}

@media(max-width:900px){
  html body.page-service main.wrap > .left,
  html body.page-service main.wrap > .right{
    background:#f6f2eb !important;
  }

  html body.page-service .right{
    border-top:1px solid rgba(17,17,17,.14) !important;
  }
}