.service-hero { background: var(--gradient-hero); color: #fff; padding: var(--space-20) 0 var(--space-16); text-align: center; }
    .service-hero h1 { color: #fff; margin-bottom: var(--space-4); }
    .service-hero p { color: rgba(255,255,255,.85); max-width: 600px; margin: 0 auto; font-size: var(--text-lg); }
    .warranty-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-8); text-align: center; transition: all var(--transition-base); }
    .warranty-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); border-color: var(--color-hover-border); }
    .warranty-icon { width: 64px; height: 64px; margin: 0 auto var(--space-4); background: linear-gradient(135deg,var(--color-hover-start),var(--color-hover-end)); border-radius: var(--radius-xl); display: flex; align-items: center; justify-content: center; font-size:1.6rem; }
    .warranty-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8); }
    .process-step { display: flex; gap: var(--space-5); padding: var(--space-5) 0; border-bottom: 1px solid var(--color-border); }
    .process-num { width: 48px; height: 48px; min-width: 48px; background: var(--color-hover-gradient); border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: var(--text-xl); color: var(--color-hover-text); }
    @media (max-width: 767px) { .warranty-grid { grid-template-columns: 1fr; } }