/* decoration-peinture.fr — style editorial deco (engine partage, palette via vars). Mobile-first. */
*{box-sizing:border-box;margin:0;padding:0}
:root{--primary:#7a5c3e;--accent:#d98e5a;--dark:#2c2620;--txt:#3a332c;--muted:#8a7d6e;--bg:#faf6f1;--line:#ece2d6}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--txt);line-height:1.65;background:#fffdfb;-webkit-font-smoothing:antialiased}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
a{color:var(--primary);text-decoration:none}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.22;color:var(--dark);font-weight:700}
h1{font-size:2rem;margin-bottom:.6rem}
h2{font-size:1.5rem;margin:2rem 0 .8rem}
h3{font-size:1.15rem;margin:.4rem 0}
p{margin-bottom:1rem}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:#fffdfb;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:14px;height:62px}
.brand{font-family:Georgia,serif;font-weight:700;color:var(--dark);font-size:1.25rem;letter-spacing:.02em}
.brand-sub{color:var(--accent);margin-left:2px}
.main-nav{display:none;margin-left:auto;gap:20px;align-items:center}
.main-nav a{color:var(--txt);font-weight:600;font-size:.95rem}
.main-nav a:hover{color:var(--accent)}
.nav-cta{background:var(--accent);color:#fff!important;padding:8px 16px;border-radius:24px}

/* Hero */
.hero{background:radial-gradient(circle at 20% 10%,#fff3e9,var(--bg));padding:30px 0 38px}
.hero-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
.hero .lead{font-size:1.1rem;color:#6a5f52;margin-bottom:1rem}
.hero ul.usp{list-style:none;margin:1rem 0}
.hero ul.usp li{padding-left:26px;position:relative;margin-bottom:.4rem}
.hero ul.usp li:before{content:"\2022";position:absolute;left:4px;color:var(--accent);font-weight:800;font-size:1.2rem}
.hero-cta{display:inline-block;background:var(--accent);color:#fff;font-weight:700;padding:14px 28px;border-radius:28px;font-size:1.05rem;margin-top:6px;box-shadow:0 8px 20px rgba(217,142,90,.35)}
.hero-cta:hover{filter:brightness(1.05)}

/* VUD box */
.hero-widget-box,.widget-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 12px 34px rgba(122,92,62,.15);border:1px solid var(--line)}
.widget-card h2{margin-top:0}
.vud-box{min-height:120px}
#devis,#simulateur,.anchor{scroll-margin-top:74px}
.note{font-size:.9rem;color:var(--muted)}
.tag{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--primary);border-radius:20px;padding:3px 12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

/* Sections */
section{padding:10px 0}
.band{background:var(--bg);padding:34px 0;margin-top:20px}
.cards{display:grid;grid-template-columns:1fr;gap:18px;margin-top:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.card h3{color:var(--primary)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.chips a{background:#fff;border:1px solid var(--line);border-radius:22px;padding:6px 15px;font-size:.9rem;color:var(--txt)}
.chips a:hover{border-color:var(--accent);color:var(--accent)}
.prose{max-width:750px}

/* Simulateur couleurs (UX-first VEN-652) */
.simu{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(122,92,62,.12)}
.simu-preview{height:150px;border-radius:12px;transition:background .35s ease;display:flex;align-items:flex-end;padding:14px;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.simu-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.swatch{width:42px;height:42px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:transform .12s}
.swatch:hover,.swatch.active{transform:scale(1.12);box-shadow:0 0 0 2px var(--accent)}

/* Prix */
.price-table{width:100%;border-collapse:collapse;margin:14px 0;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.price-table th,.price-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.price-table th{background:var(--bg);font-family:Georgia,serif}
.price-table tr:last-child td{border-bottom:0}
.updated{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--primary);border-radius:20px;padding:3px 12px;font-size:.85rem;font-weight:600}

.cta-band{background:var(--primary);color:#fff;text-align:center;padding:36px 0;margin-top:26px}
.cta-band h2{color:#fff}

/* Footer */
.site-footer{background:var(--dark);color:#d8ccbe;margin-top:32px;padding:36px 0 10px}
.footer-grid{display:grid;grid-template-columns:1fr;gap:22px}
.footer-grid h3{color:#fff;font-size:1rem;margin-bottom:.6rem;font-family:Georgia,serif}
.footer-grid a{color:#d8ccbe}.footer-grid a:hover{color:#fff}
.footer-grid ul{list-style:none}.footer-grid li{margin-bottom:.35rem}
.brand-foot{color:#fff;font-size:1.15rem;margin-bottom:.5rem;font-family:Georgia,serif}
.footer-legal{border-top:1px solid rgba(255,255,255,.12);margin-top:20px;padding-top:14px}
.footer-legal p{font-size:.82rem;color:#a2937f}

@media(min-width:760px){
  h1{font-size:2.4rem}
  .cards{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}
}
@media(min-width:900px){
  .main-nav{display:flex}
  .hero-grid{grid-template-columns:1.1fr .9fr}
  .hero{padding:46px 0 54px}
}

.merci-box{max-width:660px;margin:0 auto;text-align:center}

/* Images Pexels (VEN-935) */
.showcase{margin:0}
.showcase .pexels-fig{margin:0}
.showcase img{width:100%;height:min(46vh,420px);object-fit:cover;display:block}
.pexels-fig{margin:0}
.pexels-fig figcaption{font-size:.72rem;color:#94a3b8;text-align:right;padding:5px 10px;line-height:1.3}
.pexels-fig figcaption a{color:inherit;text-decoration:underline}
.realisations{padding:40px 0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery .pexels-fig img{width:100%;height:220px;object-fit:cover;border-radius:10px;display:block}
@media(max-width:700px){.gallery{grid-template-columns:1fr}}