body {
    background: #fff8f5;
    color: #2f1d1d;
    font-family: "Inter", system-ui, sans-serif;
}

.salon-hero {
    background: linear-gradient(135deg, #ffe7db 0%, #fff0e9 60%);
    border-radius: 30px;
    padding: 48px;
    box-shadow: 0 20px 50px rgba(208, 145, 118, 0.2);
}

.salon-hero h1 {
    font-size: clamp(36px, 6vw, 52px);
    color: #5e2d1f;
}

.brand-script {
    font-family: "Playfair Display", serif;
    font-size: 20px;
    letter-spacing: 2px;
    color: #c0563f;
}

.salon-hero p {
    color: #7c4c3a;
}

.cta-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 24px;
    border-radius: 999px;
    background: #ff6e54;
    color: white;
    font-weight: 600;
    box-shadow: 0 12px 30px rgba(255, 110, 84, 0.3);
}

.cta-secondary {
    display: inline-flex;
    align-items: center;
    padding: 12px 22px;
    border-radius: 999px;
    border: 1px solid #ffb9a7;
    color: #5e2d1f;
    font-weight: 600;
}

.services-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.service-card {
    border-radius: 24px;
    background: white;
    padding: 20px;
    box-shadow: 0 20px 35px rgba(197, 165, 148, 0.15);
}

.service-card h3 {
    color: #5e2d1f;
}

.experience-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.experience-grid article {
    background: white;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 12px 25px rgba(197, 165, 148, 0.2);
}

.appointments {
    background: #1f0f0a;
    color: white;
    border-radius: 30px;
    padding: 30px;
    display: grid;
    gap: 16px;
}

.appointments li {
    list-style: none;
    margin-bottom: 6px;
}

.hero-photo {
    background: url("https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=900&q=60") center/cover;
    border-radius: 30px;
    min-height: 380px;
    box-shadow: 0 30px 45px rgba(74, 44, 34, 0.35);
}

.cards-inline {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.cards-inline .card {
    background: rgba(255, 255, 255, 0.9);
    color: #5e2d1f;
    border: 1px solid #ffd4c3;
}
.cards-inline .card.quote::before {
    display: none;
}
.cards-inline .card.quote {
    padding-top: 12px;
}

.testimonial-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.testimonial-grid article {
    background: white;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(162, 132, 118, 0.15);
}

.testimonial-grid span {
    display: block;
    margin-top: 12px;
    color: #7c4c3a;
    font-size: 14px;
}

.cta-banner {
    background: #1f0f0a;
    color: white;
    padding: 40px 0;
}

.banner-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}