/* Fantastix Ant — ambiances de marque et harmonisation visuelle. */
.v4-hero .hero-bg{
  background-image:
    linear-gradient(90deg,rgba(2,8,5,.88),rgba(2,8,5,.40) 55%,rgba(2,8,5,.22)),
    linear-gradient(180deg,rgba(3,10,6,.05),rgba(3,10,6,.56)),
    url("https://res.cloudinary.com/g5rzfte6/image/upload/f_auto,q_auto,w_2200/v1788713772/leafcutter-36631972.jpg")!important;
}
.micro-story.dark.compact-story::before{
  background-image:url("https://res.cloudinary.com/g5rzfte6/image/upload/f_auto,q_auto,w_2200/v1788713762/rainforest-36105292.jpg")!important;
}
.v4-final .final-bg{
  background-image:
    linear-gradient(90deg,rgba(3,11,6,.86),rgba(3,11,6,.28)),
    url("https://res.cloudinary.com/g5rzfte6/image/upload/f_auto,q_auto,w_2000/v1788713781/forest-17772875.jpg")!important;
}

/* Trois univers seulement : crème explicatif, neutre photo, vert forêt immersif. */
.setup-shop,.compare-section,.colors-section,.faq-preview{background:#eee8dd!important}
.real-setups,.ant-gallery-preview,.customer-proof{background:#f2f3ef!important}
.evolution-section,.config-v4,.micro-story.dark,.final.dark{background-color:#07110b!important}
.setup-shop,.compare-section,.colors-section,.real-setups,.ant-gallery-preview,.faq-preview,.evolution-section,.config-v4{position:relative}
.setup-shop::after,.colors-section::after,.real-setups::after,.ant-gallery-preview::after,.evolution-section::after{
  content:"";position:absolute;left:5vw;right:5vw;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(29,43,33,.16),transparent);pointer-events:none
}
.evolution-section{box-shadow:inset 0 26px 60px rgba(255,255,255,.015),inset 0 -26px 60px rgba(0,0,0,.08)}
.real-setups{box-shadow:inset 0 28px 55px rgba(255,255,255,.35)}

/* Safari/iOS : ne jamais reprendre la couleur bleue système. */
.color-card,.compare-actions button,.compare-mobile-card button,.advisor-options button,.choose-setup{
  -webkit-appearance:none;appearance:none
}
.color-card,.compare-actions button,.compare-mobile-card button,.choose-setup{
  color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important
}
.compare-mobile-card.recommended button,.advisor-options button.active{
  color:#07110b!important;-webkit-text-fill-color:#07110b!important
}
.advisor-options button:not(.active){color:#fff!important;-webkit-text-fill-color:#fff!important}
.color-card strong{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}

/* Évolution modulaire : cartes sable + pictogrammes de fourmis volontairement basiques. */
.evolution-section .evolution-card{
  background:#d8cfbf!important;color:#132018!important;border-color:rgba(224,217,202,.34)!important
}
.evolution-section .evolution-card small{color:#586b43!important}
.evolution-section .evolution-card h3{color:#132018!important;position:relative;z-index:2}
.evolution-section .evolution-card p{color:#4e5a50!important;position:relative;z-index:2}
.evolution-section .evolution-card::before{
  content:""!important;position:absolute!important;left:auto!important;right:22px!important;top:48px!important;
  width:132px!important;max-width:calc(100% - 44px)!important;height:28px!important;border:0!important;transform:none!important;opacity:.78!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'%3E%3Cg fill='%23131a15' stroke='%23131a15' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='18' cy='16' r='5'/%3E%3Ccircle cx='31' cy='16' r='4'/%3E%3Ccircle cx='44' cy='16' r='6'/%3E%3Cpath d='M28 12L21 5M28 20L21 27M34 12L40 4M34 20L40 28M44 10L52 5M44 22L52 27' fill='none'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:44px 28px!important;background-repeat:repeat!important;pointer-events:none!important
}
.evolution-section .evolution-card:nth-child(3)::before{width:176px!important;height:56px!important}
.evolution-section .evolution-card:nth-child(5)::before{width:220px!important;height:84px!important}
.evolution-section .evolution-card:hover::before{transform:none!important;opacity:.88!important}

/* Habitat / Territoire / Liaison : vraie photo nature, texte par-dessus. */
.included-section.v8-included > .v8-proof-card{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
.included-section.v8-included > .v8-proof-card:nth-child(1){background-image:url("https://images.pexels.com/photos/15357145/pexels-photo-15357145.jpeg?auto=compress&cs=tinysrgb&w=1600")!important;background-position:center 58%!important}
.included-section.v8-included > .v8-proof-card:nth-child(2){background-image:url("https://images.pexels.com/photos/28964666/pexels-photo-28964666.jpeg?auto=compress&cs=tinysrgb&w=1600")!important;background-position:center 58%!important}
.included-section.v8-included > .v8-proof-card:nth-child(3){background-image:url("https://images.pexels.com/photos/7512677/pexels-photo-7512677.jpeg?auto=compress&cs=tinysrgb&w=1600")!important;background-position:center 52%!important}
.included-section.v8-included > .v8-proof-card > img{display:none!important}
.included-section.v8-included > .v8-proof-card::after{background:linear-gradient(180deg,rgba(2,8,5,.10) 5%,rgba(2,8,5,.25) 44%,rgba(2,8,5,.94) 100%),linear-gradient(90deg,rgba(5,17,10,.20),rgba(5,17,10,.03))!important}
.included-section.v8-included .v8-proof-copy small{font-size:0!important}
.included-section.v8-included > .v8-proof-card:nth-child(1) .v8-proof-copy small::after{content:"REFUGE"}
.included-section.v8-included > .v8-proof-card:nth-child(2) .v8-proof-copy small::after{content:"EXPLORER"}
.included-section.v8-included > .v8-proof-card:nth-child(3) .v8-proof-copy small::after{content:"PASSAGE"}
.included-section.v8-included .v8-proof-copy small::after{font-size:10px;font-weight:800;letter-spacing:.14em;color:#dce8c2}

/* Les vraies photos produit restent dans un univers neutre, sans décor concurrent. */
.real-setups-grid img,.product-art{border-color:rgba(22,34,26,.10)!important;box-shadow:none!important}
.real-setups-grid img{border:1px solid rgba(22,34,26,.10)!important}

/* Le footer de l’accueil accueille désormais la navigation légale sans créer une seconde ligne isolée. */
.v4 .footer-top{grid-template-columns:2fr repeat(4,minmax(105px,1fr));gap:3vw}

@media(max-width:900px){.v4 .footer-top{grid-template-columns:2fr repeat(2,1fr)}}
@media(max-width:700px){
  .v4-hero .hero-bg{background-position:center center!important}
  .micro-story.dark.compact-story::before{background-position:58% center!important}
  .evolution-section .evolution-card::before{right:18px!important;top:42px!important}
  .evolution-section .evolution-card:nth-child(5)::before{width:176px!important;height:84px!important}
  .included-section.v8-included .v8-proof-copy small::after{font-size:11px}
  .setup-shop::after,.colors-section::after,.real-setups::after,.ant-gallery-preview::after,.evolution-section::after{left:8vw;right:8vw}
  .v4 .footer-top{grid-template-columns:1fr 1fr;gap:34px 24px}
}
@media(max-width:440px){.v4 .footer-top{grid-template-columns:1fr}}