/* Styles specific to warranty.html. */

.warranty-hero {
  background:var(--white);
  border-bottom:1px solid var(--line);
}

.warranty-hero-inner {
  max-width:1280px;
  margin:0 auto;
  padding:32px 24px 88px;
  display:flex;
  flex-wrap:wrap;
  gap:56px;
  align-items:flex-end;
}

.warranty-title {
  font-size:clamp(44px,6vw,88px);
}

.warranty-description {
  margin:24px 0 0;
  font-size:18px;
  line-height:1.6;
  max-width:560px;
  color:var(--mute);
}

.warranty-card {
  flex:1 1 340px;
  min-width:0;
  background:var(--blue);
  color:var(--white);
  padding:40px 36px;
  border-radius:0 40px 0 0;
  position:relative;
  overflow:hidden;
}

.warranty-card-outline {
  position:absolute;
  right:-30px;
  bottom:-40px;
  width:140px;
  height:220px;
  border:1.5px solid rgba(255,255,255,.3);
  transform:skewX(-9deg);
  border-radius:0 30px 30px 0;
}

.warranty-card-title {
  font-weight:200;
  font-size:28px;
  margin-top:18px;
  line-height:1.2;
}

.warranty-card-list {
  list-style:none;
  margin:20px 0 0;
  padding:0;
  font-size:15px;
  line-height:1.5;
}

.warranty-card-item {
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.3);
}

.warranty-coverage-grid {
  margin-top:48px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:24px;
}

.warranty-note {
  margin-top:20px;
  font-size:13px;
  color:var(--mute);
}