/* Pages « univers » (catégories, Noël) — même ambiance Crépuscule que la fiche produit */
.lp-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:14px 56px}
.lp-hero h1{margin:14px 0 18px;font:400 clamp(40px,5.4vw,70px)/1.02 var(--f-display);font-variation-settings:"SOFT" 100,"WONK" 1;letter-spacing:-.02em;text-wrap:balance}
.lp-hero h1 em,.lp-sec h2 em{font-style:italic;color:var(--rose)}
.lp-lead{margin:0 0 26px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--soft);max-width:34em}
.lp-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:var(--pk-ink);font:600 15px/1 var(--f-body);text-decoration:none;transition:transform .3s,box-shadow .3s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -12px rgba(241,212,154,.7)}
.btn.ghost{background:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--gold-lt)}
.lp-assure{display:flex;flex-wrap:wrap;gap:8px 18px;margin:24px 0 0;padding:0;list-style:none;font-size:14px;color:var(--soft)}
.lp-assure li::before{content:"✦ ";color:var(--gold)}
.lp-arch{margin:0;aspect-ratio:1;border-radius:999px 999px 28px 28px;overflow:hidden;background:var(--pk);box-shadow:0 0 0 1px rgba(241,212,154,.4),0 40px 90px -40px rgba(0,0,0,.8),0 0 80px -20px rgba(234,176,187,.35)}
.lp-arch img{width:100%;height:100%;object-fit:cover}

.lp-sec{padding-block:44px}
.lp-sec h2{margin:12px 0 22px;font:400 clamp(28px,3.6vw,42px)/1.08 var(--f-display);font-variation-settings:"SOFT" 100,"WONK" 1;text-wrap:balance}
.lp-sec h2.lp-small{font-size:clamp(22px,2.6vw,28px)}
.lp-prose>*{max-width:46rem}
.lp-prose p,.lp-prose li,.lp-prose dd{color:var(--soft)}
.lp-prose a,.lp-faq a,.lp-note a{color:var(--gold-lt)}
.lp-prose ul,.lp-prose ol{padding-left:22px;display:grid;gap:8px}
.lp-prose strong{color:var(--ink);font-weight:600}
.lp-dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 22px;margin:0 0 22px}
.lp-dl dt{font-weight:600;color:var(--ink)}
.lp-dl dd{margin:0}
.lp-table-wrap{overflow-x:auto;margin:0 0 18px}
.lp-table{width:100%;border-collapse:collapse;font-size:15px}
.lp-table th,.lp-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.lp-table thead th{color:var(--gold);font:600 12px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase}
.lp-table tbody th{color:var(--ink);font-weight:600}
.lp-table td{color:var(--soft)}

/* Cartes des créations */
.lp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,300px));gap:20px}
.lpcard{display:flex;flex-direction:column;background:linear-gradient(170deg,#f6dcd6,var(--pk) 60%,#e6bdb7);color:var(--pk-ink);border-radius:999px 999px 22px 22px;padding:10px 10px 18px;text-decoration:none;box-shadow:0 0 0 1px rgba(241,212,154,.35);transition:transform .5s cubic-bezier(.3,1.4,.5,1),box-shadow .5s}
.lpcard:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(241,212,154,.7),0 0 46px -12px rgba(241,212,154,.55)}
.lpcard img{aspect-ratio:1;width:100%;height:auto;object-fit:cover;border-radius:999px 999px 14px 14px}
.lpcard small{margin:14px 8px 4px;font:600 11px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:#6e4515}
.lpcard b{margin:0 8px;font:400 21px/1.15 var(--f-display)}
.lpcard em{margin:6px 8px 0;font:italic 400 15px/1.35 var(--f-display);color:#5b3a33}
.lpcard span{margin:10px 8px 0;font:500 18px/1 var(--f-display)}

/* FAQ */
.qa{border-bottom:1px solid var(--line);max-width:52rem}
.qa summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font:italic 400 clamp(18px,2.2vw,21px)/1.35 var(--f-display)}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";flex:none;color:var(--gold);font:400 24px/1 var(--f-body);transition:transform .25s}
.qa[open] summary::after{transform:rotate(45deg)}
.qa p{margin:0 0 20px;color:var(--soft)}
.lp-note{margin-top:22px;color:var(--soft);font-size:15px}

.lp-pills{display:flex;flex-wrap:wrap;gap:10px}
.lp-pill{padding:10px 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-decoration:none;font-size:15px;transition:box-shadow .3s,color .3s}
.lp-pill:hover{box-shadow:inset 0 0 0 1px var(--gold-lt);color:var(--gold-lt)}

@media (max-width:900px){
  .lp-hero{grid-template-columns:1fr;padding-bottom:30px}
  .lp-arch{max-width:420px;width:100%;margin:0 auto;grid-row:1}
}
@media (max-width:560px){
  .lp-sec{padding-block:32px}
  .lp-arch{max-width:300px}
  .lp-grid{grid-template-columns:1fr 1fr;gap:12px}
  .lpcard{padding:7px 7px 14px}
  .lpcard small{margin:10px 6px 4px;font-size:10px;letter-spacing:.1em}
  .lpcard b{margin:0 6px;font-size:17px}
  .lpcard em{margin:4px 6px 0;font-size:13px}
  .lpcard span{margin:8px 6px 0;font-size:16px}
  .lp-dl{grid-template-columns:1fr;gap:2px 0}
  .lp-dl dd{margin-bottom:10px}
  .lp-cta .btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){.lpcard,.btn{transition:none}.lpcard:hover,.btn:hover{transform:none}}