:root{--cst-l:#E8F5D9;--cst-d:#5A8F2A}
.w{max-width:1280px;margin:0 auto;padding:0}
.sdesc{font-size:var(--ty-body);font-weight:300;color:var(--text2);line-height:1.75;max-width:560px}

/* ── PROFILE SELECTOR ── */
.profil-section{background:var(--bg);padding:72px 2.5rem}
.profil-head{text-align:center;margin-bottom:40px}
/* sable de la charte (= fond du héros de l'accueil) et sa version foncée pour trait/flèche */
.profil-section{--sable:#ded1c7;--sable-d:#9c8b79}
.profil-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}  /* pleine largeur du .w : mêmes marges que le bloc en dessous */
.profil-card{background:var(--white);border:2px solid var(--border);border-radius:var(--r-xl);padding:28px 20px;cursor:pointer;transition:all .22s ease;text-align:center;user-select:none;position:relative}
.profil-card::after{content:'';position:absolute;inset:-2px;border-radius:var(--r-xl);border:2px solid var(--sable-d);opacity:0;transition:opacity .22s}
.profil-card:hover::after{opacity:.4}
.profil-card.active::after{opacity:1}
.profil-card.active{background:color-mix(in srgb,var(--sable) 32%,#fff)}
.profil-ico{width:52px;height:52px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;transition:background .22s}
.profil-card.active .profil-ico,.profil-card:hover .profil-ico{background:var(--sable)}
.profil-ico svg{width:24px;height:24px;stroke:var(--text3);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .22s}
.profil-card.active .profil-ico svg,.profil-card:hover .profil-ico svg{stroke:var(--n-900)}
.profil-label{font-size:var(--ty-xs);font-weight:600;color:var(--n-900);margin-bottom:6px}
.profil-desc{font-size:var(--ty-xs);font-weight:300;color:var(--text2);line-height:1.55}
.profil-arrow{display:flex;justify-content:center;margin-top:12px;color:var(--sable-d);opacity:0;transition:opacity .22s}
.profil-card.active .profil-arrow{opacity:1}

/* ── CONTENT BLOCKS ── */
.content-zone{background:var(--bg2);padding:72px 2.5rem}
.content-block{display:none}
.content-block.visible{display:block}

/* Block header */
.block-header{margin-bottom:40px}
.block-intro{font-size:var(--ty-body);font-weight:300;color:var(--text2);line-height:1.8;max-width:700px;background:var(--white);border:1px solid var(--border);border-left:4px solid var(--cop);border-radius:0 var(--r-md) var(--r-md) 0;padding:18px 22px;margin-top:16px}
.block-intro.bi-blue{border-left-color:var(--blue)}

/* Product grid */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.prod-grid-2{grid-template-columns:repeat(2,1fr)}
.prod-grid-1{grid-template-columns:1fr;max-width:600px}

/* Zoom / callout box */
.zoom-box{margin-top:20px;background:var(--blue-ll);border:1px solid rgba(27,95,168,.2);border-radius:var(--r-lg);padding:24px 28px;display:flex;align-items:flex-start;gap:18px}
.zoom-ico{width:40px;height:40px;background:var(--blue);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.zoom-ico svg{width:20px;height:20px;stroke:var(--white);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.zoom-text{font-size:var(--ty-xs);font-weight:300;color:var(--text);line-height:1.7}
.zoom-text strong{font-weight:600;color:var(--n-900)}
.zoom-link{display:inline-block;margin-top:10px;font-size:var(--ty-xs);font-weight:600;color:var(--blue)}
.zoom-link:hover{text-decoration:underline}

/* Dark callout (syndic bénévole) */
.dark-bubble{background:var(--n-900);border-radius:var(--r-xl);padding:36px 40px;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;margin-top:28px}
.dark-bubble-text p{font-size:var(--ty-xs);font-weight:300;color:var(--n-300);line-height:1.7;margin-top:8px}
.dark-bubble-title{font-size:var(--ty-lead);font-weight:600;color:var(--white);line-height:1.35}
.dark-bubble-title a{color:var(--cop)}
.bubble-note{margin-top:20px;font-size:var(--ty-xs);color:var(--text2);font-weight:300}

/* Sub-tabs (Propriétaires) */
.sub-tabs{display:flex;gap:0;margin-bottom:32px;background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);padding:4px;width:fit-content}
.sub-tab{padding:9px 22px;border-radius:calc(var(--r-md) - 2px);font-size:var(--ty-xs);font-weight:500;color:var(--text2);cursor:pointer;transition:all .2s;white-space:nowrap}
.sub-tab.active{background:var(--blue);color:var(--white);font-weight:600}
.sub-tab:not(.active):hover{color:var(--text)}
.sub-section{display:none}
.sub-section.visible{display:block}

/* Sub-block heading */
.sub-block-label{display:flex;align-items:center;gap:10px;font-size:var(--ty-xs);font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--text3);margin-bottom:16px;margin-top:24px}
.sub-block-label::after{content:'';flex:1;height:1px;background:var(--border)}

/* Partner row (credits/works) */
.partner-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.partner-chip{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 18px;display:flex;flex-direction:column;gap:4px;flex:1;min-width:180px}
.partner-chip-name{font-size:var(--ty-xs);font-weight:600;color:var(--n-900)}
.partner-chip-role{font-size:var(--ty-xs);font-weight:300;color:var(--text2)}
.partner-intro{font-size:var(--ty-xs);font-weight:300;color:var(--text2);margin-bottom:12px}

/* Locataire features */
.feature-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.feature-item{display:flex;align-items:center;gap:10px;font-size:var(--ty-xs);font-weight:300;color:var(--text2)}
.feat-check{width:22px;height:22px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--ty-xs);color:var(--white);font-weight:700}

/* ── PARTNERS SECTION ── */
.partners-section{background:var(--white);padding:72px 2.5rem}
.partner-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.partner-card{display:block;color:inherit;text-decoration:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;transition:all .22s}
.partner-card:hover{border-color:rgba(27,95,168,.3);box-shadow:0 6px 24px rgba(27,95,168,.08)}
.partner-card-category{font-size:var(--ty-xs);font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text3);margin-bottom:10px}
.partner-card-name{font-size:var(--ty-body);font-weight:700;color:var(--n-900);margin-bottom:8px}
.partner-card-desc{font-size:var(--ty-xs);font-weight:300;color:var(--text2);line-height:1.65}

/* ── CTA STRIP ── */
.cta{background:#757baf;padding:80px 2.5rem}
.cta-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3rem}
.cta-h{font-size:var(--ty-h2-size);font-weight:800;color:white;line-height:1.1}
.cta-h-italic{font-size:var(--ty-h2-size);font-weight:400;font-style:italic;color:white;line-height:1.25;margin-top:6px}
.cta-sub{font-size:var(--ty-body);color:white;margin-top:14px;font-weight:400;max-width:450px}
.cta-btns{display:flex;gap:16px;flex-shrink:0;flex-wrap:wrap;align-items:center}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .profil-grid{grid-template-columns:repeat(2,1fr)}
  .prod-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .profil-section{padding:52px 1.25rem}
  .profil-grid{grid-template-columns:repeat(2,1fr)}
  .content-zone{padding:52px 1.25rem}
  .prod-grid{grid-template-columns:1fr}
  .prod-grid-2{grid-template-columns:1fr}
  .prod-card.featured-full{grid-column:span 1}
  .dark-bubble{grid-template-columns:1fr;gap:1.5rem}
  .partner-cards{grid-template-columns:1fr}
  .cta{padding:52px 1.25rem}
  .cta-inner{flex-direction:column;align-items:flex-start}
  .partners-section{padding:52px 1.25rem}
  .zoom-box{flex-direction:column;gap:14px}
}
@media(max-width:480px){
  .profil-section{padding:40px 1rem}
  .content-zone{padding:40px 1rem}
  .profil-grid{grid-template-columns:1fr}
  .hero-trust{flex-direction:column;align-items:flex-start;gap:8px}
  .cta-btns{flex-direction:column;width:100%}
  .cta-btns .btn{width:100%;justify-content:center}
  .dark-bubble{padding:24px 20px}
  .partner-row{flex-direction:column}
}

/* ── HÉROS photo de la DA (2026-10-29, Hero_site particulier-01 converti en JPEG) ; remplace l'image commune de .hero-cible (header.css) ── */
.hero-cible{background:url('../images/hero-particuliers.jpg') center center/cover no-repeat}