body{font-family:Arial,sans-serif;color:#222}
.treatments-page{background:#faf8f3;padding:80px 0}
.treatments-container,
.treatment-detail-container{width:min(1180px,92%);margin:auto}
.treatments-header{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:55px}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.treatments-header h1,
.treatment-detail h1{font:400 clamp(48px,6vw,82px)/.92 "Cormorant Garamond",Georgia,serif;margin:12px 0}
.treatments-header p{font-size:16px;line-height:1.7;max-width:520px;color:#5d5a55}.treatments-link,
.explore{color:#222;text-decoration:none}
.treatments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.treatment-card{text-decoration:none;color:inherit;background:#fff;border:1px solid #e6e0d7}
.treatment-image{height:280px;background:#e8e2d9;position:relative;overflow:hidden}
.treatment-image img{width:100%;height:100%;object-fit:cover}
.placeholder{height:100%;display:grid;place-items:center;font:400 30px Georgia,serif;color:#777}
.number{position:absolute;top:14px;left:14px;z-index:2;background:#fff;padding:5px 8px;font-size:11px}
.arrow{position:absolute;right:14px;top:14px;background:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}
.body{padding:22px}
.category{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#777}
.body h2{font:400 31px/1 "Cormorant Garamond",Georgia,serif;margin:10px 0}
.body p{font-size:13px;line-height:1.55;color:#6d6a65}
.explore{display:block;margin-top:18px;font-size:12px}
.empty{padding:50px;background:#fff;border:1px solid #e5e0d8}
.treatment-detail{background:#faf8f3;padding:80px 0}
.lead{font-size:19px;line-height:1.6;max-width:780px;color:#5d5a55}
.detail-image{width:100%;max-height:560px;object-fit:cover;margin:35px 0}
.detail-section{max-width:820px;border-top:1px solid #ddd5ca;padding:30px 0;font-size:16px;line-height:1.8}
.detail-section h2{font:400 38px/1 "Cormorant Garamond",Georgia,serif}
.appointment-cta{display:inline-block;background:#171714;color:#fff;text-decoration:none;padding:13px 20px;border-radius:999px;margin-top:15px}

@media(max-width:800px){
    .treatments-header{grid-template-columns:1fr;gap:25px}
    .treatments-grid{grid-template-columns:1fr 1fr}}
    
@media(max-width:520px){
    .treatments-grid{grid-template-columns:1fr}
    .treatments-page,
    .treatment-detail{padding:55px 0}}