/* public/assets/styles.css — WashTaCar · Édition Rouge & Or */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;0,900;1,500&family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg0:#0b0507;
  --bg1:#050203;

  /* Or champagne */
  --cyan:#e8c15c;                 /* nom conservé pour compat pages existantes */
  --gold:#e8c15c;
  --gold-soft:#f3d98b;
  --gold-deep:#b8892f;
  --champagne:#f6e3ac;

  /* Rouge carmin */
  --pink:#c9102e;                 /* nom conservé pour compat */
  --red:#c9102e;
  --red-deep:#5e0716;

  --txt:#f6f1e7;
  --muted:rgba(246,241,231,.72);

  --glass:rgba(255,255,255,.03);
  --glass2:rgba(232,193,92,.05);
  --border:rgba(232,193,92,.14);
  --border2:rgba(232,193,92,.42);

  --card-bg:linear-gradient(180deg,#151009 0%,#0d0806 100%);
  --card-edge:linear-gradient(160deg,rgba(232,193,92,.55) 0%,rgba(232,193,92,.10) 38%,rgba(201,16,46,.30) 100%);

  --grad-gold:linear-gradient(135deg,#f3d98b 0%,#e2b855 45%,#b8892f 100%);
  --grad-gold-text:linear-gradient(110deg,#f8e7b0 0%,#e8c15c 30%,#a97b1e 50%,#e8c15c 70%,#f8e7b0 100%);

  --shadow-lg: 0 24px 70px rgba(0,0,0,.5);
  --shadow-md: 0 16px 44px rgba(0,0,0,.38);
  --ring: 0 0 0 3px rgba(232,193,92,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}

body{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--txt);
  background:
    radial-gradient(1100px 700px at 15% -5%, rgba(201,16,46,.14), transparent 55%),
    radial-gradient(900px 650px at 88% 20%, rgba(232,193,92,.08), transparent 60%),
    radial-gradient(1200px 800px at 50% 110%, rgba(94,7,22,.20), transparent 60%),
    linear-gradient(180deg,var(--bg0),var(--bg1));
}

/* Grain cinéma très léger */
html::after{
  content:"";
  position:fixed;inset:0;
  pointer-events:none;
  z-index:2000;
  opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}

h1,h2,h3{
  font-family:'Playfair Display',Georgia,'Times New Roman',serif;
  font-weight:700;
}

a{color:inherit}
.wc-container{width:min(1200px,calc(100% - 40px));margin:0 auto}

.muted{opacity:.72}

::selection{background:var(--gold);color:#1c1202}

::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#070304}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#4a3616,#241708);
  border-radius:8px;
  border:2px solid #070304;
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#66491d,#33200b)}

@keyframes wtcShimmer{
  0%{background-position:0% center}
  100%{background-position:-200% center}
}

/* ============ TOPBAR ============ */
.wc-topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(9,4,6,.72);
  backdrop-filter:blur(14px) saturate(1.15);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
  transition:background .22s ease, box-shadow .22s ease;
}

.wc-topbar::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(232,193,92,.10) 12%,
    rgba(232,193,92,.65) 50%,
    rgba(201,16,46,.35) 78%,
    transparent 100%);
  opacity:.7;
  transition:opacity .22s ease;
}

.wc-topbar.is-scrolled{
  background:rgba(7,3,4,.92);
  box-shadow:0 18px 50px rgba(0,0,0,.55);
}
.wc-topbar.is-scrolled::after{opacity:1}

.wc-topbar.is-scrolled .wc-topbar__inner{padding:18px 0}
.wc-topbar.is-scrolled .wc-logo{height:50px}
.wc-topbar.is-scrolled .wc-logo img{height:50px;width:146px}

.wc-topbar__inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:34px 0;gap:24px;
  transition:padding .25s ease;
}

.wc-brand{display:flex;align-items:center;gap:14px}

.wc-logo{
  height:64px;
  display:flex;
  align-items:center;
  position:relative;
  transition:height .25s ease;
}

.wc-logo::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:170px;height:120px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(232,193,92,.18) 0%, rgba(201,16,46,.07) 45%, transparent 70%);
  pointer-events:none;
}

.wc-logo img{
  height:64px;
  width:186px;
  object-fit:cover;
  object-position:center;
  position:relative;
  top:0;
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.65)) drop-shadow(0 0 14px rgba(232,193,92,.18));
  transition:height .25s ease, width .25s ease;
}

.wc-brand__name{font-weight:900;letter-spacing:.2px}
.wc-brand__tag{font-size:12px;opacity:.7;margin-top:2px}

.wc-nav{display:flex;gap:34px;align-items:center}
.wc-nav a{
  text-decoration:none;
  font-weight:600;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(246,241,231,.68);
  transition:color .18s ease;
}
.wc-nav a:hover{color:var(--champagne)}

.wc-pillnav{
  padding:9px 16px;border-radius:999px;
  background:rgba(232,193,92,.05);
  border:1px solid rgba(232,193,92,.32);
  color:var(--champagne) !important;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.wc-topbar__ctas{display:flex;gap:12px;align-items:center;position:relative;padding-left:26px}
.wc-topbar__ctas::before{
  content:"";
  position:absolute;left:0;top:50%;
  transform:translateY(-50%);
  width:1px;height:30px;
  background:linear-gradient(180deg,transparent,rgba(232,193,92,.4),transparent);
}

/* Anti-doublon : bouton "📞 Appeler" injecté par app.js (style inline) */
.wc-topbar__ctas a[href^="tel:"][style],
.wc-mobile a[href^="tel:"][style]{display:none !important}

.wc-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 18px;border-radius:999px;
  text-decoration:none;font-weight:800;font-size:13px;
  letter-spacing:.02em;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease;
}

.wc-btn--wa{
  position:relative;overflow:hidden;
  background:var(--grad-gold);
  color:#1c1202;
  box-shadow:0 10px 28px -8px rgba(232,193,92,.45), inset 0 1px 0 rgba(255,255,255,.35);
}
.wc-btn--wa::before{
  content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg);
  transition:left .55s ease;
}
.wc-btn--wa:hover::before{left:135%}

.wc-btn--call{
  background:transparent;
  border:1px solid rgba(232,193,92,.42);
  color:var(--champagne);
}

.wc-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
}

.wc-btn--wa:hover{box-shadow:0 16px 40px -8px rgba(232,193,92,.55), inset 0 1px 0 rgba(255,255,255,.35)}
.wc-btn--call:hover{
  box-shadow:0 14px 34px rgba(232,193,92,.14);
  border-color:rgba(232,193,92,.75);
  background:rgba(232,193,92,.06);
}

.wc-burger{display:none;border:0;background:transparent;color:var(--champagne);font-size:22px;cursor:pointer}

/* MOBILE MENU (base) */
.wc-mobile{
  padding:12px 0 16px;
  border-top:1px solid rgba(232,193,92,.10);
  opacity:0;
  transform:translate3d(0,-8px,0);
  transition:opacity .18s ease, transform .18s ease;
}
.wc-mobile.is-open{
  opacity:1;
  transform:translate3d(0,0,0);
}

.wc-mobile a{
  display:block;padding:10px 0;text-decoration:none;font-weight:800;opacity:.9
}
.wc-mobile a:hover{opacity:1}
.wc-mobile .wc-btn{width:100%;margin-top:10px}

@media (max-width: 920px){
  .wc-nav,.wc-topbar__ctas{display:none}
  .wc-burger{display:block}
  .wc-topbar__inner{padding:20px 0}
  .wc-logo{height:46px}
  .wc-logo img{height:46px;width:134px}
}

/* MOBILE MENU FIX */
@media (max-width: 920px){
  .wc-mobile[hidden]{display:none !important}

  .wc-mobile{
    position:fixed;
    left:12px;
    right:12px;
    top:96px;
    z-index:1000;
    background:linear-gradient(180deg,rgba(18,10,8,.97),rgba(9,4,5,.97));
    border:1px solid rgba(232,193,92,.30);
    border-radius:18px;
    box-shadow:0 24px 70px rgba(0,0,0,.65), 0 0 40px -14px rgba(232,193,92,.25);
    backdrop-filter:blur(16px) saturate(1.1);
    padding:12px;
    max-height:calc(100vh - 92px);
    overflow:auto;
    opacity:0;
    transform:translate3d(0,-8px,0);
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
  }

  .wc-mobile.is-open{
    opacity:1;
    transform:translate3d(0,0,0);
    pointer-events:auto;
  }

  .wc-mobile a{
    display:block;
    padding:11px 12px;
    border-radius:12px;
    text-decoration:none;
    font-weight:800;
    letter-spacing:.04em;
    opacity:.95;
  }
  .wc-mobile a:hover{opacity:1;background:rgba(232,193,92,.06)}

  .wc-mobile .wc-btn{
    width:100%;
    margin-top:10px;
    padding:13px 14px;
    border-radius:14px;
    font-size:14px;
    line-height:1.15;
  }

  body.wc-mobile-open{overflow:hidden}

  body.wc-mobile-open::before{
    content:none !important;
    display:none !important;
  }
}

/* ============ HERO ============ */
.wc-hero{padding:56px 0 28px;position:relative}

.wc-hero__grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:stretch
}

.wc-chip{
  display:inline-flex;align-items:center;
  padding:8px 14px;border-radius:999px;
  background:rgba(232,193,92,.06);border:1px solid rgba(232,193,92,.28);
  font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--champagne);
}

.wc-hero h1{
  margin:14px 0 16px;
  font-size:clamp(34px,4.4vw,60px);
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.01em;
}

.wc-hero h1 span{
  display:inline-block;
  font-family:'Playfair Display',Georgia,serif;
  font-style:italic;
  font-weight:600;
  font-size:.62em;
  letter-spacing:.02em;
  background:var(--grad-gold-text);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:wtcShimmer 7s linear infinite;
}

.wc-hero p{margin:0 0 22px;color:var(--muted);line-height:1.65;max-width:620px;font-size:16.5px}

.wc-hero__ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}

.wc-cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:15px 26px;border-radius:999px;
  text-decoration:none;font-weight:800;font-size:15px;
  letter-spacing:.02em;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease;
}

.wc-cta:hover{transform:translateY(-2px)}

.wc-cta--wa{
  position:relative;overflow:hidden;
  background:var(--grad-gold);
  color:#1c1202;
  box-shadow:0 14px 38px -10px rgba(232,193,92,.5), inset 0 1px 0 rgba(255,255,255,.35);
}
.wc-cta--wa::before{
  content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg);
  transition:left .55s ease;
}
.wc-cta--wa:hover::before{left:135%}
.wc-cta--wa:hover{
  box-shadow:0 20px 55px -10px rgba(232,193,92,.6), inset 0 1px 0 rgba(255,255,255,.35);
  filter:brightness(1.03);
}

.wc-cta--ghost{
  background:transparent;
  border:1px solid rgba(232,193,92,.42);
  color:var(--champagne);
}
.wc-cta--ghost:hover{
  box-shadow:0 18px 50px rgba(232,193,92,.12);
  border-color:rgba(232,193,92,.75);
  background:rgba(232,193,92,.05);
}

.wc-hero__mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:520px}

.wc-mini{
  position:relative;
  border:1px solid transparent;
  background:var(--card-bg) padding-box, var(--card-edge) border-box;
  border-radius:16px;padding:14px 14px;
  transition:transform .16s ease, box-shadow .16s ease;
}

.wc-mini:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 44px rgba(0,0,0,.45), 0 0 34px -12px rgba(232,193,92,.35);
}

.wc-mini .k{
  font-size:10.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(232,193,92,.75);
  font-weight:700;
  margin-bottom:6px;
}
.wc-mini .v{font-weight:800;letter-spacing:.02em;font-size:15px}

.wc-heroCard{
  background:var(--card-bg);
  border:1px solid rgba(232,193,92,.30);
  border-radius:22px;overflow:hidden;
  box-shadow:var(--shadow-lg), 0 0 60px -20px rgba(201,16,46,.35);
  height:100%;
  min-height:320px;
}

.wc-heroCard__img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.wc-heroCard__txt{display:none !important}
.wc-heroCard__link{display:block;width:100%;height:100%;cursor:pointer}

@media (max-width: 980px){
  .wc-hero__grid{grid-template-columns:1fr}
  .wc-heroCard{min-height:240px}
}

/* ============ EXPERTISES ============ */
.wc-expertises{padding:56px 0 24px}

.wc-expertises__head{text-align:center;margin-bottom:36px}

.wc-expertises__head h2{
  margin:0 0 12px;
  font-size:clamp(30px,3.6vw,46px);
  font-weight:700;
  letter-spacing:-.01em;
}

.wc-expertises__head h2 span{
  font-style:italic;
  background:var(--grad-gold-text);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:wtcShimmer 7s linear infinite;
}

.wc-expertises__head p{margin:0 auto;color:var(--muted);max-width:620px;line-height:1.6}

.wc-expGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 40px;box-sizing:border-box}

.wc-exp{
  position:relative;
  border:1px solid transparent;
  background:var(--card-bg) padding-box, var(--card-edge) border-box;
  border-radius:20px;overflow:hidden;
  box-shadow:var(--shadow-md);
  transition:transform .2s ease, box-shadow .2s ease;
}

.wc-exp:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 65px rgba(0,0,0,.5), 0 0 45px -14px rgba(232,193,92,.4);
}

.wc-exp .img{
  height:150px;
  position:relative;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:saturate(.92);
  transition:filter .25s ease, transform .25s ease;
}

.wc-exp:hover .img{filter:saturate(1.05)}

.wc-exp .img:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,2,3,.0) 30%,rgba(5,2,3,.85) 100%);
}

.wc-exp .body{padding:16px 16px 18px}
.wc-exp h3{
  margin:0 0 8px;
  font-size:17px;
  font-weight:700;
  letter-spacing:.01em;
  color:var(--champagne);
}
.wc-exp p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}

.ph-1{background-image:url("/assets/img/2.jpeg")}
.ph-2{background-image:url("/assets/img/3.jpg")}
.ph-3{background-image:url("/assets/img/4.jpg")}
.ph-4{background-image:url("/assets/img/5.webp")}

@media (max-width: 1050px){ .wc-expGrid{grid-template-columns:repeat(2,1fr);padding:0 24px} }
@media (max-width: 560px){ .wc-expGrid{grid-template-columns:1fr;padding:0 16px} }

/* ============ PRICING ============ */
.wc-pricing{padding:44px 0 16px}
.wc-pricing__head h2{margin:0 0 10px;font-size:clamp(28px,3.4vw,44px);font-weight:700}
.wc-pricing__head p{margin:0 0 22px;color:var(--muted);line-height:1.6}

.wc-priceGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  align-items:stretch;
  grid-auto-rows:1fr;
}

.wc-card{
  position:relative;
  border:1px solid transparent;
  background:var(--card-bg) padding-box, var(--card-edge) border-box;
  border-radius:20px;
  padding:24px 20px 22px;
  display:flex;
  flex-direction:column;
  height:100%;
  box-shadow:var(--shadow-md);
  transition:transform .18s ease, box-shadow .18s ease;
}

.wc-card:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 60px rgba(0,0,0,.5), 0 0 40px -14px rgba(232,193,92,.35);
}

.wc-card.is-featured{
  background:
    linear-gradient(180deg,#1c1208 0%,#100905 100%) padding-box,
    linear-gradient(160deg,rgba(232,193,92,.85),rgba(232,193,92,.25) 45%,rgba(201,16,46,.55)) border-box;
  box-shadow:0 30px 80px rgba(0,0,0,.55), 0 0 55px -16px rgba(232,193,92,.45);
  transform:none;
}

.wc-card.is-featured::before{
  content:"Recommandée";
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  padding:7px 16px;
  border-radius:999px;
  font-weight:900;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--champagne);
  background:linear-gradient(180deg,#a4102a 0%,#5e0716 100%);
  border:1px solid rgba(232,193,92,.45);
  box-shadow:0 12px 30px rgba(0,0,0,.45), 0 0 20px rgba(201,16,46,.25);
  z-index:2;
}

.wc-card .top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.wc-card .name{
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  line-height:1.1;
  font-size:13px;
  color:rgba(232,193,92,.85);
}

.wc-card .dur{
  padding:6px 12px;
  border-radius:999px;
  background:rgba(232,193,92,.08);
  border:1px solid rgba(232,193,92,.35);
  color:var(--champagne);
  font-weight:800;
  font-size:11.5px;
  white-space:nowrap;
}

.wc-card.is-featured .dur{
  background:rgba(201,16,46,.12);
  border-color:rgba(201,16,46,.40);
  color:#ffd9de;
}

.wc-card .price{
  font-family:'Playfair Display',Georgia,serif;
  font-size:54px;
  font-weight:700;
  margin:12px 0 10px;
  letter-spacing:-.01em;
}

.wc-card ul{
  margin:0 0 20px;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;
}

.wc-card li{
  display:flex;
  gap:10px;
  color:var(--muted);
  line-height:1.4;
  font-size:13.5px
}

.wc-card li:before{
  content:"✦";
  color:var(--gold);
  font-weight:900;
  font-size:11px;
  margin-top:2px;
}

.wc-card .cta{
  margin-top:auto;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:13px 14px;
  border-radius:12px;
  position:relative;
  overflow:hidden;
  background:var(--grad-gold);
  color:#1c1202;
  text-decoration:none;
  font-weight:800;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
  box-shadow:0 12px 30px -8px rgba(232,193,92,.4), inset 0 1px 0 rgba(255,255,255,.3);
}

.wc-card .cta::before{
  content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-20deg);
  transition:left .55s ease;
}
.wc-card .cta:hover::before{left:135%}

.wc-card .cta:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 44px -8px rgba(232,193,92,.55), inset 0 1px 0 rgba(255,255,255,.3);
  filter:brightness(1.03)
}

@media (max-width: 1100px){
  .wc-priceGrid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 650px){
  .wc-priceGrid{grid-template-columns:1fr}
  .wc-card .price{font-size:48px}
}

/* ============ ZONES ============ */
.wc-zones{padding:40px 0 24px}
.wc-zones__head h2{margin:0 0 12px;font-size:clamp(28px,3.4vw,44px);font-weight:700}
.wc-zones__head p{margin:0 0 28px;color:var(--muted);line-height:1.6}

.wc-zoneGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

.z{
  position:relative;
  border:1px solid transparent;
  background:var(--card-bg) padding-box, var(--card-edge) border-box;
  border-radius:20px;padding:26px 18px;text-align:center;
  box-shadow:var(--shadow-md);
  transition:transform .18s ease, box-shadow .18s ease;
}

.z:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 55px rgba(0,0,0,.5), 0 0 40px -14px rgba(232,193,92,.35);
}

.z .n{
  font-family:'Playfair Display',Georgia,serif;
  font-size:48px;
  font-weight:700;
  background:var(--grad-gold-text);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:wtcShimmer 8s linear infinite;
}
.z .t{margin-top:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px;opacity:.85}

.wc-zoneCta{margin-top:18px}

@media (max-width: 900px){ .wc-zoneGrid{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 520px){ .wc-zoneGrid{grid-template-columns:1fr} }

/* ============ FOOTER ============ */
.wc-footer{
  position:relative;
  margin-top:60px;
  background:
    radial-gradient(800px 300px at 50% 0%, rgba(201,16,46,.10), transparent 65%),
    linear-gradient(180deg,#0a0506 0%,#040102 100%);
}

.wc-footer::before{
  content:"";
  position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(232,193,92,.15) 15%,
    rgba(232,193,92,.75) 50%,
    rgba(201,16,46,.40) 80%,
    transparent 100%);
  box-shadow:0 1px 16px rgba(232,193,92,.22);
}

.wc-footer__support{
  display:flex;
  gap:56px;
  align-items:flex-start;
  justify-content:space-between;
  padding:58px 0 42px;
}

.wc-footer__col{min-width:0}

.wc-footer__left{flex:1.35}
.wc-footer__mid{flex:1.0}
.wc-footer__right{flex:.85;text-align:right}

.wc-footer__brand{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:18px;
}

.wc-footer__logo{
  height:104px;
  width:auto;
  display:block;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgba(232,193,92,.18));
}

.wc-footer__text{
  margin:0;
  max-width:480px;
  line-height:1.7;
  font-size:14px;
  color:var(--muted);
}

.wc-footer__title{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:700;
  font-size:15px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--champagne);
  margin:6px 0 18px;
  position:relative;
  padding-bottom:12px;
}

.wc-footer__title::after{
  content:"";
  position:absolute;
  bottom:0;left:0;
  width:32px;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
}

.wc-footer__right .wc-footer__title::after{
  left:auto;right:0;
  background:linear-gradient(270deg,var(--gold),transparent);
}

.wc-footer__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.wc-footer__mid .wc-footer__list{
  list-style:none;
  padding-left:0;
}

.wc-footer__mid .wc-footer__list li{
  position:relative;
  padding-left:18px;
}

.wc-footer__mid .wc-footer__list li::before{
  content:"—";
  position:absolute;
  left:0;top:0;
  color:rgba(232,193,92,.55);
  font-size:12px;
}

.wc-footer__right .wc-footer__list{
  align-items:flex-end;
}

.wc-footer__right .wc-footer__link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(232,193,92,.05);
  border:1px solid rgba(232,193,92,.18);
  transition:background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.wc-footer__right .wc-footer__link:hover{
  background:rgba(232,193,92,.12);
  border-color:rgba(232,193,92,.45);
  transform:translateY(-2px);
  box-shadow:0 10px 22px -10px rgba(232,193,92,.45);
}

.wc-footer a,
.wc-footer a:visited{
  text-decoration:none !important;
  border-bottom:0 !important;
  color:rgba(246,241,231,.65);
  font-size:14px;
  transition:color .18s ease;
}
.wc-footer a:hover{
  color:var(--champagne);
}

.wc-footer__bottom{
  border-top:1px solid rgba(232,193,92,.10);
  padding:18px 0 20px;
}
.wc-footer__bottomInner{
  display:flex;
  justify-content:center;
  text-align:center;
}
.wc-footer__bottomInner .muted{
  font-size:12.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  opacity:.45;
}

@media (max-width: 820px){
  .wc-footer__support{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 14px;
    padding:32px 0 20px;
    align-items:start;
  }

  .wc-footer__left{
    grid-column:1 / -1;
    text-align:center;
  }

  .wc-footer__brand{
    justify-content:center;
    margin-bottom:10px;
  }

  .wc-footer__logo{
    height:92px;
  }

  .wc-footer__text{
    margin:0 auto;
    max-width:330px;
    font-size:13.5px;
    line-height:1.6;
  }

  .wc-footer__mid,
  .wc-footer__right{
    text-align:center;
  }

  .wc-footer__title{
    margin:8px 0 14px;
    font-size:13px;
    padding-bottom:10px;
  }

  .wc-footer__title::after,
  .wc-footer__right .wc-footer__title::after{
    left:50%;right:auto;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    width:44px;
  }

  .wc-footer__mid .wc-footer__list li{padding-left:0}
  .wc-footer__mid .wc-footer__list li::before{content:none}

  .wc-footer__mid .wc-footer__list,
  .wc-footer__right .wc-footer__list{
    list-style:none;
    padding:0;
    align-items:center;
    gap:8px;
  }

  .wc-footer__link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(232,193,92,.04);
    border:1px solid rgba(232,193,92,.18);
    font-size:13px;
    line-height:1.1;
    white-space:nowrap;
  }

  .wc-footer__link[href^="mailto:"]{
    white-space:normal;
    text-align:center;
  }

  .wc-footer__bottom{
    padding:12px 0 14px;
  }
}

/* Focus */
.wc-nav a:focus-visible,
.wc-pillnav:focus-visible,
.wc-btn:focus-visible,
.wc-cta:focus-visible,
.wc-card .cta:focus-visible,
.wc-burger:focus-visible,
.wc-footer a:focus-visible{
  outline:none;
  box-shadow:var(--ring);
  border-radius:12px;
}

/* Desktop nav underline */
@media (min-width: 921px){
  .wc-nav a{
    position:relative;
    padding:8px 2px;
    transition:color .18s ease, transform .16s ease;
  }

  .wc-nav a::after{
    content:"";
    position:absolute;
    left:0;right:0;
    bottom:2px;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .22s ease;
  }

  .wc-nav a:hover{
    transform:translateY(-1px);
  }

  .wc-nav a:hover::after{
    transform:scaleX(1);
  }

  .wc-pillnav:hover{
    transform:translateY(-1px);
    border-color:rgba(232,193,92,.65);
    box-shadow:0 10px 26px rgba(232,193,92,.14);
    background:rgba(232,193,92,.10);
  }
  .wc-pillnav::after{content:none !important}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .wc-exp,
  .wc-card,
  .wc-mini,
  .wc-cta,
  .wc-btn,
  .z,
  .wc-topbar,
  .wc-mobile,
  .wc-footer a{
    transition:none !important;
  }
  .wc-hero h1 span,
  .wc-expertises__head h2 span,
  .z .n{
    animation:none !important;
  }
}

/* ============ WASHCLUB ============ */
.wc-washclub{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  font-weight:900;
  letter-spacing:.06em;
  text-decoration:none;
  color:var(--champagne) !important;
  background:linear-gradient(135deg,#7a0d24 0%,#a4102a 50%,#5e0716 100%);
  border:1px solid rgba(232,193,92,.40);
  box-shadow:0 8px 24px rgba(0,0,0,.4), 0 0 20px rgba(201,16,46,.18), inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.wc-washclub:hover{
  transform:translateY(-1px);
  filter:brightness(1.1);
  box-shadow:0 12px 30px rgba(0,0,0,.45), 0 0 26px rgba(201,16,46,.3), inset 0 1px 0 rgba(255,255,255,.08);
}

.wc-washclub::after{
  display:none !important;
}

@media (max-width: 920px){
  .wc-mobile{
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  .wc-mobile__link{
    display:block;
    width:100%;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(232,193,92,.04);
    border:1px solid rgba(232,193,92,.14);
    text-decoration:none;
    font-weight:800;
    color:var(--txt);
    line-height:1.2;
  }
}

/* ============ OFFRES CRISE — GOLDEN TICKET ============ */
.wc-pricing__head--crisis{
  text-align:center;
}

.wc-pricing__head--crisis h2{
  background:linear-gradient(180deg,#fff8d8 0%,#f4d77a 45%,#c78618 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  letter-spacing:.02em;
}

.wc-pricing__head--crisis p{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

.wc-crisis-wrap{
  max-width:980px;
  margin:0 auto 56px;
}

.wc-priceGrid--crisis{
  grid-template-columns:repeat(2,minmax(280px,430px));
  justify-content:center;
  gap:24px;
}

.wc-card--gold{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:24px 20px 22px;
  border:1px solid rgba(255,231,165,.85);
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,.92), transparent 18%),
    radial-gradient(circle at 88% 14%, rgba(255,250,220,.42), transparent 22%),
    linear-gradient(145deg,
      #fffbe6 0%,
      #fbe9ab 18%,
      #efc95b 42%,
      #cf9725 68%,
      #8e5c06 100%);
  box-shadow:
    0 28px 80px rgba(0,0,0,.36),
    inset 0 0 0 1px rgba(255,248,215,.65),
    inset 0 0 28px rgba(255,255,255,.18),
    0 0 28px rgba(255,210,90,.16);
  color:#3d2600;
}

.wc-card--gold::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:16px;
  border:1px dashed rgba(92,58,0,.34);
  pointer-events:none;
}

.wc-card--gold:hover{
  transform:translateY(-6px) rotate(-.2deg);
  border-color:rgba(255,240,196,.98);
  box-shadow:
    0 34px 95px rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(255,248,215,.72),
    inset 0 0 34px rgba(255,255,255,.20),
    0 0 34px rgba(255,215,110,.22);
}

.wc-card--gold .top{
  align-items:center;
  padding-bottom:14px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(88,55,0,.18);
}

.wc-card--gold .name{
  color:#4d2d00;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
  letter-spacing:.12em;
}

.wc-card--gold .dur{
  background:rgba(74,45,0,.08);
  border:1px solid rgba(74,45,0,.20);
  color:#694000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
}

.wc-card--gold .price{
  color:#5d3400;
  font-size:58px;
  line-height:1;
  margin:12px 0 14px;
  text-shadow:
    0 1px 0 rgba(255,255,255,.34),
    0 0 18px rgba(255,227,132,.14);
}

.wc-card--gold ul{
  gap:11px;
}

.wc-card--gold li{
  color:rgba(56,33,0,.88);
  font-weight:650;
}

.wc-card--gold li:before{
  color:#7a4b00;
  text-shadow:0 1px 0 rgba(255,255,255,.24);
}

.wc-card--gold .cta{
  border-radius:14px;
  background:linear-gradient(180deg,#5f2f00 0%,#2b1500 100%);
  color:#fff4c7;
  box-shadow:
    0 14px 36px rgba(58,28,0,.28),
    inset 0 1px 0 rgba(255,255,255,.10);
}

.wc-card--gold .cta::before{content:none}

.wc-card--gold .cta:hover{
  transform:translateY(-2px);
  box-shadow:
    0 18px 42px rgba(58,28,0,.34),
    0 0 20px rgba(255,211,88,.10),
    inset 0 1px 0 rgba(255,255,255,.10);
  filter:brightness(1.04);
}

.wc-card--gold-featured{
  border-color:rgba(255,244,205,.98);
  box-shadow:
    0 36px 100px rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(255,248,220,.76),
    inset 0 0 36px rgba(255,255,255,.22),
    0 0 38px rgba(255,215,110,.24);
}

.wc-card--gold-featured::before{
  content:"Ticket d'or";
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  padding:7px 14px;
  border-radius:999px;
  font-weight:950;
  font-size:12px;
  letter-spacing:.2px;
  color:#fff6dc;
  background:linear-gradient(180deg,#7a0d2d 0%,#4b061b 100%);
  border:1px solid rgba(255,235,190,.30);
  box-shadow:
    0 12px 28px rgba(0,0,0,.28),
    0 0 18px rgba(122,13,45,.18);
  z-index:2;
}

@media (max-width: 900px){
  .wc-priceGrid--crisis{
    grid-template-columns:1fr;
    max-width:480px;
    margin:0 auto;
  }

  .wc-card--gold .price{
    font-size:52px;
  }
}