/* ============================================================================
   WEBENA · PAGES PILIERS SEO WEDDINGS
   Contenu éditorial lisible, responsive, aligné avec l'identité Webena.
   ============================================================================ */
.seo-wed-page{background:var(--wb-ivory)}
.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:24px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#6B6259}
.seo-breadcrumb a{border-bottom:1px solid rgba(31,31,31,.28);padding-bottom:2px}.seo-breadcrumb i{font-style:normal;opacity:.5}
.seo-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(44px,7vw,110px);align-items:center}
.seo-hero h1{font-family:var(--wb-serif);font-size:clamp(54px,6.4vw,98px);font-weight:400;line-height:.9;letter-spacing:-.035em;margin:0;max-width:900px}
.seo-lead{font-size:15px;line-height:1.85;color:#5F584F;max-width:67ch;margin:24px 0 0}
.seo-actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px}.seo-actions a{font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid currentColor;padding:7px 0}.seo-actions a:first-child{color:#7C5A22}
.seo-hero-media{position:relative;background:#e7dfd5;border:1px solid var(--wb-line);min-height:430px;overflow:hidden}.seo-hero-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:top center}.seo-hero-media figcaption{position:absolute;left:18px;right:18px;bottom:16px;background:rgba(247,243,239,.92);padding:10px 12px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#5F584F;backdrop-filter:blur(8px)}
.seo-head{max-width:880px;margin-bottom:clamp(30px,4vw,52px)}.seo-kicker{display:block;color:#7C5A22;font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:13px}.seo-head h2,.seo-cta h2{font-family:var(--wb-serif);font-size:clamp(42px,5vw,76px);line-height:.98;font-weight:400;letter-spacing:-.025em;margin:0}.seo-head p{font-size:14px;line-height:1.85;color:#5F584F;max-width:72ch;margin:18px 0 0}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--wb-line);border:1px solid var(--wb-line)}.seo-card{background:var(--wb-paper);padding:clamp(22px,2.6vw,36px);min-height:220px}.seo-card b{display:block;font-family:var(--wb-serif);font-size:clamp(25px,2.5vw,34px);font-weight:400;line-height:1.05}.seo-card p{font-size:12.5px;line-height:1.75;color:#5F584F;margin:13px 0 0}.seo-card a{display:inline-block;margin-top:16px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid}
.seo-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(44px,7vw,100px);align-items:start}.seo-split .seo-head{position:sticky;top:120px;margin:0}.seo-list{border-top:1px solid var(--wb-line)}.seo-list article{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--wb-line)}.seo-list em{font-style:normal;font-size:9px;letter-spacing:.14em;color:#7C5A22;padding-top:5px}.seo-list h3{font-family:var(--wb-serif);font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.08;margin:0}.seo-list p{font-size:12.5px;line-height:1.75;color:#5F584F;margin:8px 0 0}.seo-list a{border-bottom:1px solid currentColor}
.seo-note{margin-top:28px;border-left:1px solid var(--wb-gold);padding:4px 0 4px 22px;max-width:75ch}.seo-note strong{font-family:var(--wb-serif);font-size:25px;font-weight:400}.seo-note p{font-size:12px;line-height:1.75;color:#5F584F;margin:7px 0 0}
.seo-feature-band{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;padding:6px 0}.seo-feature-band div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:180px;max-width:240px;min-height:110px;padding:22px 24px;border:1px solid var(--wb-line);border-radius:999px;background:rgba(255,255,255,.62);backdrop-filter:blur(8px);box-shadow:0 10px 28px rgba(31,31,31,.05);text-align:center;animation:seoFloat 7s ease-in-out infinite}.seo-feature-band div:nth-child(2){animation-delay:1.2s}.seo-feature-band div:nth-child(3){animation-delay:2.1s}.seo-feature-band div:nth-child(4){animation-delay:3s}.seo-feature-band b{display:block;font-family:var(--wb-serif);font-size:29px;font-weight:400;line-height:1}.seo-feature-band span{display:block;margin-top:7px;font-size:10px;line-height:1.6;color:#665F58;max-width:18ch}
.seo-faq{max-width:980px;border-top:1px solid var(--wb-line)}.seo-faq details{border-bottom:1px solid var(--wb-line)}.seo-faq summary{position:relative;list-style:none;cursor:pointer;padding:20px 42px 20px 0;font-family:var(--wb-serif);font-size:clamp(24px,2.6vw,34px)}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary::after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);font-family:var(--wb-sans);font-size:18px;font-weight:300}.seo-faq details[open] summary::after{content:'−'}.seo-faq p{font-size:12.5px;line-height:1.8;color:#5F584F;max-width:78ch;margin:0;padding:0 44px 22px 0}
.seo-related{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--wb-line);border-bottom:1px solid var(--wb-line)}.seo-related a{padding:20px 18px;border-right:1px solid var(--wb-line);min-height:118px;display:flex;flex-direction:column;justify-content:space-between}.seo-related a:last-child{border-right:0}.seo-related small{font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:#7C5A22}.seo-related b{font-family:var(--wb-serif);font-size:24px;line-height:1.05;font-weight:400}.seo-related a:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.seo-cta{text-align:center;max-width:900px;margin-inline:auto}.seo-cta p{font-size:13px;line-height:1.8;color:#5F584F;max-width:65ch;margin:18px auto 0}.seo-cta .seo-actions{justify-content:center}
.seo-price{display:inline-flex;align-items:baseline;gap:8px;margin-top:17px;font-size:11px;color:#665F58}.seo-price strong{font-family:var(--wb-serif);font-size:30px;color:#7C5A22;font-weight:400}
.seo-topic-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--wb-line)}.seo-topic-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid rgba(31,31,31,.18);border-radius:999px;background:rgba(255,255,255,.82);font-size:9px;letter-spacing:.12em;text-transform:uppercase;transition:transform .2s var(--wb-ease),border-color .2s var(--wb-ease),background .2s var(--wb-ease)}.seo-topic-links a:hover{transform:translateY(-1px);border-color:#7C5A22;background:#fff}
@media(max-width:980px){.seo-hero,.seo-split{grid-template-columns:1fr}.seo-hero-media{min-height:360px;max-height:52vh}.seo-split .seo-head{position:static}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-feature-band{justify-content:flex-start}.seo-related{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-related a{border-bottom:1px solid var(--wb-line)}.seo-related a:nth-child(even){border-right:0}.seo-related a:last-child{grid-column:1/-1;border-bottom:0}}
@media(max-width:620px){.seo-topic-links a{width:100%;justify-content:flex-start;padding:0 14px} .seo-hero h1{font-size:clamp(46px,13vw,66px)}.seo-lead{font-size:12px}.seo-hero-media{min-height:260px}.seo-grid{grid-template-columns:1fr}.seo-card{min-height:0}.seo-list article{grid-template-columns:38px 1fr;gap:12px}.seo-feature-band{justify-content:flex-start}.seo-feature-band div{min-width:min(100%,220px);width:auto}.seo-related{grid-template-columns:1fr}.seo-related a{border-right:0!important}.seo-related a:last-child{grid-column:auto}.seo-faq p{padding-right:0}}

@keyframes seoFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}

/* ==========================================================================
   QA patch · pages piliers weddings
   ========================================================================== */
.seo-hero,
.seo-grid,
.seo-split,
.seo-feature-band,
.seo-related,
.seo-list article,
.seo-card,
.seo-hero-media,
.seo-topic-links,
.seo-actions{
  min-width:0;
}
.seo-topic-links{
  gap:14px;
  margin-top:28px;
  padding-top:20px;
}
.seo-topic-links a{
  min-height:46px;
  padding:0 20px;
  font-size:10px;
  letter-spacing:.11em;
}
.seo-feature-band{
  gap:24px;
  justify-content:flex-start;
  align-items:stretch;
  padding:0;
}
.seo-feature-band div{
  min-width:220px;
  max-width:none;
  min-height:138px;
  padding:26px 28px;
}
.seo-feature-band b{
  font-size:34px;
  font-weight:600;
}
.seo-feature-band span{
  margin-top:10px;
  font-size:13px;
  line-height:1.6;
  max-width:22ch;
}
.wb-section.seo-band-section{
  padding-top:42px;
  padding-bottom:42px;
}
.seo-hero-media{
  min-height:380px;
}
@media(max-width:980px){
  .wb-section.seo-band-section{
    padding-top:34px;
    padding-bottom:34px;
  }
  .seo-feature-band{
    gap:18px;
  }
  .seo-feature-band div{
    min-width:min(100%,260px);
    min-height:124px;
    padding:22px 22px;
  }
  .seo-feature-band b{
    font-size:30px;
  }
  .seo-feature-band span{
    font-size:12px;
  }
}
@media(max-width:620px){
  .wb-section.seo-band-section{
    padding-top:28px;
    padding-bottom:28px;
  }
  .seo-topic-links{
    gap:10px;
  }
  .seo-topic-links a{
    width:100%;
    justify-content:flex-start;
    padding:0 14px;
    min-height:44px;
    font-size:9.5px;
  }
  .seo-feature-band{
    gap:12px;
  }
  .seo-feature-band div{
    width:100%;
    min-width:0;
    min-height:108px;
    border-radius:28px;
  }
  .seo-feature-band b{
    font-size:26px;
  }
  .seo-feature-band span{
    font-size:11.5px;
    max-width:none;
  }
}

/* ========================================================================== */
/* V12 · BULLES CENTRÉES + RESPIRATION MAÎTRISÉE                              */
/* ========================================================================== */
.seo-feature-band{
  width:100%!important;
  max-width:1120px!important;
  margin-inline:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:clamp(18px,2vw,28px)!important;
}
.seo-feature-band div{
  flex:0 1 245px!important;
  width:auto!important;
  min-width:220px!important;
  max-width:260px!important;
  min-height:138px!important;
  padding:26px 28px!important;
}
.seo-feature-band b{
  font-size:34px!important;
  line-height:1.05!important;
  font-weight:600!important;
}
.seo-feature-band span{
  font-size:13px!important;
  line-height:1.55!important;
}
.wb-section.seo-before-band{
  padding-bottom:44px!important;
}
.wb-section.seo-band-section{
  padding-top:24px!important;
  padding-bottom:24px!important;
}
.wb-section.seo-after-band{
  padding-top:52px!important;
}
@media(max-width:980px){
  .seo-feature-band{
    max-width:650px!important;
    gap:18px!important;
  }
  .seo-feature-band div{
    flex:1 1 260px!important;
    max-width:310px!important;
    min-height:124px!important;
  }
  .seo-feature-band b{font-size:30px!important}
  .seo-feature-band span{font-size:12px!important}
  .wb-section.seo-before-band{padding-bottom:36px!important}
  .wb-section.seo-after-band{padding-top:44px!important}
}
@media(max-width:620px){
  .seo-feature-band{
    max-width:100%!important;
    gap:12px!important;
  }
  .seo-feature-band div{
    flex:1 1 100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:106px!important;
    border-radius:28px!important;
  }
  .seo-feature-band b{font-size:26px!important}
  .seo-feature-band span{font-size:11.5px!important}
  .wb-section.seo-before-band{padding-bottom:28px!important}
  .wb-section.seo-band-section{padding-top:18px!important;padding-bottom:18px!important}
  .wb-section.seo-after-band{padding-top:34px!important}
}


/* ==========================================================================
   V14 · PAGES SEO — respiration compacte
   ========================================================================== */
.wb-section.seo-before-band{padding-bottom:30px!important}
.wb-section.seo-band-section{padding-top:20px!important;padding-bottom:20px!important}
.wb-section.seo-after-band{padding-top:34px!important}
@media(max-width:980px){
  .wb-section.seo-before-band{padding-bottom:26px!important}
  .wb-section.seo-band-section{padding-top:18px!important;padding-bottom:18px!important}
  .wb-section.seo-after-band{padding-top:30px!important}
}
@media(max-width:620px){
  .wb-section.seo-before-band{padding-bottom:22px!important}
  .wb-section.seo-band-section{padding-top:16px!important;padding-bottom:16px!important}
  .wb-section.seo-after-band{padding-top:26px!important}
}


/* ==========================================================================
   FINAL · BULLE PERSONNALISATION — mot toujours contenu dans le nuage
   ========================================================================== */
.seo-feature-band .seo-feature-personnalisation{
  flex:0 1 270px!important;
  min-width:270px!important;
  max-width:300px!important;
  padding-left:16px!important;
  padding-right:16px!important;
}
.seo-feature-band .seo-feature-personnalisation b{
  font-size:32px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
@media(max-width:980px){
  .seo-feature-band .seo-feature-personnalisation{
    flex:1 1 280px!important;
    min-width:270px!important;
    max-width:310px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .seo-feature-band .seo-feature-personnalisation b{font-size:30px!important}
}
@media(max-width:620px){
  .seo-feature-band .seo-feature-personnalisation{
    flex:1 1 100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .seo-feature-band .seo-feature-personnalisation b{
    font-size:26px!important;
    white-space:normal!important;
  }
}