/* Page « Nos services » — même langage visuel que l'accueil (variables de helpplace-theme.css). */
.hp-services{color:var(--hp-ink)}
.hp-services h1{font-size:52px;line-height:1.05;font-weight:700;letter-spacing:-.035em;margin:16px 0 0;text-align:left}
.hp-services h1 em{font-style:normal;color:var(--hp-brand)}
.hp-services h2{font-size:40px;line-height:1.1;font-weight:700;letter-spacing:-.028em;margin:14px 0 0;text-align:left}
.hp-services h3{text-align:left;text-shadow:none}
.hp-services p{margin:0}
.hp-services .hp-lead{font-size:18px;line-height:1.6;color:var(--hp-muted)}
.hp-sv-sec{padding:96px 0}

/* En-tête + recherche */
.hp-sv-hero{padding:64px 0 40px;background:linear-gradient(180deg,var(--hp-brand-soft) 0,#fff 100%)}
.hp-sv-hero .hp-lead{max-width:620px;margin-top:20px}
.hp-sv-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hp-sv-stats span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:#fff;border:1px solid var(--hp-line);font-size:14px;font-weight:500}
.hp-sv-stats b{color:var(--hp-brand)}
.hp-sv-tools{display:flex;gap:10px;align-items:center;margin-top:36px;flex-wrap:wrap}
.hp-sv-search{flex:1 1 380px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--hp-line);border-radius:16px;padding:6px 6px 6px 18px;box-shadow:0 24px 60px -24px rgba(20,26,107,.25)}
.hp-sv-search svg{color:var(--hp-muted);flex:none}
.hp-sv-search input{flex:1;border:0;outline:0;background:transparent;font-size:16px;min-height:44px;min-width:0;color:var(--hp-ink)}
.hp-sv-search input::placeholder{color:#8a8b94}
.hp-sv-search input::-webkit-search-cancel-button{cursor:pointer}
.hp-sv-sort{flex:0 0 auto;min-height:58px;border-radius:16px!important;padding-inline:16px 40px!important;font-weight:500}
.hp-sv-count{font-size:14px;color:var(--hp-muted);margin-top:14px;min-height:22px}

/* Grille des catégories */
.hp-sv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.hp-sv-card{display:flex;flex-direction:column;border:1px solid var(--hp-line);border-radius:22px;overflow:hidden;background:#fff;color:var(--hp-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.hp-sv-card:hover{border-color:var(--hp-brand);color:var(--hp-ink);box-shadow:0 24px 50px -28px rgba(20,26,107,.45);transform:translateY(-2px)}
.hp-sv-card:focus-visible{outline:3px solid var(--hp-brand);outline-offset:2px}
.hp-sv-fig{position:relative;aspect-ratio:4/3;background:var(--hp-brand-soft);overflow:hidden;display:grid;place-items:center}
.hp-sv-fig img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.hp-sv-card:hover .hp-sv-fig img{transform:scale(1.04)}
.hp-sv-fig .hp-sv-ini{width:64px;height:64px;border-radius:18px;background:var(--hp-brand);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:700}
.hp-sv-badge{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.94);color:var(--hp-ink);font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:99px;box-shadow:0 6px 16px -8px rgba(12,14,51,.4)}
.hp-sv-badge.vide{color:var(--hp-muted)}
.hp-sv-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.hp-sv-body h3{font-size:17px;line-height:1.3;font-weight:600;margin:0;letter-spacing:-.01em}
.hp-sv-body p{font-size:14px;color:var(--hp-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hp-sv-go{margin-top:auto;padding-top:10px;font-size:14px;font-weight:600;color:var(--hp-brand)}
.hp-sv-empty{border:1.5px dashed var(--hp-line);border-radius:22px;padding:40px 24px;text-align:center;color:var(--hp-muted)}
.hp-sv-empty b{display:block;color:var(--hp-ink);font-size:18px;margin-bottom:6px}

/* Pourquoi / comment */
.hp-sv-alt{background:var(--hp-surface)}
.hp-sv-hd{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:48px}
.hp-sv-hd .hp-lead{max-width:420px}
.hp-sv-why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hp-sv-why div{background:#fff;border:1px solid var(--hp-line);border-radius:22px;padding:28px}
.hp-sv-why .ic{width:48px;height:48px;border-radius:14px;background:var(--hp-brand-soft);color:var(--hp-brand);display:grid;place-items:center;font-size:22px;margin-bottom:20px}
.hp-sv-why h3,.hp-sv-steps h3{font-size:18px;font-weight:600;margin:0 0 8px}
.hp-sv-why p,.hp-sv-steps p{font-size:15px;color:var(--hp-muted)}
.hp-sv-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.hp-sv-steps .n{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--hp-brand);padding-bottom:16px;margin-bottom:20px;border-bottom:2px solid var(--hp-brand)}
.hp-sv-steps .n i{font-size:18px}

/* Appel final */
.hp-sv-cta{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.hp-sv-cta>div{border-radius:32px;padding:48px}
.hp-sv-cta .devis{background:var(--hp-accent);color:#101010}
.hp-sv-cta .pro{background:var(--hp-brand-deep);color:#fff}
.hp-sv-cta .pro .hp-lead{color:#cdd0f5}
.hp-sv-cta h2{font-size:32px;margin:0 0 12px}
.hp-sv-cta .devis .hp-lead{color:#3b3a33}
.hp-sv-cta .btn{margin-top:28px}

@media (max-width:1100px){
	.hp-services h1{font-size:42px}.hp-services h2{font-size:32px}
	.hp-sv-grid{grid-template-columns:repeat(3,1fr)}
	.hp-sv-why,.hp-sv-steps{grid-template-columns:repeat(2,1fr)}
	.hp-sv-cta{grid-template-columns:1fr}
}
@media (max-width:760px){
	.hp-services h1{font-size:34px}.hp-services h2{font-size:28px}.hp-services .hp-lead{font-size:16px}
	.hp-sv-sec{padding:64px 0}.hp-sv-hero{padding:40px 0 28px}
	.hp-sv-grid{grid-template-columns:repeat(2,1fr);gap:12px}
	.hp-sv-body{padding:14px 14px 16px}.hp-sv-body h3{font-size:15.5px}.hp-sv-body p{display:none}
	.hp-sv-hd{flex-direction:column;align-items:flex-start;gap:14px}
	.hp-sv-why,.hp-sv-steps{grid-template-columns:1fr}
	.hp-sv-cta>div{padding:32px 22px;border-radius:24px}
	.hp-sv-sort{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.hp-sv-card,.hp-sv-fig img{transition:none}.hp-sv-card:hover{transform:none}}