.cv-entretien-diy-entry-v28 {
  margin: 10px 0 12px;
}

.cv-entretien-diy-button-v28 {
  width: 100%;
  min-height: 106px;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  padding: 10px;
  border: 1px solid rgba(174, 234, 43, .42);
  border-radius: 17px;
  background: linear-gradient(135deg, #1b2812, #10150d);
  color: #f4f7ef;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
  text-align: left;
}

.cv-entretien-diy-photo-v28,
.cv-diy-photo-v28 {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 13px;
  background-color: #20251c;
  background-image: url('/assets/carvital-diy-tutorials-v28.webp?v=28.0.9');
  background-repeat: no-repeat;
  background-size: 500% 200%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
}

.cv-entretien-diy-photo-v28 {
  width: 112px;
  height: 84px;
  background-position: 25% 100%;
}

.cv-entretien-diy-copy-v28 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cv-entretien-diy-copy-v28 small {
  color: #aeea2b;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .1em;
}

.cv-entretien-diy-copy-v28 strong {
  font-size: 15px;
  line-height: 1.2;
}

.cv-entretien-diy-copy-v28 span {
  color: #aeb7a7;
  font-size: 9px;
  line-height: 1.45;
}

.cv-entretien-diy-arrow-v28 {
  color: #aeea2b;
  font-size: 29px;
  line-height: 1;
  text-align: center;
}

.cv-diy-card-v28 > summary {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  list-style: none;
}

.cv-diy-card-v28 > summary::-webkit-details-marker {
  display: none;
}

.cv-diy-summary-copy-v28 {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.cv-diy-photo-v28 {
  width: 104px;
  height: 72px;
}

.cv-diy-photo-pro-v28 {
  width: 100%;
  height: 126px;
  margin-bottom: 11px;
}

.cv-diy-photo-tire-pressure { background-position: 0 0; }
.cv-diy-photo-levels { background-position: 25% 0; }
.cv-diy-photo-wipers { background-position: 50% 0; }
.cv-diy-photo-cabin-filter { background-position: 75% 0; }
.cv-diy-photo-oil-change { background-position: 100% 0; }
.cv-diy-photo-front-brakes { background-position: 0 100%; }
.cv-diy-photo-tire-wear { background-position: 25% 100%; }
.cv-diy-photo-engine-air-filter { background-position: 50% 100%; }
.cv-diy-photo-battery-12v { background-position: 75% 100%; }
.cv-diy-photo-adblue { background-position: 100% 100%; }

body.cv-comfort .cv-entretien-diy-button-v28,
body.visual-comfort .cv-entretien-diy-button-v28 {
  border-color: #89a45a;
  background: #f7f9f3;
  color: #172012;
  box-shadow: 0 8px 22px rgba(50, 62, 36, .1);
}

body.cv-comfort .cv-entretien-diy-copy-v28 span,
body.visual-comfort .cv-entretien-diy-copy-v28 span {
  color: #5e6a57;
}

@media (max-width: 430px) {
  .cv-entretien-diy-button-v28 {
    min-height: 94px;
    grid-template-columns: 88px minmax(0, 1fr) 20px;
    gap: 9px;
    padding: 8px;
  }

  .cv-entretien-diy-photo-v28 {
    width: 88px;
    height: 70px;
  }

  .cv-diy-card-v28 > summary {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 9px;
  }

  .cv-diy-photo-v28 {
    width: 88px;
    height: 66px;
  }

  .cv-diy-photo-pro-v28 {
    width: 100%;
    height: 112px;
  }
}

@media (max-width: 340px) {
  .cv-entretien-diy-button-v28 {
    grid-template-columns: 76px minmax(0, 1fr) 18px;
  }

  .cv-entretien-diy-photo-v28 {
    width: 76px;
    height: 64px;
  }

  .cv-diy-card-v28 > summary {
    grid-template-columns: 1fr;
  }

  .cv-diy-photo-v28 {
    width: 100%;
    height: 112px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cv-entretien-diy-button-v28,
  .cv-diy-card-v28 {
    scroll-behavior: auto;
  }
}

/* Auto-bricolage 29.5.5 : cartes sobres et recherche toujours ouverte. */
.cv-workshop-shell-v72 .cv-workshop-tabs-v72.cv-workshop-grid-v2955{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent;padding:0;border:0}
.cv-workshop-grid-v2955 .cv-workshop-tab-v72{min-height:82px;border:1px solid #39412e;border-radius:16px;background:#181d13;color:#f0f3e9;font-size:14px;white-space:normal}
.cv-workshop-grid-v2955 .cv-workshop-tab-v72.is-active{background:#20291a;border-color:#aeea2b;color:#aeea2b}
.cv-workshop-shell-v72 .tutorial-video-list-v28{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cv-workshop-shell-v72 .tutorial-video-open-v28.btn.g{min-height:100px;border:1px solid #39412e;border-radius:14px;background:#181d13!important;color:#f0f3e9!important;box-shadow:none;align-items:flex-start;padding:12px!important}
.cv-workshop-shell-v72 .tutorial-video-open-v28 b{font-size:13px;line-height:1.4}
.cv-workshop-shell-v72 .tutorial-video-open-v28 small{color:#bac3b0;font-size:11px;line-height:1.4;opacity:1}
.cv-workshop-shell-v72 .tutorial-video-play-v28{width:24px;height:24px;flex-basis:24px;background:#28321d;color:#aeea2b}
.cv-workshop-shell-v72 .tutorial-video-panel-v28{background:transparent;border:0;padding:0}
.cv-workshop-warning-v72 small{display:block;margin-top:6px;line-height:1.5;color:#c4baa0}
.cv-part-search-result-v2955{margin-top:10px;color:#cbd2c1;font-size:12px;line-height:1.5}
.cv-part-search-result-v2955 button{margin-top:9px;width:100%}
.cv-part-request-v2955{font-size:12px;line-height:1.5}
@media(max-width:350px){.cv-workshop-shell-v72 .tutorial-video-list-v28{grid-template-columns:1fr}}