.body-navigator-section{position:relative;overflow:hidden;background:linear-gradient(150deg,#f7fbff 0%,#edf6fa 48%,#fdfefe 100%)}
.body-navigator-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-220px;top:120px;background:rgba(38,194,199,.08);filter:blur(4px)}
.body-nav-shell{position:relative;display:grid;grid-template-columns:minmax(410px,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,90px);align-items:center;max-width:1160px;margin:auto}
.body-nav-visual{display:grid;gap:20px;justify-items:center}
.body-nav-stage{position:relative;width:min(100%,440px);height:650px;overflow:hidden;border-radius:42px;background:radial-gradient(circle at 50% 30%,#fff 0%,#edf7fa 57%,#d9edf3 100%);box-shadow:inset 0 0 0 1px rgba(16,84,120,.08),0 28px 70px rgba(11,61,91,.13);perspective:1400px}
.body-stage-toolbar{position:absolute;z-index:6;top:17px;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;direction:rtl}.body-stage-toolbar span{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.9);color:#17425f;font-size:12px;font-weight:900;box-shadow:0 5px 20px rgba(11,61,91,.08)}.body-stage-toolbar button{border:1px solid rgba(18,79,155,.14);background:rgba(255,255,255,.9);color:var(--primary);padding:7px 12px;border-radius:999px;font-family:inherit;font-weight:800;cursor:pointer;transition:.25s}.body-stage-toolbar button:hover{background:var(--primary);color:#fff}
.human-body-flipper{position:absolute;inset:0;perspective:1400px}.human-body-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.75,.2,1)}.body-nav-stage[data-view="back"] .human-body-inner{transform:rotateY(180deg)}
.human-body-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.human-body-back{transform:rotateY(180deg)}.human-body-face img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;user-select:none;-webkit-user-drag:none;filter:saturate(.87) contrast(1.02)}
.human-body-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,44,71,.07),transparent 18%,transparent 80%,rgba(7,44,71,.12))}
.pain-spot{position:absolute;z-index:4;width:22px;height:22px;padding:0;border:3px solid #fff;border-radius:50%;background:#28bfc4;box-shadow:0 0 0 7px rgba(40,191,196,.16),0 5px 16px rgba(4,62,81,.28);cursor:pointer;transform:translate(-50%,-50%);transition:background .25s,box-shadow .25s,scale .25s}.pain-spot:before{content:"";position:absolute;inset:-10px;border:1px solid rgba(40,191,196,.65);border-radius:50%;animation:painPulse 2.2s ease-out infinite}.pain-spot span{position:absolute;left:50%;bottom:30px;translate:-50% 5px;min-width:max-content;padding:7px 10px;border-radius:9px;background:#073d68;color:#fff;font-family:inherit;font-size:11px;font-weight:900;opacity:0;pointer-events:none;transition:.25s}.pain-spot:hover,.pain-spot:focus-visible,.pain-spot.is-active{background:#e2293f;box-shadow:0 0 0 10px rgba(226,41,63,.2),0 6px 20px rgba(145,16,35,.34);scale:1.12}.pain-spot:hover span,.pain-spot:focus-visible span,.pain-spot.is-active span{opacity:1;translate:-50% 0}.pain-spot.is-active:before{border-color:#e2293f}
.front-shoulder{left:39%;top:23%}.front-knee{left:43%;top:70%}.back-neck{left:50%;top:15%}.back-shoulder{left:39%;top:23%}.back-mid{left:50%;top:34%}.back-lower{left:50%;top:45%}.back-sciatica{left:43%;top:52%}.back-heel{left:43%;top:91%}
.body-stage-help{position:absolute;z-index:6;bottom:14px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;margin:0;padding:8px 14px;border-radius:999px;background:rgba(4,38,62,.86);color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}
.body-zone-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.body-zone-controls button{border:1px solid rgba(18,79,155,.16);background:#fff;color:#17425f;border-radius:999px;padding:9px 16px;font-family:inherit;font-weight:800;cursor:pointer;transition:.25s}.body-zone-controls button:hover,.body-zone-controls button.is-active{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 9px 22px rgba(18,79,155,.2)}
.body-nav-content{max-width:590px}.body-nav-kicker{display:inline-block;color:var(--secondary);font-weight:900;font-size:13px;margin-bottom:9px}.body-nav-content h3{font-size:clamp(34px,4.5vw,62px);line-height:1.12;margin:0 0 17px;color:var(--primary-dark)}.body-nav-content>p{color:var(--muted);font-size:17px;line-height:1.9;margin:0 0 20px}.body-nav-content>ul{display:grid;gap:9px;list-style:none;padding:0;margin:0 0 22px}.body-nav-content>ul li{position:relative;padding-right:27px;font-weight:700}.body-nav-content>ul li:before{content:"";position:absolute;right:0;top:.6em;width:10px;height:10px;border-radius:50%;background:#2abfc1;box-shadow:0 0 0 5px rgba(42,191,193,.12)}
.body-related{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 24px}.body-related span{width:100%;font-size:12px;font-weight:800;color:var(--muted)}.body-related a{padding:7px 12px;border-radius:999px;background:#e5f3f7;color:#164e6b;font-size:12px;font-weight:800;text-decoration:none}.body-nav-actions{display:flex;gap:10px;flex-wrap:wrap}.body-book-btn{border:1px solid var(--primary);background:transparent;color:var(--primary)}.body-nav-content>small{display:block;margin-top:18px;color:var(--muted);line-height:1.7}
@keyframes painPulse{0%{opacity:.9;transform:scale(.65)}75%,100%{opacity:0;transform:scale(1.5)}}
@media(max-width:900px){.body-nav-shell{grid-template-columns:1fr}.body-nav-stage{height:610px}.body-nav-content{max-width:720px}.body-nav-visual{order:2}.body-nav-content{order:1}}
@media(max-width:520px){.body-nav-stage{height:540px;border-radius:28px}.body-nav-content h3{font-size:36px}.body-nav-content>p{font-size:15px}.body-zone-controls{flex-wrap:nowrap;width:100%;max-width:100vw;overflow-x:auto;justify-content:flex-start;padding:3px 2px 8px;scrollbar-width:none}.body-zone-controls::-webkit-scrollbar{display:none}.body-zone-controls button{padding:8px 13px;font-size:12px;white-space:nowrap}.body-nav-actions .btn{width:100%;justify-content:center}.pain-spot{width:20px;height:20px}.body-stage-toolbar{top:12px;left:12px;right:12px}.body-stage-help{bottom:10px}}
@media(prefers-reduced-motion:reduce){.human-body-inner,.body-zone-controls button,.pain-spot{transition:none}.pain-spot:before{animation:none}}
/* v17.7 mobile precision fixes */
@media(max-width:900px){
  .body-nav-content{text-align:center;margin-inline:auto}
  .body-nav-content>ul{max-width:430px;margin-inline:auto;margin-bottom:22px;text-align:right}
  .body-related,.body-nav-actions{justify-content:center}
  .body-related span{text-align:center}
  .v177-tight-after-body{padding-top:28px!important}
}
@media(max-width:520px){
  .back-sciatica{left:45%;top:47%}
  .body-navigator-section{padding-bottom:34px!important}
  .body-nav-shell{gap:22px}
  .body-nav-content h3{text-align:center}
}