/* ==========================================================================
   Nattedia Beauty — Home sur-mesure
   Toutes les classes sont préfixées .ntd- et le style est scopé sous .ntd-home
   pour éviter tout conflit avec le thème parent Designexo.
   ========================================================================== */

.ntd-home{
  --ntd-ink:#1a1512;
  --ntd-clay:#7d4b2e;
  --ntd-gold:#c8a35a;
  --ntd-sand:#f5efe6;
  --ntd-cream:#fbf8f3;
  --ntd-moss:#3f4d3c;
  --ntd-line:#e4d9c8;
  --ntd-muted:#6b5f52;
  font-family:Georgia, 'Times New Roman', serif;
  color:var(--ntd-ink);
  background:var(--ntd-cream);
  line-height:1.6;
}
.ntd-home *{box-sizing:border-box}
.ntd-home img{max-width:100%;display:block}

.ntd-container{max-width:1180px;margin:0 auto;padding:0 28px}
.ntd-section{padding:96px 0}

.ntd-eyebrow{
  font-family:'Helvetica Neue',Arial,sans-serif;
  text-transform:uppercase;letter-spacing:.28em;
  font-size:.72rem;font-weight:600;color:var(--ntd-clay);
  display:inline-block;
}
.ntd-h1{font-size:clamp(2.6rem,5vw,4.1rem);line-height:1.05;font-weight:700;margin:22px 0;letter-spacing:-.01em;color:var(--ntd-ink)}
.ntd-h1 em{color:var(--ntd-clay);font-style:italic}
.ntd-h2{font-size:clamp(2rem,3.5vw,2.9rem);margin-top:14px;line-height:1.1;color:var(--ntd-ink)}
.ntd-head{text-align:center;max-width:600px;margin:0 auto 60px}

/* boutons */
.ntd-btn{
  font-family:'Helvetica Neue',Arial,sans-serif;
  display:inline-block;background:var(--ntd-ink);color:var(--ntd-cream);
  text-decoration:none;padding:14px 28px;border-radius:2px;
  font-size:.88rem;letter-spacing:.06em;font-weight:600;
  transition:transform .2s, background .2s;border:none;cursor:pointer;
}
.ntd-btn:hover{background:var(--ntd-clay);color:var(--ntd-cream);transform:translateY(-2px)}
.ntd-btn-gold{background:var(--ntd-gold);color:var(--ntd-ink)}
.ntd-btn-gold:hover{background:var(--ntd-clay);color:var(--ntd-cream)}
.ntd-btn-outline{background:transparent;border:1.5px solid var(--ntd-ink);color:var(--ntd-ink)}
.ntd-btn-outline:hover{background:var(--ntd-ink);color:var(--ntd-cream)}
.ntd-btn-lg{font-size:1rem;padding:18px 40px}

/* hero */
.ntd-hero{
  background:
    linear-gradient(105deg, var(--ntd-sand) 0%, var(--ntd-sand) 48%, transparent 48%),
    linear-gradient(0deg, rgba(26,21,18,.35), rgba(26,21,18,.35)),
    url('img/hero.jpg');
  background-size:cover;background-position:right center;
}
.ntd-hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:640px;align-items:center}
.ntd-hero-copy{padding:60px 60px 60px 0}
.ntd-lead{font-family:'Helvetica Neue',Arial,sans-serif;font-size:1.08rem;color:var(--ntd-muted);max-width:440px;margin:0 0 34px}
.ntd-hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.ntd-hero-trust{font-family:'Helvetica Neue',Arial,sans-serif;margin-top:40px;display:flex;gap:34px;flex-wrap:wrap}
.ntd-hero-trust div{border-left:2px solid var(--ntd-gold);padding-left:14px}
.ntd-hero-trust strong{display:block;font-size:1.7rem;color:var(--ntd-ink);font-family:Georgia,serif}
.ntd-hero-trust span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ntd-muted)}

/* services */
.ntd-services{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ntd-card{background:var(--ntd-cream);border:1px solid var(--ntd-line);padding:38px 30px;transition:transform .25s, box-shadow .25s, border-color .25s}
.ntd-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -20px rgba(26,21,18,.3);border-color:var(--ntd-gold)}
.ntd-num{font-family:'Helvetica Neue',Arial,sans-serif;font-size:.75rem;letter-spacing:.2em;color:var(--ntd-gold);font-weight:700}
.ntd-card h3{font-size:1.4rem;margin:12px 0 10px;color:var(--ntd-ink)}
.ntd-card p{font-family:'Helvetica Neue',Arial,sans-serif;font-size:.92rem;color:var(--ntd-muted);margin-bottom:20px}
.ntd-price{font-family:'Helvetica Neue',Arial,sans-serif;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ntd-line);padding-top:16px}
.ntd-from{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ntd-muted)}
.ntd-amt{font-size:1.35rem;color:var(--ntd-clay);font-family:Georgia,serif}

/* réalisations */
.ntd-dark{background:var(--ntd-ink)}
.ntd-dark .ntd-eyebrow{color:var(--ntd-gold)}
.ntd-dark .ntd-h2{color:var(--ntd-cream)}
.ntd-ba{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:12px}
.ntd-ba-card{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:3/4;margin:0}
.ntd-ba-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ntd-ba-card:hover img{transform:scale(1.06)}
.ntd-ba-tag{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(26,21,18,.9),transparent);font-family:'Helvetica Neue',Arial,sans-serif;padding:26px 20px 18px;font-size:.9rem;color:var(--ntd-cream)}
.ntd-ba-tag strong{display:block;color:var(--ntd-gold);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px}

/* avis */
.ntd-sand{background:var(--ntd-sand)}
.ntd-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ntd-rev{background:var(--ntd-cream);padding:34px 30px;border:1px solid var(--ntd-line);border-radius:2px}
.ntd-stars{color:var(--ntd-gold);font-size:1rem;letter-spacing:2px;margin-bottom:14px}
.ntd-rev p{font-size:1.02rem;font-style:italic;margin-bottom:20px;color:var(--ntd-ink)}
.ntd-who{font-family:'Helvetica Neue',Arial,sans-serif;display:flex;align-items:center;gap:12px}
.ntd-av{width:42px;height:42px;border-radius:50%;background:var(--ntd-clay);color:var(--ntd-cream);display:grid;place-items:center;font-weight:700}
.ntd-who strong{display:block;font-size:.9rem}
.ntd-who span{font-size:.76rem;color:var(--ntd-muted)}
.ntd-gbadge{font-family:'Helvetica Neue',Arial,sans-serif;text-align:center;margin-top:40px;color:var(--ntd-muted);font-size:.9rem}
.ntd-gbadge strong{color:var(--ntd-ink);font-size:1.1rem}

/* réservation */
.ntd-book{background:linear-gradient(120deg,var(--ntd-clay),var(--ntd-ink));text-align:center}
.ntd-book-inner .ntd-eyebrow{color:var(--ntd-gold)}
.ntd-book-inner .ntd-h2{color:var(--ntd-cream);max-width:700px;margin:16px auto 18px}
.ntd-book-inner p{font-family:'Helvetica Neue',Arial,sans-serif;max-width:480px;margin:0 auto 34px;color:var(--ntd-cream);opacity:.9}

/* fidélité */
.ntd-loyalty{background:var(--ntd-moss)}
.ntd-loyalty-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.ntd-loyalty .ntd-eyebrow{color:var(--ntd-gold)}
.ntd-loyalty .ntd-h2{color:var(--ntd-cream);font-size:clamp(1.8rem,3vw,2.6rem);margin:14px 0 16px}
.ntd-loyalty > .ntd-loyalty-inner > div > p{font-family:'Helvetica Neue',Arial,sans-serif;color:var(--ntd-cream);opacity:.9;margin-bottom:24px}
.ntd-perks{list-style:none;font-family:'Helvetica Neue',Arial,sans-serif;padding:0;margin:0;color:var(--ntd-cream)}
.ntd-perks li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.15);display:flex;gap:12px;align-items:center}
.ntd-perks li::before{content:'✦';color:var(--ntd-gold)}
.ntd-email-box{background:var(--ntd-cream);color:var(--ntd-ink);padding:36px;border-radius:3px}
.ntd-email-box h3{font-size:1.4rem;margin:0 0 6px;color:var(--ntd-ink)}
.ntd-email-box > p{font-family:'Helvetica Neue',Arial,sans-serif;font-size:.9rem;color:var(--ntd-muted);margin:0 0 20px}
.ntd-email-field{display:flex;gap:10px}
.ntd-email-field input{flex:1;padding:14px 16px;border:1px solid var(--ntd-line);border-radius:2px;font-family:'Helvetica Neue',Arial,sans-serif;font-size:.95rem}
.ntd-email-field input:focus{outline:2px solid var(--ntd-gold);border-color:transparent}
.ntd-email-note{font-family:'Helvetica Neue',Arial,sans-serif;font-size:.74rem;color:var(--ntd-muted);margin-top:12px}

/* responsive */
@media(max-width:900px){
  .ntd-hero{background:linear-gradient(0deg,rgba(26,21,18,.5),rgba(26,21,18,.5)),url('img/hero.jpg');background-size:cover;background-position:center}
  .ntd-hero-inner{grid-template-columns:1fr;min-height:auto;padding:80px 0}
  .ntd-hero-copy{padding:0}
  .ntd-hero-copy .ntd-h1,.ntd-hero-copy .ntd-lead{color:var(--ntd-cream)}
  .ntd-hero-trust strong{color:var(--ntd-cream)}
  .ntd-services,.ntd-ba,.ntd-reviews,.ntd-loyalty-inner{grid-template-columns:1fr}
  .ntd-ba{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.ntd-ba{grid-template-columns:1fr}}