/* Accueil Wedding Game — parcours de découverte, octobre 2026. */
.wg-ux-home .section-pad{padding-top:56px;padding-bottom:56px}
.wg-ux-home .section-heading{margin-bottom:26px}
.wg-ux-home .hero-visual::before{content:none}
.wg-ux-home .hero-actions{align-items:flex-start;flex-direction:column;gap:8px}
.wg-ux-home .wg-cta-help{font-size:13px;line-height:1.5;max-width:460px;margin:0 0 6px;color:#62574d}
.wg-ux-home .wg-photo-caption{position:absolute;bottom:8px;left:16px;right:16px;z-index:8;background:rgba(255,255,255,.96);padding:9px 12px;font-size:12px;line-height:1.4;color:#3b322a;margin:0}
.wg-ux-home .hero .hero-copy{padding-top:32px;padding-bottom:24px}
.wg-ux-home .hero .hero-copy h1{font-size:clamp(28.8px,3.15vw,46.8px)}
.wg-ux-home .hero .wg-hero-intro{font-size:16px;line-height:1.55}
.wg-ux-home .hero .wg-budget{margin-top:12px!important}
.wg-ux-home .hero-reassurance{margin-top:16px}
.wg-ux-home .proof-strip{padding:22px 0}
.wg-play-grid,.wg-included{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}
.wg-play-grid img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.wg-play-grid h3,.wg-included h3{font-size:19.8px;line-height:1.25;margin:18px 0 10px}
.wg-play-grid p,.wg-included p{font-size:16px;line-height:1.6;margin:0}
.wg-included article{padding:24px;background:#f5f0e9;border-top:3px solid #ab9479}
.wg-included a{display:inline-block;margin-top:16px;text-decoration:underline;text-underline-offset:4px}
.wg-note{font-size:14px;line-height:1.6;color:#62574d}
.wg-definition{margin-top:26px;padding-top:24px;border-top:1px solid #ded5ca}
.wg-definition .content{width:100%;max-width:none;padding:0}
.wg-definition .section-heading{text-align:left;margin:0;max-width:none}
.wg-definition h2{font-size:21.6px!important;margin:8px 0 12px}
.wg-definition .kicker{display:none}
.wg-definition p{font-size:16px;line-height:1.6}
.wg-ux-home .product-preview{margin-top:28px;padding-top:24px}
.wg-ux-home .product-preview .preview-grid{gap:16px}
.wg-ux-home .product-preview .preview-grid figure>img{max-height:220px;object-fit:contain;background:#f8f5f0}
.wg-ux-home .product-preview h2{font-size:23.4px}
.wg-ux-home .wg-start-grid{gap:16px;margin:22px 0}
.wg-ux-home .wg-start-grid article{padding:20px}
.wg-ux-home .practical-escape-layout{grid-template-columns:1fr;margin-top:24px}
.wg-ux-home .practical-escape-photo{display:none}
.wg-ux-home .practical-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wg-ux-home .practical-fact{padding:20px}
.wg-budget-details{margin-top:28px;padding:26px;background:#f5f0e9;color:#26221d}
.wg-budget-details>.content{width:100%;padding:0;max-width:none}
.wg-budget-details .budget-layout{display:block}
.wg-budget-details .budget-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.wg-budget-details h2{font-size:25.2px}.wg-budget-details .budget-summary{margin:18px 0 0}
.wg-ux-home .wedding-gallery{max-height:none;overflow:visible}
.wg-ux-home .about-photo img{max-height:320px;object-fit:cover}
.wg-ux-home .mechanic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible}
.wg-ux-home .mechanic-card{display:flex;flex-direction:column;min-width:0;transform:none}
.wg-ux-home .mechanic-visual{min-height:0;height:190px;flex:none}
.wg-ux-home .mechanic-visual img{height:100%;object-fit:cover}
.wg-ux-home .mechanic-copy{padding:22px;flex:1}
.wg-ux-home .mechanic-copy h3{font-size:25.2px}
.wg-ux-home .mechanic-copy p{font-size:16px}
.wg-ux-home .mechanic-copy .wg-material{font-size:14px;border-top:1px solid #d8cbbc;padding-top:12px}
.wg-ux-home .mechanic-reverse .mechanic-visual{order:0}
.wg-ux-home .mechanic-reverse .mechanic-copy{order:1}
.wg-ux-home .game-tags{flex-wrap:wrap}
.wg-ux-home .final-cta{padding:52px 0}
.wg-ux-home .centered-actions{align-items:center}
.wg-ux-home section[id],.wg-ux-home aside[id]{scroll-margin-top:100px}
@media(max-width:800px){
.wg-play-grid,.wg-included{gap:16px}.wg-play-grid h3{font-size:17.1px}
.wg-ux-home .practical-facts{grid-template-columns:1fr 1fr}
.wg-ux-home .mechanic-grid{grid-template-columns:1fr}
.wg-ux-home .mechanic-card{display:grid;grid-template-columns:1fr 1fr}
.wg-ux-home .mechanic-visual{height:100%;min-height:220px}
}
@media(max-width:680px){
.wg-ux-home .section-pad{padding-top:34px;padding-bottom:34px}
.wg-ux-home .hero .hero-copy{padding:22px 20px}
.wg-ux-home .hero .hero-copy h1{font-size:27px;margin-bottom:16px}
.wg-ux-home .hero .wg-hero-intro{font-size:15px;line-height:1.5;margin-bottom:12px}
.wg-ux-home .hero .hero-actions{margin-top:12px;gap:6px}
.wg-ux-home .hero .hero-actions .button-primary{width:100%;font-size:11px;padding:15px 10px;box-sizing:border-box}
.wg-ux-home .wg-cta-help{font-size:12px}
.wg-ux-home .hero .wg-budget{font-size:15px}
.wg-ux-home .hero .wg-budget small{font-size:12px}
.wg-ux-home .hero .hero-visual{min-height:270px;height:270px;margin:0 20px 16px;width:auto}
.wg-ux-home .hero-photo-main{inset:0;position:absolute;height:100%;width:100%}
.wg-ux-home .hero-photo-main img{height:100%;width:100%;object-fit:cover;object-position:50% 40%}
.wg-ux-home .hero-photo-small,.wg-ux-home .formula-card{display:none}
.wg-ux-home .hero-reassurance{gap:6px}.wg-ux-home .hero-reassurance span{padding:7px;font-size:9px}
.wg-play-grid,.wg-included{grid-template-columns:1fr;gap:20px}
.wg-play-grid article{display:grid;grid-template-columns:100px 1fr;gap:8px 14px}
.wg-play-grid img{grid-row:1/3;height:110px;aspect-ratio:auto;object-fit:cover}
.wg-play-grid h3{margin:0;font-size:17.1px}.wg-play-grid p{font-size:14px;line-height:1.5}
.wg-ux-home .practical-facts{grid-template-columns:1fr}
.wg-ux-home .practical-fact{padding:17px}
.wg-ux-home .product-preview .preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.wg-ux-home .product-preview .preview-grid figure{min-width:0;margin:0}
.wg-ux-home .product-preview .preview-grid figure>img{height:120px;max-height:120px}
.wg-ux-home .product-preview figcaption{font-size:11px;line-height:1.4;padding:8px 2px}
.wg-budget-details{padding:20px}.wg-budget-details .budget-cards{grid-template-columns:1fr}
.wg-ux-home .mechanic-card{display:flex}.wg-ux-home .mechanic-visual{height:180px;min-height:0}
.wg-ux-home .wedding-gallery{max-height:none}
.wg-ux-home .wedding-gallery img{max-height:200px;object-fit:cover}
.wg-ux-home .final-cta{padding:35px 0}
}
.wg-ux-home .wg-play h2,.wg-ux-home #kit>.content>h2{font-size:clamp(27px,3.15vw,43.2px);line-height:1.12}
.wg-ux-home .wg-definition h2{font-size:21.6px}
@media(max-width:680px){
.wg-ux-home .proof-grid{gap:12px;min-height:0}
.wg-ux-home .proof-grid article{min-height:0;padding:12px 0}
.wg-ux-home .proof-grid strong{font-size:24px}
.wg-ux-home .wedding-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:160px;gap:10px}
.wg-ux-home .wedding-gallery figure{grid-column:auto!important;margin:0}
.wg-ux-home .wedding-gallery img{height:160px;width:100%}
.wg-ux-home .wg-budget-details h2{font-size:25.2px}
.wg-ux-home .wg-budget-details .budget-cards article{padding:18px}
}

/* Harmonisation des proportions sur toute la page. */
.wg-ux-home main h2{font-size:clamp(25.2px,2.88vw,39.6px);line-height:1.15;letter-spacing:-.025em}
.wg-ux-home main h3{font-size:clamp(18px,1.8vw,23.4px);line-height:1.25}
.wg-ux-home .hero .hero-copy h1{font-size:clamp(27px,2.97vw,41.4px);line-height:1.12}
.wg-ux-home .content{max-width:1160px}
.wg-ux-home .wg-definition .section-heading p{max-width:none;margin-left:0;margin-right:0}
.wg-ux-home .proof-grid strong{font-size:clamp(21px,2.2vw,28px)}
@media(max-width:680px){.wg-ux-home main h2{font-size:25.2px}.wg-ux-home .hero .hero-copy h1{font-size:27px}.wg-ux-home .wg-definition h2{font-size:20.7px}.wg-ux-home .section-pad{padding-top:30px;padding-bottom:30px}}

/* 8 octobre 2026 : galerie entière, sans découpe du conteneur ni des photos. */
.wg-ux-home .wedding-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;height:auto;max-height:none;overflow:visible;gap:18px}
.wg-ux-home .wedding-gallery figure{grid-column:auto!important;grid-row:auto;margin:0;min-width:0;overflow:visible}
.wg-ux-home .wedding-gallery img{display:block;width:100%;height:clamp(240px,30vw,400px);max-height:none;object-fit:contain;object-position:center}
@media(max-width:680px){.wg-ux-home .wedding-gallery{grid-template-columns:1fr;gap:16px}.wg-ux-home .wedding-gallery img{height:auto;max-height:440px;object-fit:contain}}

/* 8 octobre 2026 : contraste de la section budget sur fond clair. */
.wg-ux-home #budget-materiel .budget-copy{position:static}
.wg-ux-home #budget-materiel p,
.wg-ux-home #budget-materiel .budget-copy p:not(.kicker),
.wg-ux-home #budget-materiel .budget-cards p{color:#493c31;opacity:1}
.wg-ux-home #budget-materiel .kicker,
.wg-ux-home #budget-materiel .mini-label,
.wg-ux-home #budget-materiel .budget-cards article::before{color:#70573f;opacity:1}
.wg-ux-home #budget-materiel h2,
.wg-ux-home #budget-materiel h3,
.wg-ux-home #budget-materiel a{color:#26221d}
.wg-ux-home #budget-materiel .budget-cards,
.wg-ux-home #budget-materiel .budget-cards article{border-color:#d5c8b9}

/* 8 octobre 2026 : tailles des titres réduites de 10 %, sans changer les niveaux HTML. */

.wg-ux-home .hero-copy::after{content:none}