/* === Theme: Detail Gloss (detailing auto) ===
 * Detailingul nu vinde viteză, vinde OBSESIA pentru finisaj. Omul plătește ca vopseaua să arate ca
 * o oglindă. Deci opusul spălătoriei: aproape negru, contrast mare, muchii precise.
 * Strat subțire peste dark-lux.
 *
 * SEMNĂTURA, una singură: luciul. Peste carduri trece o dâră de lumină în diagonală, ca reflexia pe
 * un capot lustruit — statică în repaus, alunecă la hover. Un singur element „face ceva"; restul stă
 * întunecat și liniștit, altfel n-ar mai fi luciu, ar fi zgomot.
 */

:root {
    --gradient-dark: linear-gradient(155deg, #05070a 0%, var(--bg-dark) 45%, var(--bg-secondary) 100%);
    --accent-red-light: color-mix(in srgb, var(--accent-red) 10%, transparent);
    --shadow-red: 0 12px 38px -14px color-mix(in srgb, var(--accent-red) 55%, transparent);
    --gloss: linear-gradient(105deg, transparent 38%, color-mix(in srgb, var(--text-primary) 14%, transparent) 47%, color-mix(in srgb, var(--text-primary) 4%, transparent) 53%, transparent 62%);
}

body {
    background-image: radial-gradient(ellipse at 50% -10%, color-mix(in srgb, var(--accent-red) 8%, transparent) 0%, transparent 55%);
}

/* Semnătura: dâra de lumină. */
.service-card, .testimonial-card, .feature-item {
    position: relative;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
    background: linear-gradient(165deg, var(--bg-card), color-mix(in srgb, var(--bg-secondary) 92%, #000));
}
.service-card::after, .testimonial-card::after, .feature-item::after {
    content: "";
    position: absolute; inset: -40% -60%;
    background: var(--gloss);
    transform: translateX(-18%);
    transition: transform .7s cubic-bezier(.2,.7,.2,1);
    pointer-events: none;
}
.service-card:hover::after, .testimonial-card:hover::after, .feature-item:hover::after {
    transform: translateX(18%);
}

/* Titlurile: majuscule strânse, ca un badge de atelier. */
.section-header h2, .cta-content h2 {
    text-transform: uppercase;
    letter-spacing: .04em;
}
.section-header h2::after {
    width: 60px; height: 2px;
    background: linear-gradient(90deg, var(--accent-red), transparent);
}

/* Prețul: gravat, nu spălat cu gradient. */
.price {
    background: none;
    -webkit-text-fill-color: var(--accent-red);
    color: var(--accent-red);
    font-weight: 700;
    letter-spacing: .01em;
}

/* Butonul: muchii aproape drepte + o linie de lumină pe margine. */
.btn-primary {
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .06em;
    box-shadow: var(--shadow-red), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 22%, transparent);
}
.btn-outline { border-radius: 4px; text-transform: uppercase; letter-spacing: .06em; }

.feature-icon {
    border-radius: 6px;
    background: color-mix(in srgb, var(--accent-red) 14%, transparent);
    color: var(--accent-red);
}

.header { border-bottom: 1px solid color-mix(in srgb, var(--text-primary) 12%, transparent); }

@media (prefers-reduced-motion: reduce) {
    .service-card::after, .testimonial-card::after, .feature-item::after { transition: none; }
    .service-card:hover::after, .testimonial-card:hover::after, .feature-item:hover::after { transform: translateX(-18%); }
}