
.services-main{background:linear-gradient(180deg,#fffdf8 0%,#f7f1e8 100%);min-height:70vh}
.services-hero{position:relative;min-height:390px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(15,55,38,.86),rgba(15,55,38,.48)),url("https://www.camping-lagarrigue.com/uploads/images/Gallery/home/camping-lot-loubressac-piscine.jpg") center/cover no-repeat}
.services-hero .container{padding-block:60px}.services-hero h1{font-size:clamp(2.8rem,5vw,5.4rem);max-width:760px}.services-hero p{font-size:1.1rem;max-width:670px;color:rgba(255,255,255,.92)}
.services-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-42px;position:relative;z-index:2}.service-chip{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-align:center;box-shadow:0 12px 32px rgba(22,55,40,.09)}.service-chip span{font-size:1.7rem}.service-chip b{display:block;margin-top:8px;color:var(--green-950)}
.services-section{padding:70px 0}.services-section.soft{background:#f7f1e8}.services-title{text-align:center;max-width:780px;margin:0 auto 34px}.services-title p{color:var(--muted)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 28px rgba(22,55,40,.05)}.service-card .icon{font-size:2rem}.service-card h3{font-size:1.25rem;margin-top:10px}.service-card p{color:var(--muted);font-size:.92rem}.service-card strong{color:var(--green-800)}
.pool-card{grid-column:span 2;background:linear-gradient(135deg,#fff,#eef4ef)}.pool-card .pool-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.pool-card .pool-meta span{background:var(--green-100);color:var(--green-900);padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:700}
.nearby-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.nearby-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.nearby-list{display:grid;gap:14px;margin-top:18px}.nearby-item{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}.nearby-item:last-child{border-bottom:0}.nearby-item span{font-size:1.5rem}.nearby-item b{display:block}.nearby-item small{color:var(--muted)}
.service-note{background:var(--green-950);color:#fff;border-radius:20px;padding:30px;display:flex;flex-direction:column;justify-content:center}.service-note p{color:rgba(255,255,255,.82)}
.services-cta{padding:58px 0;background:#fff}.services-cta .inner{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#eef4ef;border:1px solid var(--line);border-radius:20px;padding:26px 30px}.services-cta h2{font-size:2rem;margin:0}.services-cta p{margin:.25rem 0 0;color:var(--muted)}
@media(max-width:980px){.services-summary{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.nearby-wrap{grid-template-columns:1fr}.pool-card{grid-column:span 2}}
@media(max-width:720px){.services-hero{min-height:330px}.services-summary{grid-template-columns:1fr 1fr;margin-top:-28px}.services-grid{grid-template-columns:1fr}.pool-card{grid-column:auto}.services-cta .inner{flex-direction:column;align-items:flex-start}.services-cta .btn{width:100%}}
