/* Desktop option 1 / mobile option 2. Scoped to procedure pages only. */
.treatment-page .treatment-main{padding:36px 40px 70px;min-height:60vh}
.detail-shell{max-width:1120px;margin:0 auto}
.detail-back{display:inline-block;margin:0 0 30px;color:#b7af96;font:500 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
.detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
.detail-hero-no-photo{grid-template-columns:1fr;max-width:760px}
.detail-photo{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#141109}
.detail-photo img{display:block;width:100%;height:430px;object-fit:cover}
.detail-photo-portrait img{object-fit:contain}
.detail-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:40px 22px 18px;background:linear-gradient(transparent,#000b);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff}
.detail-summary{min-width:0}
.detail-eyebrow{margin:0 0 18px;color:#c9a24f;font:600 10px/1.7 Manrope,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.detail-summary h1{margin:0;color:#f0e5be;font:400 clamp(32px,3.6vw,48px)/1.35 Prata,Georgia,serif;letter-spacing:-.025em;overflow-wrap:break-word}
.detail-lead{margin:20px 0 24px;color:#b7af96;font-size:15px;line-height:1.85}
.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;padding:19px 0;border-top:1px solid #403622;border-bottom:1px solid #403622}
.detail-facts>div{min-width:0}.detail-facts>div+div{border-left:1px solid #403622;padding-left:24px}
.detail-facts span{display:block;font:500 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b7af96;margin-bottom:8px}
.detail-facts strong{display:block;font:400 24px/1.4 Prata,Georgia,serif;color:#f0e5be;overflow-wrap:break-word}
.detail-facts>div+div strong{color:#c9a24f}
.detail-summary .detail-book{display:flex;align-items:center;justify-content:center;gap:27px;width:100%;box-sizing:border-box;min-height:56px;margin:0;padding:16px 20px;border:0;border-radius:100px;background:#c9a24f;color:#080808;font:600 12px/1.4 Manrope,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transform:none;-webkit-tap-highlight-color:transparent}
.detail-book span{font-size:22px;line-height:1;letter-spacing:0}
.detail-book:hover{background:#d8b45c}
.detail-book:focus-visible,.detail-back:focus-visible{outline:2px solid #f0e5be;outline-offset:5px}
.detail-information{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;padding-top:32px;margin-top:42px;border-top:1px solid #403622}
.detail-information h2{margin:0 0 17px;color:#f0e5be;font:400 23px/1.4 Prata,Georgia,serif}
.detail-information h3{margin:24px 0 12px;color:#f0e5be;font:600 14px/1.6 Manrope,Arial,sans-serif}
.detail-description p{margin:0 0 16px;color:#b7af96;font-size:14px;line-height:1.9}
.detail-highlights ul{display:grid;gap:13px;list-style:none;margin:0;padding:0}
.detail-highlights li{position:relative;margin:0;padding-left:24px;color:#b7af96;font-size:14px;line-height:1.8}
.detail-highlights li::before{content:'✓';position:absolute;left:0;top:0;color:#c9a24f}
@media(min-width:801px) and (max-width:1050px){.detail-hero,.detail-information{gap:30px}.detail-photo img{height:390px}.detail-summary h1{font-size:36px}.detail-lead{font-size:14px}.detail-facts strong{font-size:21px}}
@media(max-width:800px){.treatment-page .treatment-main{padding:25px 22px 45px}.detail-back{margin-bottom:25px;font-size:10px}.detail-hero{grid-template-columns:1fr;gap:24px}.detail-photo{border-radius:14px}.detail-photo img{height:auto;aspect-ratio:1.5;object-fit:cover}.detail-photo-portrait img{aspect-ratio:auto;max-height:430px;object-fit:contain}.detail-photo figcaption{font-size:8px;padding:30px 16px 13px}.detail-summary h1{font-size:33px;line-height:1.35}.detail-eyebrow{font-size:9px;margin-bottom:15px}.detail-lead{font-size:13px;margin:16px 0 23px;line-height:1.85}.detail-facts{padding:17px 0;margin:0 0 23px;gap:18px}.detail-facts strong{font-size:23px}.detail-facts>div+div{padding-left:22px}.detail-summary .detail-book{min-height:54px;font-size:11px}.detail-information{grid-template-columns:1fr;gap:25px;margin-top:30px;padding-top:27px}.detail-information h2{font-size:21px}.detail-description p,.detail-highlights li{font-size:13px}.detail-information h3{font-size:13px}}
@media(max-width:360px){.treatment-page .treatment-main{padding-left:18px;padding-right:18px}.detail-summary h1{font-size:29px}.detail-facts strong{font-size:21px}}

/* Refine desktop proportions without changing any mobile rules above. */
@media(min-width:801px){
  .treatment-page .detail-shell{max-width:1440px}
  .treatment-page .treatment-header{padding-inline:max(40px,calc((100% - 1440px)/2));gap:24px}
  .treatment-page .treatment-header .brand{font-size:22px}
  .treatment-page .treatment-header .brand-logo{width:58px;height:58px}
  .treatment-page .treatment-header .site-nav{gap:30px}
  .treatment-page .treatment-header .site-nav a{font-size:13px}
  .treatment-page .detail-hero,.treatment-page .detail-information{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,3.4vw,64px)}
  .treatment-page .detail-hero-no-photo{grid-template-columns:1fr}
  .treatment-page .detail-photo img{height:auto;aspect-ratio:1.5;max-height:440px;object-fit:cover}
  .treatment-page .detail-photo-portrait img{height:clamp(320px,26vw,440px);aspect-ratio:auto;object-fit:contain}
  .treatment-page .detail-eyebrow{font-size:11px}
  .treatment-page .detail-summary h1{font-size:clamp(36px,3.4vw,52px)}
  .treatment-page .detail-lead{font-size:clamp(16px,1.2vw,18px);line-height:1.8}
  .treatment-page .detail-facts span{font-size:11px}
  .treatment-page .detail-facts strong{font-size:28px}
  .treatment-page .detail-summary .detail-book{width:320px;max-width:100%;font-size:13px}
  .treatment-page .detail-information h2{font-size:26px}
  .treatment-page .detail-description p,.treatment-page .detail-highlights li{font-size:16px;line-height:1.85}
}
@media(min-width:801px) and (max-width:1050px){
  .treatment-page .treatment-header{padding-inline:32px;gap:18px}
  .treatment-page .treatment-header .brand{font-size:18px}
  .treatment-page .treatment-header .brand-logo{width:50px;height:50px}
  .treatment-page .treatment-header .site-nav{gap:18px}
  .treatment-page .detail-hero,.treatment-page .detail-information{gap:30px}
  .treatment-page .detail-summary h1{font-size:36px}
}