.body-explorer{color:var(--foreground);padding-block:48px}.body-explorer *{min-width:0}.body-explorer :is(button,a):focus-visible{outline:3px solid var(--primary-dark);outline-offset:3px}.body-explorer-shell{border:1px solid var(--border);background:linear-gradient(130deg, var(--primary-subtle), var(--card) 60%);border-radius:12px;grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr) minmax(0,1fr);gap:24px 28px;padding:32px;display:grid}.body-intro{grid-area:1/1}.body-eyebrow{letter-spacing:.15em;color:var(--primary-dark);font-size:10px;font-weight:700}.body-intro h2{letter-spacing:-.045em;margin-block:18px 14px;font-size:clamp(32px,3vw,44px);font-weight:700;line-height:1.12}.body-intro h2 span{color:var(--primary-dark)}.body-intro>p:last-child{color:var(--muted-foreground);max-width:460px;font-size:13px;line-height:1.8}.body-controls{grid-area:2/1;gap:18px;display:grid}.body-controls legend,.body-step{color:var(--primary);margin-bottom:8px;font-size:11px;font-weight:600}.body-controls legend span,.body-step span{color:var(--foreground);margin-left:8px}.body-segment{background:var(--secondary);border-radius:6px;gap:4px;padding:4px;display:flex}.body-segment button{cursor:pointer;border-radius:3px;flex:1;min-height:44px;font-size:12px;font-weight:600}.body-segment button[aria-pressed=true]{background:var(--primary-dark);color:var(--card);box-shadow:0 2px 5px color-mix(in srgb, var(--navy) 7%, transparent)}.body-segment button:hover:not([aria-pressed=true]){background:var(--card)}.body-nav-wrap{grid-area:3/1}.body-navigation{scrollbar-width:thin;max-height:250px;padding:4px;position:relative;overflow:auto}.body-nav-group>p{text-transform:uppercase;letter-spacing:.09em;color:var(--muted-foreground);margin:12px 0 5px;font-size:10px}.body-nav-group button{text-align:left;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;font-size:12px;display:flex}.body-nav-group button span{color:var(--primary-dark)}.body-nav-group button[aria-pressed=true]{color:var(--primary-dark);background:var(--primary-soft);font-weight:700}.body-nav-group button:hover{background:var(--primary-soft)}.body-visual{border:1px solid var(--border);background:radial-gradient(ellipse at 50% 48%, var(--primary-soft), var(--card) 72%);border-radius:8px;flex-direction:column;grid-area:1/2/4;align-self:stretch;display:flex;overflow:hidden}.body-visual-caption{letter-spacing:.14em;color:var(--muted-foreground);justify-content:space-between;padding:20px 20px 0;font-size:9px;display:flex}.body-model{flex:1;width:100%;height:600px;min-height:500px;position:relative}.body-model-internal{background:radial-gradient(ellipse, var(--anatomy-internal), transparent 70%)}.body-model-muscles{background:radial-gradient(ellipse, var(--primary-soft), transparent 70%)}.body-selection{border-top:1px solid var(--border);background:color-mix(in srgb, var(--card) 85%, transparent);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:65px;padding:12px;font-size:12px;font-weight:600;display:flex}.body-selection small{text-align:center;color:var(--muted-foreground);flex-basis:100%;font-size:10px;font-weight:400}.body-selection-dot{background:var(--primary);border-radius:50%;width:6px;height:6px}.body-hotspot{cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.body-hotspot span{background:var(--primary);border:2px solid var(--card);width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);border-radius:50%;transition:transform .15s,box-shadow .15s;display:block}.body-hotspot[aria-pressed=true] span,.body-hotspot:hover span,.body-hotspot:focus-visible span{box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 20%, transparent), 0 0 0 7px color-mix(in srgb, var(--card) 85%, transparent);transform:scale(1.35)}.body-fallback{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:12px;display:flex}.body-explorer-illustrated .body-nav-wrap{grid-row:2/4}.body-explorer-illustrated .body-navigation{max-height:380px}.body-explorer-illustrated .body-nav-group>p{display:none}.body-explorer-illustrated .body-nav-group button{min-height:48px;margin-top:6px}.body-explorer-illustrated .body-illustration{--anatomy-height:640px;min-height:0;height:var(--anatomy-height);background:#f8fafc;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.body-illustration-stage{width:min(100%, calc(var(--anatomy-height) * 2 / 3));aspect-ratio:2/3;max-width:100%;height:auto;position:relative}.body-anatomy-image{object-fit:contain;width:100%;height:100%;animation:.25s ease-out body-reveal}.body-anatomy-image.is-loading{opacity:.45}.body-image-hotspot{position:absolute;transform:translate(-50%,-50%)}.body-image-hotspot[aria-pressed=true] span{animation:2.5s ease-in-out infinite anatomy-glow}.body-image-error{background:var(--card);padding:10px;font-size:12px;position:absolute;bottom:10px}@keyframes anatomy-glow{50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--primary) 15%, transparent)}}@media (width<=1199px){.body-explorer-illustrated .body-navigation{max-height:none}.body-explorer-illustrated .body-visual,.body-explorer-illustrated .body-products{grid-row:2}.body-explorer-illustrated .body-nav-wrap{grid-row:3}.body-explorer-illustrated .body-illustration{--anatomy-height:560px}}@media (width<=900px){.body-explorer-illustrated .body-visual,.body-explorer-illustrated .body-products,.body-explorer-illustrated .body-nav-wrap{grid-row:auto}.body-explorer-illustrated .body-illustration{--anatomy-height:560px}}@media (width<=600px){.body-explorer-illustrated .body-illustration{--anatomy-height:clamp(420px, 135vw, 540px)}}.body-fallback-figure{aspect-ratio:300/480;max-width:100%;height:calc(100% - 52px);max-height:560px;position:relative}.body-fallback img{object-fit:contain;width:100%;height:100%}.body-fallback p{text-align:center;color:var(--muted-foreground);padding:8px;font-size:11px}.body-products{grid-area:1/3/4;align-self:start}.body-products-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.body-products-heading h3{letter-spacing:-.02em;margin-top:10px;font-size:20px;font-weight:650;line-height:1.3}.body-products-heading a{color:var(--primary-dark);align-items:center;gap:6px;min-height:44px;font-size:11px;font-weight:650;display:inline-flex}.body-product-count{color:var(--muted-foreground);margin-block:12px 18px;font-size:11px}.body-product-grid{gap:12px;display:grid}.body-product-grid>:only-child{grid-column:1/-1}.body-product-compact{grid-template-columns:85px minmax(0,1fr);display:grid}.body-product-compact .product-image{aspect-ratio:auto;background:var(--card);height:110px;margin-top:38px}.body-product-compact .product-content{padding:12px}.body-product-compact .product-price{flex-wrap:wrap;gap:4px 8px}.body-product-compact .product-prescription{width:fit-content;color:var(--warning);background:var(--warning-soft);margin-top:4px;font-size:10px;position:static}.body-product-compact .product-favorite{min-width:36px;min-height:36px}.body-empty{border:1px dashed var(--border);background:color-mix(in srgb, var(--card) 85%, transparent);border-radius:6px;padding:44px 22px}.body-empty>span{background:var(--primary-soft);width:44px;height:44px;color:var(--primary-dark);border-radius:6px;place-items:center;margin-bottom:20px;font-size:28px;display:grid}.body-empty h4{font-size:17px;font-weight:600;line-height:1.4}.body-empty p,.body-guidance p{color:var(--muted-foreground);margin-top:8px;font-size:12px;line-height:1.8}.body-guidance{background:var(--muted);border-radius:6px;margin-top:24px;padding:20px}.body-guidance strong{font-size:12px}.body-disclaimer{color:var(--muted-foreground);text-align:center;border-top:1px solid var(--border);grid-column:1/-1;padding-top:12px;font-size:10px}.body-cart-status{color:var(--primary-dark);grid-column:1/-1;font-size:12px}.body-cart-status:empty{display:none}.body-product-dialog{border:1px solid var(--border);width:min(440px,100% - 32px);color:var(--foreground);border-radius:8px;margin:auto;padding:28px}.body-product-dialog::backdrop{background:color-mix(in srgb, var(--navy) 55%, transparent)}.body-product-dialog img{object-fit:contain;width:100%;height:200px}.body-product-dialog h2{margin-block:16px;font-size:20px;font-weight:600}.body-product-dialog p{margin-block:12px;font-size:13px}.body-product-dialog button{background:var(--primary-dark);min-height:44px;color:var(--primary-foreground);border-radius:4px;padding:8px 18px}.body-product-dialog .body-dialog-close{float:right}@media (width<=1199px){.body-explorer-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:28px}.body-intro{grid-area:auto/1/auto/-1}.body-intro h2{margin-block:12px}.body-desktop-break{display:none}.body-controls{grid-area:auto/1/auto/-1;grid-template-columns:1fr 1fr}.body-visual{grid-area:3/1}.body-model{flex:none;height:480px;min-height:480px}.body-nav-wrap{grid-area:4/1/auto/-1}.body-navigation{gap:8px;max-height:none;display:flex;overflow-x:auto}.body-nav-group{flex-shrink:0;gap:8px;display:flex}.body-nav-group>p{display:none}.body-nav-group button{white-space:nowrap;border:1px solid var(--border);width:auto}.body-nav-group button span{display:none}.body-products{grid-area:3/2}}@media (width<=900px){.body-explorer-shell{grid-template-columns:minmax(0,1fr)}.body-visual,.body-products,.body-nav-wrap{grid-area:auto/1}.body-model{height:480px;min-height:0}.body-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.body-explorer{padding-block:32px}.body-explorer-shell{border-radius:8px;gap:22px;padding:20px 14px}.body-controls{grid-template-columns:minmax(0,1fr);gap:16px}.body-intro h2{font-size:34px}.body-intro>p:last-child{font-size:12px}.body-model{height:410px}.body-visual-caption{padding:16px 14px 0}.body-product-compact{display:flex}.body-product-compact .product-image{height:130px;margin-top:24px}.body-product-compact .product-content{padding:10px}.body-product-compact .product-price{flex-wrap:wrap}.body-product-compact .product-price>:last-child:not(:first-child){display:none}.body-products-heading h3{font-size:19px}.body-empty{padding:28px 20px}}@media (width<=359px){.body-product-grid{grid-template-columns:minmax(0,1fr)}.body-product-compact{display:grid}}@media (prefers-reduced-motion:reduce){.body-explorer *,.body-explorer :before,.body-explorer :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.body-controls [data-slot=tabs-list]{background:var(--secondary);width:100%;height:auto;padding:4px}.body-controls [data-slot=tabs-trigger]{border-radius:var(--radius-sm);min-height:44px;font-size:12px}.body-controls [data-slot=tabs-trigger][data-state=active]{background:var(--primary-hover);color:var(--primary-foreground);box-shadow:var(--shadow-card)}.body-controls [data-slot=tabs-content]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.body-preview-notice{color:var(--muted-foreground);max-width:280px;line-height:1.5}.body-model{animation:.2s ease-out body-reveal}@keyframes body-reveal{0%{opacity:.65}to{opacity:1}}.body-product-compact .product-image{margin-top:40px;padding:8px}.body-product-compact .product-content{gap:8px}.body-empty{padding:24px}.body-empty>span{display:none}.body-empty h4{font-size:18px}@media (width>=1200px){.body-explorer-shell{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1fr)}}
