*{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        min-height: 100vh;
        padding: 20px;
    }

    .container {
        max-width: 800px;
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.95);
        border-radius: 20px;
        padding: 30px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        backdrop-filter: blur(10px);
    }

    .header {
        text-align: center;
        margin-bottom: 40px;
    }

    h1 {
        color: #2c3e50;
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 10px;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    }

    .subtitle {
        color: #7f8c8d;
        font-size: 1.1rem;
        font-weight: 400;
    }

    .body-map {
        text-align: center;
        margin-bottom: 40px;
        position: relative;
    }

    .body-image {
        position: relative;
        display: inline-block;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    }

    .body-img {
        width: 350px;
        height: auto;
        border-radius: 15px;
    }

    .body-img:hover {
        transform: none;
    }

    .body-part {
        position: absolute;
        cursor: pointer;
        /* transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); */
        border: none;
        background: transparent;
    }

     
    /* MALE FRONT MAPPING - Detailed clip-paths */
    .body-map.male.front .body-part[data-area="forehead"] { 
        clip-path: polygon(0% 96%, 0% 43%, 21% 12%, 43% 0%, 60% 0%, 80% 15%, 94% 44%, 100% 100%, 100% 90%, 86% 99%, 68% 96%); 
    }
    .body-map.male.front .body-part[data-area="face"] { 
        clip-path: polygon(13% 20%, 85% 20%, 85% 50%, 75% 73%, 68% 87%, 53% 100%, 34% 96%, 16% 61%); 
    }
    .body-map.male.front .body-part[data-area="neck"] { 
        clip-path: polygon(13% 9%, 21% 31%, 30% 44%, 36% 48%, 45% 52%, 50% 51%, 55% 52%, 64% 45%, 70% 39%, 81% 25%, 87% 10%, 90% 9%, 89% 17%, 90% 60%, 89% 80%, 65% 90%, 55% 95%, 50% 100%, 45% 95%, 35% 90%, 11% 80%, 10% 60%, 11% 40%, 14% 13%, 11% 44%); 
    }
    .body-map.male.front .body-part[data-area="lower-neck"] { 
        clip-path: polygon(23% 5%, 77% 5%, 81% 10%, 83% 37%, 85% 72%, 85% 75%, 85% 85%, 67% 95%, 42% 100%, 15% 85%, 17% 80%, 18% 45%, 19% 16%); 
    }
    .body-map.male.front .body-part[data-area="left-upper-torso"] { 
        clip-path: polygon(0% 100%, 0% 51%, 100% 20%, 89% 100%, 0% 99%, 0% 41%); 
    }
    .body-map.male.front .body-part[data-area="right-upper-torso"] { 
        clip-path: polygon(100% 100%, 100% 53%, 1% 19%, 10% 91%, 100% 98%, 100% 41%); 
    }
    .body-map.male.front .body-part[data-area="left-shoulder"] { 
        clip-path: polygon(89% 44%, 100% 35%, 68% 20%, 29% 28%, 0% 43%, 0% 48%, 18% 85%, 30% 92%, 38% 93%, 51% 80%); 
    }
    .body-map.male.front .body-part[data-area="right-shoulder"] { 
        clip-path: polygon(11% 44%, 0% 35%, 32% 20%, 71% 28%, 100% 43%, 100% 48%, 82% 85%, 70% 92%, 62% 93%, 49% 80%); 
    }
    .body-map.male.front .body-part[data-area="left-upper-arm-front"] { 
        clip-path: polygon(47% 0%, 100% 0%, 82% 18%, 100% 0%, 95% 73%, 100% 95%, 82% 100%, 56% 100%, 39% 100%, 32% 65%, 36% 14%, 24% 0%); 
    }
    .body-map.male.front .body-part[data-area="right-upper-arm-front"] { 
        clip-path: polygon(53% 0%, 0% 0%, 18% 18%, 0% 0%, 5% 73%, 0% 95%, 18% 100%, 44% 100%, 61% 100%, 68% 65%, 64% 14%, 76% 0%); 
    }
    .body-map.male.front .body-part[data-area="left-forearm-front"] { 
        clip-path: polygon(39% 0%, 93% 0%, 83% 34%, 83% 35%, 68% 60%, 58% 85%, 27% 84%, 29% 61%, 29% 31%, 26% 18%); 
    }
    .body-map.male.front .body-part[data-area="right-forearm-front"] { 
        clip-path: polygon(61% 0%, 7% 0%, 17% 34%, 17% 35%, 32% 60%, 42% 85%, 73% 84%, 71% 61%, 71% 31%, 74% 18%); 
    }
    .body-map.male.front .body-part[data-area="left-lowerarm-front"] { 
        clip-path: polygon(18% 6%, 42% 3%, 92% 66%, 100% 51%, 75% 83%, 87% 91%, 0% 95%, 0% 100%, 0% 62%, 0% 20%); 
    }
    .body-map.male.front .body-part[data-area="right-lowerarm-front"] { 
        clip-path: polygon(82% 6%, 58% 3%, 8% 66%, 0% 51%, 25% 83%, 13% 91%, 100% 95%, 100% 100%, 100% 62%, 100% 20%); 
    }
    .body-map.male.front .body-part[data-area="left-forearm-lower"] { 
        clip-path: polygon(1% 0%, 64% 0%, 82% 20%, 92% 45%, 91% 75%, 81% 95%, 47% 95%, 39% 77%, 31% 61%, 3% 34%); 
    }
    .body-map.male.front .body-part[data-area="right-forearm-lower"] { 
        clip-path: polygon(99% 0%, 36% 0%, 18% 20%, 8% 45%, 9% 75%, 19% 95%, 53% 95%, 61% 77%, 69% 61%, 97% 34%); 
    }
    .body-map.male.front .body-part[data-area="left-hand"] { 
        clip-path: polygon(30% 0%, 45% 0%, 61% 0%, 86% 10%, 85% 4%, 80% 20%, 85% 35%, 89% 55%, 81% 70%, 76% 85%, 68% 100%, 39% 85%, 28% 70%, 19% 63%, 15% 33%, 17% 15%, 26% 0%); 
    }
    .body-map.male.front .body-part[data-area="right-hand"] { 
        clip-path: polygon(70% 0%, 55% 0%, 39% 0%, 14% 10%, 15% 4%, 20% 20%, 15% 35%, 11% 55%, 19% 70%, 24% 85%, 32% 100%, 61% 85%, 72% 70%, 81% 63%, 85% 33%, 83% 15%, 74% 0%); 
    }
    .body-map.male.front .body-part[data-area="left-wrist"] { 
        clip-path: polygon(0% 7%, 83% 11%, 70% 40%, 8% 51%, 25% 47%, 0% 48%, 0% 52%, 0% 42%, 2% 0%, 0% 28%); 
    }
    .body-map.male.front .body-part[data-area="right-wrist"] { 
        clip-path: polygon(100% 7%, 17% 11%, 30% 40%, 92% 51%, 75% 47%, 100% 48%, 100% 52%, 100% 42%, 98% 0%, 100% 28%); 
    }
    .body-map.male.front .body-part[data-area="upper-chest"] { 
        clip-path: polygon(10% 9%, 90% 9%, 95% 25%, 95% 60%, 80% 100%, 70% 100%, 30% 100%, 20% 100%, 5% 60%, 5% 25%); 
    }
    .body-map.male.front .body-part[data-area="middle-chest"] { 
        clip-path: polygon(17% 10%, 80% 9%, 84% 10%, 90% 50%, 88% 80%, 83% 100%, 18% 100%, 14% 80%, 10% 50%, 15% 20%); 
    }
    .body-map.male.front .body-part[data-area="left-chest"] { 
        clip-path: polygon(5% 19%, 66% 20%, 91% 42%, 93% 51%, 87% 92%, 90% 91%, 78% 91%, 32% 90%, 0% 91%, 2% 68%); 
    }
    .body-map.male.front .body-part[data-area="right-chest"] { 
        clip-path: polygon(98% 27%, 34% 20%, 2% 42%, 0% 51%, 0% 100%, 0% 96%, 24% 100%, 75% 100%, 91% 100%, 92% 68%); 
    }
    .body-map.male.front .body-part[data-area="upper-abdomen"] { 
        clip-path: polygon(15% 0%, 85% 0%, 82% 21%, 82% 47%, 79% 100%, 71% 100%, 20% 100%, 19% 80%, 19% 50%, 18% 20%); 
    }
    .body-map.male.front .body-part[data-area="lower-abdomen"] { 
        clip-path: polygon(16% 11%, 84% 11%, 82% 25%, 86% 60%, 84% 100%, 60% 100%, 40% 100%, 16% 100%, 14% 60%, 18% 25%); 
    }
    .body-map.male.front .body-part[data-area="left-abdomen"] { 
        clip-path: polygon(14% 19%, 72% 20%, 85% 20%, 90% 50%, 85% 81%, 86% 100%, 40% 94%, 0% 90%, 6% 75%, 6% 40%); 
    }
    .body-map.male.front .body-part[data-area="right-abdomen"] { 
        clip-path: polygon(93% 19%, 30% 20%, 15% 20%, 10% 50%, 15% 80%, 14% 100%, 60% 94%, 100% 90%, 100% 75%, 100% 40%); 
    }
    .body-map.male.front .body-part[data-area="left-ribs"] { 
        clip-path: polygon(0% 16%, 87% 19%, 85% 15%, 96% 41%, 100% 76%, 100% 80%, 100% 100%, 57% 100%, 42% 100%, 30% 100%, 24% 72%, 8% 42%, 0% 21%); 
    }
    .body-map.male.front .body-part[data-area="right-ribs"] { 
        clip-path: polygon(100% 18%, 13% 16%, 12% 15%, 6% 41%, 0% 76%, 0% 81%, 0% 100%, 42% 100%, 64% 100%, 74% 100%, 82% 63%, 99% 40%, 100% 1%); 
    }
    .body-map.male.front .body-part[data-area="left-groin"] { 
        clip-path: polygon(21% 0%, 85% 7%, 82% 37%, 97% 96%, 86% 92%, 55% 87%, 25% 85%, 10% 85%, 0% 84%); 
    }
    .body-map.male.front .body-part[data-area="right-groin"] { 
        clip-path: polygon(79% 0%, 15% 7%, 18% 37%, 3% 96%, 14% 92%, 45% 87%, 75% 85%, 90% 85%, 100% 84%); 
    }
    .body-map.male.front .body-part[data-area="middle-groin"] { 
        clip-path: polygon(17% 0%, 83% 0%, 88% 30%, 79% 60%, 71% 88%, 69% 85%, 31% 85%, 29% 88%, 21% 60%, 12% 30%); 
    }
    .body-map.male.front .body-part[data-area="left-knee"] { 
        clip-path: polygon(1% 65%, 0% 11%, 0% 0%, 6% 3%, 100% 0%, 100% 0%, 86% 78%, 80% 92%, 0% 100%, 0% 94%); 
    }
    .body-map.male.front .body-part[data-area="right-knee"] { 
        clip-path: polygon(99% 65%, 100% 11%, 100% 0%, 94% 3%, 0% 0%, 0% 0%, 14% 78%, 20% 92%, 100% 100%, 100% 94%); 
    }
    .body-map.male.front .body-part[data-area="left-ankle"] { 
        clip-path: polygon(9% 42%, 10% 19%, 36% 17%, 64% 18%, 69% 20%, 77% 50%, 85% 72%, 65% 81%, 55% 75%, 26% 53%); 
    }
    .body-map.male.front .body-part[data-area="right-ankle"] { 
        clip-path: polygon(91% 42%, 90% 19%, 64% 17%, 36% 18%, 31% 20%, 23% 50%, 15% 72%, 35% 81%, 45% 75%, 74% 53%); 
    }
    .body-map.male.front .body-part[data-area="left-thigh-front"] { 
        clip-path: polygon(66% 1%, 93% 4%, 82% 25%, 73% 50%, 73% 68%, 78% 93%, 69% 95%, 36% 93%, 27% 75%, 24% 50%, 24% 31%, 27% 2%); 
    }
    .body-map.male.front .body-part[data-area="left-thigh-front-inner"] { 
        clip-path: polygon(31% 4%, 78% 8%, 83% 38%, 82% 50%, 83% 93%, 63% 93%, 44% 95%, 35% 95%, 21% 83%, 11% 59%, 20% 33%, 28% 2%); 
    }
    .body-map.male.front .body-part[data-area="right-thigh-front"] { 
        clip-path: polygon(34% 1%, 7% 4%, 18% 25%, 27% 50%, 27% 68%, 22% 93%, 31% 95%, 64% 93%, 73% 75%, 76% 50%, 76% 31%, 73% 2%); 
    }
    .body-map.male.front .body-part[data-area="right-thigh-front-inner"] { 
        clip-path: polygon(69% 4%, 22% 8%, 17% 38%, 18% 50%, 17% 93%, 37% 93%, 56% 95%, 65% 95%, 79% 83%, 89% 59%, 80% 33%, 72% 2%); 
    }
    .body-map.male.front .body-part[data-area="tibialis-anterior-left"] { 
        clip-path: polygon(27% 5%, 100% 3%, 100% 22%, 90% 32%, 82% 46%, 68% 100%, 50% 100%, 25% 100%, 13% 75%, 6% 50%, 10% 25%, 19% 9%); 
    }
    .body-map.male.front .body-part[data-area="tibialis-anterior-right"] { 
        clip-path: polygon(73% 5%, 0% 3%, 0% 22%, 10% 32%, 18% 46%, 32% 100%, 50% 100%, 75% 100%, 87% 75%, 94% 50%, 90% 25%, 81% 9%); 
    }
    .body-map.male.front .body-part[data-area="tibialis-anterior-left-inner"] { 
        clip-path: polygon(61% 0%, 72% 8%, 82% 25%, 83% 50%, 70% 72%, 70% 100%, 31% 100%, 27% 100%, 18% 75%, 10% 50%, 2% 2%, 26% 2%); 
    }
    .body-map.male.front .body-part[data-area="tibialis-anterior-right-inner"] { 
        clip-path: polygon(39% 0%, 28% 8%, 18% 25%, 17% 50%, 30% 72%, 30% 100%, 69% 100%, 73% 100%, 82% 75%, 90% 50%, 98% 2%, 74% 2%); 
    }
    .body-map.male.front .body-part[data-area="left-shin"] { 
        clip-path: polygon(26% 30%, 72% 23%, 59% 40%, 57% 54%, 57% 52%, 41% 79%, 30% 78%, 31% 76%, 33% 66%, 31% 43%); 
    }
    .body-map.male.front .body-part[data-area="right-shin"] { 
        clip-path: polygon(74% 30%, 28% 23%, 41% 40%, 43% 54%, 43% 52%, 59% 79%, 70% 78%, 69% 76%, 67% 66%, 69% 43%); 
    }
    .body-map.male.front .body-part[data-area="left-foot"] { 
        clip-path: polygon(0% 50%, 10% 35%, 25% 22%, 45% 15%, 55% 15%, 75% 22%, 90% 35%, 100% 50%, 90% 65%, 75% 78%, 55% 85%, 45% 85%, 25% 78%, 10% 65%); 
    }
    .body-map.male.front .body-part[data-area="right-foot"] { 
        clip-path: polygon(100% 50%, 90% 35%, 75% 22%, 55% 15%, 45% 15%, 25% 22%, 10% 35%, 0% 50%, 10% 65%, 25% 78%, 45% 85%, 55% 85%, 75% 78%, 90% 65%); 
    }

   /* MALE BACK MAPPING - Complete with Right Side Adjusted */

    /* Head */
    .body-map.male.back .body-part[data-area="back-head"] { 
        clip-path: polygon(6% 57%, 16% 19%, 29% 6%, 69% 5%, 89% 34%, 93% 41%, 90% 79%, 49% 79%, 44% 79%, 9% 79%);
    }

    /* Neck Areas */
    .body-map.male.back .body-part[data-area="back-neck"] { 
        clip-path: polygon(8% 0%, 89% 0%, 90% 20%, 88% 50%, 85% 70%, 94% 100%, 70% 100%, 36% 100%, 4% 100%, 10% 76%, 11% 50%, 10% 20%);
    }
    .body-map.male.back .body-part[data-area="back-upper-back"] { 
        clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 0% 95%);
    }

    /* Spine Areas */
    .body-map.male.back .body-part[data-area="back-middle-back"] { 
        clip-path: polygon(0% 9%, 100% 10%, 100% 100%, 0% 100%);
    }
    .body-map.male.back .body-part[data-area="back-middle-lower-back"] { 
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    .body-map.male.back .body-part[data-area="back-lumbar-region"] { 
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }

    /* Left and Right Lumbar */
    .body-map.male.back .body-part[data-area="back-lumbar-region-left"] { 
        clip-path: polygon(5% 11%, 82% 3%, 84% 25%, 85% 50%, 85% 75%, 85% 88%, 60% 88%, 30% 88%, 0% 88%, 0% 54%, 0% 53%, 0% 20%);
    }
    .body-map.male.back .body-part[data-area="back-lumbar-region-right"] { 
        clip-path: polygon(95% 11%, 18% 3%, 16% 25%, 15% 50%, 15% 75%, 15% 88%, 40% 88%, 70% 88%, 100% 88%, 100% 54%, 100% 53%, 100% 20%);
    }

    /* Shoulders */
    .body-map.male.back .body-part[data-area="back-left-shoulder"] { 
        clip-path: polygon(28% 50%, 42% 31%, 63% 18%, 60% 20%, 82% 9%, 85% 26%, 82% 78%, 84% 85%, 41% 86%, 23% 85%);
    }
    .body-map.male.back .body-part[data-area="back-right-shoulder"] { 
        clip-path: polygon(72% 50%, 58% 31%, 37% 18%, 40% 20%, 18% 9%, 15% 26%, 18% 78%, 16% 85%, 59% 86%, 77% 85%);
    }

    /* Upper Torso */
    .body-map.male.back .body-part[data-area="back-left-upper-torso"] { 
        clip-path: polygon(0% 86%, 0% 51%, 99% 29%, 96% 99%, 6% 94%, 0% 100%);
    }
    .body-map.male.back .body-part[data-area="back-right-upper-torso"] { 
        clip-path: polygon(100% 86%, 100% 51%, 1% 29%, 4% 99%, 94% 94%, 100% 100%);
    }

    /* Middle Torso */
    .body-map.male.back .body-part[data-area="back-middle-left"] { 
        clip-path: polygon(5% 78%, 5% 21%, 99% 23%, 96% 84%, 5% 98%, 0% 41%);
    }
    .body-map.male.back .body-part[data-area="back-middle-right"] { 
        clip-path: polygon(95% 78%, 95% 21%, 1% 23%, 4% 84%, 95% 98%, 100% 41%);
    }

    /* Lower Middle Torso */
    .body-map.male.back .body-part[data-area="back-middle-left-lower"] { 
        clip-path: polygon(13% 22%, 70% 9%, 70% 85%, 33% 90%);
    }
    .body-map.male.back .body-part[data-area="back-middle-right-lower"] { 
        clip-path: polygon(87% 22%, 30% 9%, 30% 85%, 67% 90%);
    }

    /* Arms - Left Side */
    .body-map.male.back .body-part[data-area="back-left-upper-arm"] { 
        clip-path: polygon(37% 7%, 73% 7%, 67% 50%, 56% 90%, 3% 90%, 21% 50%);
    }
    .body-map.male.back .body-part[data-area="back-left-lower-arm"] { 
        clip-path: polygon(38% 6%, 73% 7%, 76% 50%, 45% 90%, 16% 90%, 30% 50%);
    }
    .body-map.male.back .body-part[data-area="back-left-forearm"] { 
        clip-path: polygon(36% 10%, 99% 10%, 35% 90%, 1% 90%);
    }
    .body-map.male.back .body-part[data-area="back-left-forearm-lower"] { 
        clip-path: polygon(63% 10%, 99% 10%, 40% 90%, 0% 90%);
    }
    .body-map.male.back .body-part[data-area="back-left-wrist"] { 
        clip-path: polygon(23% 26%, 80% 25%, 75% 90%, 4% 90%);
    }
    .body-map.male.back .body-part[data-area="back-left-hand"] { 
        clip-path: polygon(7% 37%, 22% 17%, 30% 17%, 45% 17%, 55% 17%, 87% 17%, 90% 32%, 94% 45%, 90% 54%, 75% 70%, 55% 73%, 45% 70%, 37% 68%, 21% 64%);
    }

    /* Arms - Right Side (Mirrored) */
    .body-map.male.back .body-part[data-area="back-right-upper-arm"] { 
        clip-path: polygon(63% 7%, 27% 7%, 33% 50%, 44% 90%, 97% 90%, 79% 50%);
    }
    .body-map.male.back .body-part[data-area="back-right-lower-arm"] { 
        clip-path: polygon(62% 6%, 27% 7%, 24% 50%, 55% 90%, 84% 90%, 70% 50%);
    }
    .body-map.male.back .body-part[data-area="back-right-forearm"] { 
        clip-path: polygon(64% 10%, 1% 10%, 65% 90%, 99% 90%);
    }
    .body-map.male.back .body-part[data-area="back-right-forearm-lower"] { 
        clip-path: polygon(37% 10%, 1% 10%, 60% 90%, 100% 90%);
    }
    .body-map.male.back .body-part[data-area="back-right-wrist"] { 
        clip-path: polygon(77% 26%, 20% 25%, 25% 90%, 96% 90%);
    }
    .body-map.male.back .body-part[data-area="back-right-hand"] { 
        clip-path: polygon(93% 37%, 78% 17%, 70% 17%, 55% 17%, 45% 17%, 13% 17%, 10% 32%, 6% 45%, 10% 54%, 25% 70%, 45% 73%, 55% 70%, 63% 68%, 79% 64%);
    }

    /* Groin */
    .body-map.male.back .body-part[data-area="back-left-groin"] { 
        clip-path: polygon(15% 0%, 97% 0%, 97% 37%, 98% 97%, 88% 95%, 55% 95%, 19% 90%, 6% 89%, 0% 84%);
    }
    .body-map.male.back .body-part[data-area="back-right-groin"] { 
        clip-path: polygon(79% 0%, 0% 0%, 0% 37%, 2% 97%, 12% 95%, 45% 95%, 81% 90%, 94% 89%, 100% 84%);
    }

    /* Thighs */
    .body-map.male.back .body-part[data-area="back-left-thigh"] { 
        clip-path: polygon(25% 1%, 100% 9%, 94% 16%, 83% 45%, 80% 82%, 78% 95%, 69% 95%, 36% 95%, 25% 80%, 19% 55%, 18% 53%, 22% 1%);
    }
    .body-map.male.back .body-part[data-area="back-right-thigh"] { 
        clip-path: polygon(75% 1%, 0% 9%, 6% 16%, 17% 45%, 20% 82%, 22% 95%, 31% 95%, 64% 95%, 75% 80%, 81% 55%, 82% 53%, 78% 1%);
    }
    .body-map.male.back .body-part[data-area="back-left-thigh-inner"] { 
        clip-path: polygon(58% 8%, 90% 8%, 87% 38%, 84% 50%, 72% 95%, 55% 95%, 55% 95%, 23% 95%, 23% 58%, 38% 8%);
    }
    .body-map.male.back .body-part[data-area="back-right-thigh-inner"] { 
        clip-path: polygon(42% 8%, 10% 8%, 13% 38%, 16% 50%, 28% 95%, 45% 95%, 45% 95%, 77% 95%, 77% 58%, 62% 8%);
    }

    /* Knees */
    .body-map.male.back .body-part[data-area="back-left-knee"] { 
        clip-path: polygon(1% 65%, 0% 11%, 0% 0%, 6% 3%, 100% 0%, 100% 0%, 86% 78%, 80% 92%, 0% 100%, 0% 94%);
    }
    .body-map.male.back .body-part[data-area="back-right-knee"] { 
        clip-path: polygon(99% 65%, 100% 11%, 100% 0%, 94% 3%, 0% 0%, 0% 0%, 14% 78%, 20% 92%, 100% 100%, 100% 94%);
    }

    /* Shins */
    .body-map.male.back .body-part[data-area="back-tibialis-anterior-left"] { 
        clip-path: polygon(13% 5%, 99% 3%, 88% 22%, 88% 32%, 83% 46%, 78% 100%, 50% 100%, 25% 100%, 13% 75%, 6% 50%, 2% 25%, 5% 9%);
    }
    .body-map.male.back .body-part[data-area="back-tibialis-anterior-right"] { 
        clip-path: polygon(87% 5%, 1% 3%, 12% 22%, 12% 32%, 17% 46%, 22% 100%, 50% 100%, 75% 100%, 87% 75%, 94% 50%, 98% 25%, 95% 9%);
    }
    .body-map.male.back .body-part[data-area="back-tibialis-anterior-left-inner"] { 
        clip-path: polygon(87% 2%, 89% 8%, 98% 25%, 85% 50%, 58% 75%, 48% 95%, 19% 95%, 9% 94%, 10% 82%, 7% 51%, 26% 3%, 36% 2%);
    }
    .body-map.male.back .body-part[data-area="back-tibialis-anterior-right-inner"] { 
        clip-path: polygon(13% 2%, 11% 8%, 2% 25%, 15% 50%, 42% 75%, 52% 95%, 81% 95%, 91% 94%, 90% 82%, 93% 51%, 74% 3%, 64% 2%);
    }

    /* Ankles */
    .body-map.male.back .body-part[data-area="back-left-ankle"] { 
        clip-path: polygon(3% 34%, 10% 8%, 36% 9%, 70% 9%, 74% 18%, 75% 39%, 81% 55%, 74% 54%, 62% 50%, 26% 40%);
    }
    .body-map.male.back .body-part[data-area="back-right-ankle"] { 
        clip-path: polygon(97% 34%, 90% 8%, 64% 9%, 30% 9%, 26% 18%, 25% 39%, 19% 55%, 26% 54%, 38% 50%, 74% 40%);
    }

    /* Feet */
    .body-map.male.back .body-part[data-area="back-left-foot"] { 
        clip-path: polygon(13% 57%, 31% 41%, 58% 19%, 99% 50%, 98% 70%, 70% 74%, 40% 76%, 10% 68%);
    }
    .body-map.male.back .body-part[data-area="back-right-foot"] { 
        clip-path: polygon(87% 57%, 69% 41%, 42% 19%, 1% 50%, 2% 70%, 30% 74%, 60% 76%, 90% 68%);
    }

 

    /* FEMALE FRONT MAPPING - Complete Clip-paths */
    /* Head and Face */
    .body-map.female.front .body-part[data-area="female-forehead"] { 
        clip-path: polygon(0% 87%, 14% 48%, 51% 0%, 44% 11%, 67% 0%, 77% 11%, 92% 51%, 99% 86%, 82% 90%, 70% 90%, 30% 94%, 15% 99%); 
    }
    .body-map.female.front .body-part[data-area="female-face"] { 
        clip-path: polygon(25% 8%, 75% 6%, 84% 28%, 86% 45%, 85% 65%, 79% 80%, 67% 90%, 50% 97%, 44% 96%, 34% 90%, 20% 78%, 18% 65%, 20% 45%, 20% 20%); 
    }

    /* Neck */
    .body-map.female.front .body-part[data-area="female-neck"] { 
        clip-path: polygon(30% 27%, 17% 73%, 25% 20%, 45% 39%, 42% 31%, 48% 36%, 52% 33%, 58% 34%, 66% 31%, 72% 28%, 78% 21%, 80% 20%, 85% 0%, 82% 38%, 85% 58%, 84% 78%, 68% 88%, 58% 93%, 52% 98%, 48% 93%, 42% 88%, 16% 78%, 15% 58%, 16% 38%, 18% 0%, 15% 0%); 
    }
    .body-map.female.front .body-part[data-area="female-lower-neck"] { 
        clip-path: polygon(20% 0%, 25% 8%, 35% 12%, 45% 10%, 55% 10%, 65% 12%, 75% 8%, 80% 0%, 76% 25%, 81% 50%, 84% 73%, 83% 100%, 70% 100%, 60% 100%, 36% 100%, 30% 100%, 22% 96%, 15% 94%, 16% 50%, 20% 25%); 
    }

    /* Shoulders */
    .body-map.female.front .body-part[data-area="female-left-shoulder"] { 
        clip-path: polygon(36% 33%, 58% 19%, 76% 23%, 89% 56%, 99% 86%, 79% 91%, 62% 95%, 24% 100%, 18% 99%, 20% 70%); 
    }
    .body-map.female.front .body-part[data-area="female-right-shoulder"] { 
        clip-path: polygon(56% 25%, 34% 16%, 23% 23%, 11% 56%, 1% 86%, 21% 91%, 45% 95%, 89% 100%, 90% 99%, 75% 34%); 
    }

    /* Arms */
    .body-map.female.front .body-part[data-area="female-left-upper-arm"] { 
        clip-path: polygon(29% 7%, 94% 1%, 83% 14%, 73% 40%, 86% 54%, 69% 85%, 63% 100%, 0% 100%, 4% 80%, 17% 60%, 24% 35%, 28% 10%); 
    }
    .body-map.female.front .body-part[data-area="female-right-upper-arm"] { 
        clip-path: polygon(71% 7%, 6% 1%, 17% 14%, 27% 40%, 14% 54%, 31% 85%, 37% 100%, 100% 100%, 96% 80%, 83% 60%, 76% 35%, 72% 10%); 
    }

    .body-map.female.front .body-part[data-area="female-left-forearm"] { 
        clip-path: polygon(35% 7%, 98% 8%, 95% 25%, 80% 45%, 60% 70%, 38% 90%, 30% 90%, 5% 88%, 6% 80%, 11% 60%, 14% 41%, 33% 15%); 
    }
    .body-map.female.front .body-part[data-area="female-right-forearm"] { 
        clip-path: polygon(65% 7%, 2% 8%, 5% 25%, 20% 45%, 40% 70%, 62% 90%, 70% 90%, 95% 88%, 94% 80%, 89% 60%, 86% 41%, 67% 15%); 
    }

    /* Wrists */
    .body-map.female.front .body-part[data-area="female-left-wrist"] { 
        clip-path: polygon(26% 22%, 78% 27%, 86% 31%, 79% 50%, 91% 65%, 57% 73%, 35% 80%, 24% 85%, 24% 70%, 25% 50%, 38% 18%); 
    }
    .body-map.female.front .body-part[data-area="female-right-wrist"] { 
        clip-path: polygon(74% 22%, 22% 27%, 14% 31%, 21% 50%, 9% 65%, 43% 73%, 65% 80%, 76% 85%, 76% 70%, 75% 50%, 62% 18%); 
    }

    /* Hands */
    .body-map.female.front .body-part[data-area="female-left-hand"] { 
        clip-path: polygon(19% 21%, 55% 10%, 61% 25%, 76% 50%, 82% 90%, 68% 94%, 38% 80%, 15% 45%); 
    }
    .body-map.female.front .body-part[data-area="female-right-hand"] { 
        clip-path: polygon(81% 21%, 45% 10%, 39% 25%, 24% 50%, 18% 90%, 32% 94%, 62% 80%, 85% 45%); 
    }

    /* Chest */
    .body-map.female.front .body-part[data-area="female-upper-chest"] { 
        clip-path: polygon(9% 13%, 85% 14%, 90% 18%, 85% 50%, 80% 100%, 70% 100%, 60% 100%, 40% 100%, 30% 100%, 20% 100%, 13% 50%, 10% 20%); 
    }

    .body-map.female.front .body-part[data-area="female-left-breast"] { 
        clip-path: polygon(22% 18%, 86% 21%, 80% 33%, 78% 50%, 81% 75%, 80% 86%, 60% 88%, 18% 86%, 15% 80%, 7% 60%, 10% 40%, 15% 25%); 
    }
    .body-map.female.front .body-part[data-area="female-right-breast"] { 
        clip-path: polygon(78% 18%, 14% 21%, 20% 33%, 22% 50%, 19% 75%, 20% 86%, 40% 88%, 82% 86%, 85% 80%, 93% 60%, 90% 40%, 85% 25%); 
    }

    .body-map.female.front .body-part[data-area="female-middle-chest"] { 
        clip-path: polygon(25% 0%, 75% 0%, 80% 25%, 78% 50%, 77% 76%, 75% 92%, 60% 92%, 40% 91%, 30% 91%, 25% 93%, 22% 92%, 20% 25%); 
    }

    /* Torso */
    .body-map.female.front .body-part[data-area="female-left-torso"] { 
        clip-path: polygon(28% 25%, 73% 8%, 74% 22%, 77% 40%, 77% 50%, 84% 77%, 88% 100%, 64% 100%, 58% 100%, 25% 100%, 24% 100%, 24% 100%, 18% 74%, 12% 50%, 8% 35%, 6% 32%); 
    }
    .body-map.female.front .body-part[data-area="female-right-torso"] { 
        clip-path: polygon(72% 25%, 27% 8%, 26% 22%, 23% 40%, 23% 50%, 16% 77%, 12% 100%, 36% 100%, 42% 100%, 75% 100%, 76% 100%, 76% 100%, 82% 74%, 88% 50%, 92% 35%, 94% 32%); 
    }

    /* Ribs */
    .body-map.female.front .body-part[data-area="female-left-ribs"] { 
        clip-path: polygon(5% 14%, 75% 13%, 80% 25%, 81% 45%, 81% 100%, 75% 100%, 60% 100%, 0% 100%, 2% 93%, 18% 75%, 14% 50%, 8% 30%); 
    }
    .body-map.female.front .body-part[data-area="female-right-ribs"] { 
        clip-path: polygon(95% 14%, 25% 13%, 20% 25%, 19% 45%, 14% 100%, 25% 100%, 40% 100%, 100% 100%, 98% 93%, 82% 75%, 86% 50%, 92% 30%); 
    }

    /* Abdomen */
    .body-map.female.front .body-part[data-area="female-upper-abdomen"] { 
        clip-path: polygon(17% 5%, 87% 4%, 85% 21%, 84% 45%, 82% 80%, 81% 100%, 72% 100%, 35% 100%, 20% 100%, 20% 70%, 19% 45%, 15% 20%); 
    }

    .body-map.female.front .body-part[data-area="female-waist"] { 
        clip-path: polygon(22% 15%, 78% 15%, 77% 25%, 76% 50%, 75% 75%, 73% 100%, 55% 100%, 45% 100%, 22% 100%, 22% 73%, 22% 50%, 22% 25%); 
    }

    .body-map.female.front .body-part[data-area="female-lower-abdomen"] { 
        clip-path: polygon(17% 0%, 78% 0%, 78% 20%, 78% 46%, 78% 68%, 78% 88%, 71% 90%, 23% 90%, 22% 85%, 22% 70%, 20% 45%, 18% 20%); 
    }

    /* Left and Right Abdomen */
    .body-map.female.front .body-part[data-area="female-left-abdomen"] { 
        clip-path: polygon(9% 41%, 84% 42%, 77% 39%, 83% 40%, 84% 84%, 84% 93%, 40% 80%, 9% 73%, 0% 66%, 7% 47%); 
    }
    .body-map.female.front .body-part[data-area="female-right-abdomen"] { 
        clip-path: polygon(91% 41%, 16% 42%, 23% 39%, 17% 40%, 16% 84%, 16% 93%, 60% 80%, 91% 73%, 100% 66%, 93% 47%); 
    }

    /* Hips and Pelvis */
    .body-map.female.front .body-part[data-area="female-left-hip"] { 
        clip-path: polygon(12% 15%, 70% 32%, 77% 34%, 80% 50%, 80% 75%, 80% 91%, 54% 83%, 18% 75%, 2% 73%, 0% 70%, 5% 45%, 10% 25%); 
    }
    .body-map.female.front .body-part[data-area="female-right-hip"] { 
        clip-path: polygon(88% 15%, 30% 32%, 23% 34%, 20% 50%, 20% 75%, 20% 91%, 46% 83%, 82% 75%, 98% 73%, 100% 70%, 95% 45%, 90% 25%); 
    }

    .body-map.female.front .body-part[data-area="female-pelvis"] { 
        clip-path: polygon(17% 6%, 84% 7%, 84% 31%, 84% 50%, 80% 75%, 78% 90%, 60% 100%, 40% 100%, 20% 90%, 18% 75%, 18% 50%, 15% 25%); 
    }

    /* Groin */
    .body-map.female.front .body-part[data-area="female-left-groin"] { 
        clip-path: polygon(7% 11%, 51% 23%, 72% 31%, 78% 42%, 79% 68%, 74% 73%, 61% 72%, 40% 72%, 23% 71%, 10% 70%, 7% 50%, 6% 25%); 
    }
    .body-map.female.front .body-part[data-area="female-right-groin"] { 
        clip-path: polygon(93% 11%, 49% 23%, 28% 31%, 22% 42%, 21% 68%, 26% 73%, 39% 72%, 60% 72%, 77% 71%, 90% 70%, 93% 50%, 94% 25%); 
    }

    /* Thighs */
    .body-map.female.front .body-part[data-area="female-left-thigh"] { 
        clip-path: polygon(15% 0%, 80% 2%, 83% 19%, 84% 35%, 84% 60%, 83% 80%, 80% 95%, 50% 96%, 46% 95%, 44% 82%, 36% 60%, 28% 35%, 20% 15%); 
    }
    .body-map.female.front .body-part[data-area="female-right-thigh"] { 
        clip-path: polygon(85% 0%, 20% 2%, 17% 19%, 16% 35%, 16% 60%, 17% 80%, 20% 95%, 50% 96%, 54% 95%, 56% 82%, 64% 60%, 72% 35%, 80% 15%); 
    }

    .body-map.female.front .body-part[data-area="female-left-inner-thigh"] { 
        clip-path: polygon(23% 2%, 89% 0%, 82% 24%, 78% 45%, 80% 70%, 84% 85%, 80% 94%, 50% 95%, 41% 95%, 22% 95%, 27% 79%, 28% 45%, 22% 20%); 
    }
    .body-map.female.front .body-part[data-area="female-right-inner-thigh"] { 
        clip-path: polygon(77% 2%, 11% 0%, 18% 24%, 22% 45%, 20% 70%, 16% 85%, 20% 94%, 50% 95%, 59% 95%, 78% 95%, 73% 79%, 72% 45%, 78% 20%); 
    }

    /* Knees */
    .body-map.female.front .body-part[data-area="female-left-knee"] { 
        clip-path: polygon(12% 3%, 92% 2%, 92% 20%, 91% 50%, 85% 75%, 82% 87%, 60% 89%, 40% 89%, 12% 85%, 16% 70%, 17% 40%, 11% 12%); 
    }
    .body-map.female.front .body-part[data-area="female-right-knee"] { 
        clip-path: polygon(88% 3%, 8% 2%, 8% 20%, 9% 50%, 15% 75%, 18% 87%, 40% 89%, 60% 89%, 88% 85%, 84% 70%, 83% 40%, 89% 12%); 
    }

    /* Shins and Calves */
    .body-map.female.front .body-part[data-area="female-left-shin"] { 
        clip-path: polygon(28% 5%, 82% 6%, 80% 15%, 83% 35%, 86% 60%, 92% 82%, 95% 95%, 64% 95%, 63% 90%, 59% 83%, 45% 60%, 27% 35%, 25% 17%); 
    }
    .body-map.female.front .body-part[data-area="female-right-shin"] { 
        clip-path: polygon(72% 5%, 18% 6%, 20% 15%, 17% 35%, 14% 60%, 8% 82%, 5% 95%, 36% 95%, 37% 90%, 41% 83%, 55% 60%, 73% 35%, 75% 17%); 
    }

    .body-map.female.front .body-part[data-area="female-left-calf"] { 
        clip-path: polygon(25% 1%, 75% 0%, 80% 20%, 87% 40%, 81% 65%, 72% 100%, 60% 100%, 50% 100%, 43% 100%, 40% 88%, 33% 65%, 27% 40%, 27% 20%); 
    }
    .body-map.female.front .body-part[data-area="female-right-calf"] { 
        clip-path: polygon(75% 1%, 25% 0%, 20% 20%, 13% 40%, 19% 65%, 28% 100%, 40% 100%, 50% 100%, 57% 100%, 60% 88%, 67% 65%, 73% 40%, 73% 20%); 
    }

    /* Ankles */
    .body-map.female.front .body-part[data-area="female-left-ankle"] { 
        clip-path: polygon(14% 0%, 81% 0%, 85% 30%, 84% 50%, 84% 70%, 70% 76%, 64% 82%, 52% 83%, 40% 84%, 19% 85%, 22% 70%, 18% 50%, 15% 30%); 
    }
    .body-map.female.front .body-part[data-area="female-right-ankle"] { 
        clip-path: polygon(86% 0%, 19% 0%, 15% 30%, 16% 50%, 16% 70%, 30% 76%, 36% 82%, 48% 83%, 60% 84%, 81% 85%, 78% 70%, 82% 50%, 85% 30%); 
    }

    /* Feet */
    .body-map.female.front .body-part[data-area="female-left-foot"] { 
        clip-path: polygon(35% 30%, 36% 30%, 38% 22%, 50% 22%, 70% 22%, 85% 18%, 87% 22%, 90% 45%, 80% 55%, 65% 72%, 50% 80%, 35% 81%, 15% 82%, 0% 63%); 
    }
    .body-map.female.front .body-part[data-area="female-right-foot"] { 
        clip-path: polygon(65% 30%, 64% 30%, 62% 22%, 50% 22%, 30% 22%, 15% 18%, 13% 22%, 10% 45%, 20% 55%, 35% 72%, 50% 80%, 65% 81%, 85% 82%, 100% 63%); 
    }

   /* FEMALE BACK MAPPING - Complete with Right Side Fully Adjusted */

    /* Head and Face */
    .body-map.female.back .body-part[data-area="female-back-head"] { 
        clip-path: polygon(27% 9%, 60% 8%, 81% 23%, 86% 35%, 89% 66%, 92% 98%, 48% 97%, 9% 100%, 8% 84%, 12% 44%, 21% 13%, 6% 23%); 
    }

    /* Neck */
    .body-map.female.back .body-part[data-area="female-back-neck"] { 
        clip-path: polygon(35% 15%, 25% 19%, 35% 21%, 45% 19%, 54% 10%, 80% 12%, 82% 8%, 75% 17%, 76% 25%, 81% 50%, 84% 73%, 83% 100%, 70% 100%, 60% 100%, 36% 100%, 30% 100%, 22% 96%, 15% 94%, 16% 50%, 20% 25%); 
    }

    /* Shoulders */
    .body-map.female.back .body-part[data-area="female-back-left-shoulder"] { 
        clip-path: polygon(36% 33%, 58% 19%, 76% 23%, 89% 56%, 99% 86%, 79% 91%, 62% 95%, 24% 100%, 18% 99%, 20% 70%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-shoulder"] { 
        clip-path: polygon(64% 33%, 42% 19%, 24% 23%, 11% 56%, 1% 86%, 21% 91%, 38% 95%, 76% 100%, 82% 99%, 80% 70%); 
    }

    /* Upper Back/Torso */
    .body-map.female.back .body-part[data-area="female-back-left-torso"] { 
        clip-path: polygon(42% 28%, 71% 8%, 71% 24%, 74% 40%, 77% 50%, 84% 71%, 89% 88%, 76% 93%, 41% 99%, 26% 99%, 24% 100%, 24% 100%, 18% 74%, 12% 50%, 8% 35%, 10% 42%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-upper-torso"] { 
        clip-path: polygon(58% 28%, 29% 8%, 29% 24%, 26% 40%, 23% 50%, 16% 71%, 11% 88%, 24% 93%, 59% 99%, 74% 99%, 76% 100%, 76% 100%, 82% 74%, 88% 50%, 92% 35%, 90% 42%); 
    }

    /* Middle Back */
    .body-map.female.back .body-part[data-area="female-back-middle-left"] { 
        clip-path: polygon(11% 11%, 80% 2%, 85% 35%, 82% 60%, 78% 85%, 70% 100%, 30% 95%, 20% 80%, 15% 60%, 12% 35%, 8% 20%); 
    }
    .body-map.female.back .body-part[data-area="female-back-middle-right"] { 
        clip-path: polygon(89% 11%, 20% 2%, 15% 35%, 18% 60%, 22% 85%, 30% 100%, 70% 95%, 80% 80%, 85% 60%, 88% 35%, 92% 20%); 
    }

    /* Spine Areas */
    .body-map.female.back .body-part[data-area="female-back-upper-spine"] { 
        clip-path: polygon(9% 13%, 85% 14%, 90% 18%, 85% 50%, 80% 100%, 70% 100%, 60% 100%, 40% 100%, 30% 100%, 20% 100%, 13% 50%, 10% 20%); 
    }
    .body-map.female.back .body-part[data-area="female-back-middle-spine"] { 
        clip-path: polygon(25% 0%, 75% 0%, 80% 25%, 78% 50%, 77% 76%, 75% 92%, 60% 92%, 40% 91%, 30% 91%, 25% 93%, 22% 92%, 20% 25%); 
    }
    .body-map.female.back .body-part[data-area="female-back-lower-spine"] { 
        clip-path: polygon(9% 13%, 85% 14%, 90% 18%, 85% 50%, 80% 100%, 70% 100%, 60% 100%, 40% 100%, 30% 100%, 20% 100%, 13% 50%, 10% 20%); 
    }
    .body-map.female.back .body-part[data-area="female-back-spine"] { 
        clip-path: polygon(22% 11%, 75% 11%, 76% 25%, 76% 50%, 76% 76%, 76% 92%, 60% 92%, 40% 91%, 30% 91%, 25% 93%, 24% 92%, 22% 24%); 
    }

    /* Lower Back */
    .body-map.female.back .body-part[data-area="female-back-lower-left"] { 
        clip-path: polygon(5% 14%, 75% 13%, 80% 25%, 81% 45%, 81% 100%, 75% 100%, 60% 100%, 0% 100%, 2% 93%, 18% 75%, 14% 50%, 8% 30%); 
    }
    .body-map.female.back .body-part[data-area="female-back-left-abdomen"] { 
        clip-path: polygon(9% 41%, 84% 42%, 77% 39%, 83% 40%, 84% 84%, 84% 93%, 40% 80%, 9% 73%, 0% 66%, 7% 47%); 
    }
    .body-map.female.back .body-part[data-area="female-back-lower-right"] { 
        clip-path: polygon(95% 14%, 25% 13%, 20% 25%, 19% 45%, 19% 100%, 25% 100%, 40% 100%, 100% 100%, 98% 93%, 82% 75%, 86% 50%, 92% 30%); 
    }

    /* Lumbar Region */
    .body-map.female.back .body-part[data-area="female-back-left-hip"] { 
        clip-path: polygon(13% 15%, 42% 24%, 74% 30%, 72% 48%, 83% 99%, 76% 76%, 83% 97%, 32% 81%, 4% 74%, 3% 72%, 4% 58%, 9% 34%); 
    }
    .body-map.female.back .body-part[data-area="female-back-left-groin"] { 
        clip-path: polygon(7% 11%, 51% 23%, 72% 31%, 78% 42%, 79% 68%, 74% 73%, 61% 72%, 40% 72%, 23% 71%, 10% 70%, 7% 50%, 6% 25%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-abdomen"] { 
        clip-path: polygon(91% 41%, 16% 42%, 23% 39%, 17% 40%, 16% 84%, 16% 93%, 60% 80%, 91% 73%, 100% 66%, 93% 47%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-hip"] { 
        clip-path: polygon(87% 15%, 58% 24%, 26% 30%, 28% 48%, 17% 99%, 24% 76%, 17% 97%, 68% 81%, 96% 74%, 97% 72%, 96% 58%, 91% 34%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-groin"] { 
        clip-path: polygon(93% 11%, 49% 23%, 28% 31%, 22% 42%, 21% 68%, 26% 73%, 39% 72%, 60% 72%, 77% 71%, 90% 70%, 93% 50%, 94% 25%); 
    }
    .body-map.female.back .body-part[data-area="female-back-lumbar-center"] { 
        clip-path: polygon(17% 0%, 84% 0%, 84% 31%, 84% 50%, 80% 75%, 78% 80%, 60% 81%, 40% 80%, 20% 81%, 15% 75%, 16% 50%, 14% 25%); 
    }

    /* Arms */
    .body-map.female.back .body-part[data-area="female-back-left-arm"] { 
        clip-path: polygon(29% 7%, 94% 1%, 83% 14%, 94% 40%, 86% 54%, 69% 85%, 63% 100%, 0% 100%, 4% 80%, 17% 60%, 24% 35%, 28% 10%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-upper-arm"] { 
        clip-path: polygon(71% 7%, 6% 1%, 17% 14%, 6% 40%, 14% 54%, 31% 85%, 37% 100%, 100% 100%, 96% 80%, 83% 60%, 76% 35%, 72% 10%); 
    }
    .body-map.female.back .body-part[data-area="female-back-left-forearm"] { 
        clip-path: polygon(35% 7%, 98% 8%, 95% 25%, 80% 45%, 60% 70%, 38% 90%, 30% 90%, 5% 88%, 6% 80%, 11% 60%, 14% 41%, 33% 15%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-forearm"] { 
        clip-path: polygon(65% 7%, 2% 8%, 5% 25%, 20% 45%, 40% 70%, 62% 90%, 70% 90%, 95% 88%, 94% 80%, 89% 60%, 86% 41%, 67% 15%); 
    }

    /* Wrists */
    .body-map.female.back .body-part[data-area="female-back-left-wrist"] { 
        clip-path: polygon(26% 22%, 78% 27%, 86% 31%, 79% 50%, 91% 65%, 57% 73%, 35% 80%, 24% 85%, 24% 70%, 25% 50%, 38% 18%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-wrist"] { 
        clip-path: polygon(74% 22%, 22% 27%, 14% 31%, 21% 50%, 9% 65%, 43% 73%, 65% 80%, 76% 85%, 76% 70%, 75% 50%, 62% 18%); 
    }

    /* Hands */
    .body-map.female.back .body-part[data-area="female-back-left-hand"] { 
        clip-path: polygon(9% 21%, 55% 10%, 61% 25%, 76% 50%, 82% 90%, 68% 94%, 38% 80%, 15% 45%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-hand"] { 
        clip-path: polygon(91% 21%, 45% 10%, 39% 25%, 24% 50%, 18% 90%, 32% 94%, 62% 80%, 85% 45%); 
    }

    /* Hips and Pelvis */
    .body-map.female.back .body-part[data-area="female-back-right-hip"] { 
        clip-path: polygon(87% 15%, 58% 24%, 26% 30%, 28% 48%, 17% 99%, 24% 76%, 17% 97%, 68% 81%, 96% 74%, 97% 72%, 96% 58%, 91% 34%); 
    }
    .body-map.female.back .body-part[data-area="female-back-pelvis"] { 
        clip-path: polygon(20% 0%, 80% 0%, 85% 25%, 82% 50%, 78% 75%, 70% 90%, 60% 100%, 40% 100%, 30% 90%, 22% 75%, 18% 50%, 15% 25%); 
    }

    /* Thighs */
    .body-map.female.back .body-part[data-area="female-back-left-thigh"] { 
        clip-path: polygon(15% 0%, 80% 2%, 83% 19%, 84% 35%, 84% 60%, 83% 80%, 80% 95%, 50% 96%, 46% 95%, 44% 82%, 36% 60%, 28% 35%, 20% 15%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-thigh"] { 
        clip-path: polygon(85% 0%, 20% 2%, 17% 19%, 16% 35%, 16% 60%, 17% 80%, 20% 95%, 50% 96%, 54% 95%, 56% 82%, 64% 60%, 72% 35%, 80% 15%); 
    }
    .body-map.female.back .body-part[data-area="female-back-left-inner-thigh"] { 
        clip-path: polygon(23% 2%, 89% 0%, 82% 24%, 78% 45%, 80% 70%, 84% 85%, 80% 94%, 50% 95%, 41% 95%, 22% 95%, 27% 79%, 28% 45%, 22% 20%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-inner-thigh"] { 
        clip-path: polygon(77% 2%, 11% 0%, 18% 24%, 22% 45%, 20% 70%, 16% 85%, 20% 94%, 50% 95%, 59% 95%, 78% 95%, 73% 79%, 72% 45%, 78% 20%); 
    }

    /* Knees */
    .body-map.female.back .body-part[data-area="female-back-left-knee"] { 
        clip-path: polygon(12% 3%, 92% 2%, 92% 20%, 91% 50%, 85% 75%, 82% 87%, 60% 89%, 40% 89%, 12% 85%, 16% 70%, 17% 40%, 11% 12%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-knee"] { 
        clip-path: polygon(88% 3%, 8% 2%, 8% 20%, 9% 50%, 15% 75%, 18% 87%, 40% 89%, 60% 89%, 88% 85%, 84% 70%, 83% 40%, 89% 12%); 
    }

    /* Calves and Shins */
    .body-map.female.back .body-part[data-area="female-back-left-calf"] { 
        clip-path: polygon(25% 1%, 75% 0%, 80% 20%, 87% 40%, 81% 65%, 72% 100%, 60% 100%, 50% 100%, 43% 100%, 40% 88%, 33% 65%, 27% 40%, 27% 20%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-calf"] { 
        clip-path: polygon(75% 1%, 25% 0%, 20% 20%, 13% 40%, 19% 65%, 28% 100%, 40% 100%, 50% 100%, 57% 100%, 60% 88%, 67% 65%, 73% 40%, 73% 20%); 
    }
    .body-map.female.back .body-part[data-area="female-back-left-shin"] { 
        clip-path: polygon(28% 5%, 82% 6%, 80% 15%, 83% 35%, 86% 60%, 92% 82%, 95% 95%, 64% 95%, 63% 90%, 59% 83%, 45% 60%, 27% 35%, 25% 17%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-shin"] { 
        clip-path: polygon(72% 5%, 18% 6%, 20% 15%, 17% 35%, 14% 60%, 8% 82%, 5% 95%, 36% 95%, 37% 90%, 41% 83%, 55% 60%, 73% 35%, 75% 17%); 
    }

    /* Ankles */
    .body-map.female.back .body-part[data-area="female-back-left-ankle"] { 
        clip-path: polygon(14% 0%, 81% 0%, 85% 30%, 84% 50%, 84% 70%, 70% 76%, 64% 82%, 52% 83%, 40% 84%, 19% 85%, 22% 70%, 18% 50%, 15% 30%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-ankle"] { 
        clip-path: polygon(86% 0%, 19% 0%, 15% 30%, 16% 50%, 16% 70%, 30% 76%, 36% 82%, 48% 83%, 60% 84%, 81% 85%, 78% 70%, 82% 50%, 85% 30%); 
    }

    /* Feet */
    .body-map.female.back .body-part[data-area="female-back-left-foot"] { 
        clip-path: polygon(48% 40%, 71% 53%, 49% 43%, 75% 46%, 60% 89%, 72% 46%, 88% 42%, 92% 57%, 91% 85%, 74% 92%, 69% 87%, 46% 85%, 18% 79%, 8% 64%); 
    }
    .body-map.female.back .body-part[data-area="female-back-right-foot"] { 
        clip-path: polygon(52% 40%, 29% 41%, 6% 38%, 25% 45%, 40% 80%, 28% 41%, 12% 37%, 7% 52%, 7% 78%, 26% 82%, 31% 81%, 54% 76%, 82% 63%, 86% 54%); 
    }
        
    .body-part:hover {
        background: rgb(251 91 75);
        mix-blend-mode: color;
    }
    .body-part.selected {
        background: rgb(251 91 75);
        /* animation: professionalPulse 2s infinite; */
        mix-blend-mode: color;
    }

    /* HIDE ALL BODY PARTS BY DEFAULT */
    .body-part {
        display: none !important;
    }

    /* SHOW ONLY MALE FRONT PARTS WHEN IN MALE FRONT VIEW */
    .body-map.male.front .body-part.male-front {
        display: block !important;
    }

    /* SHOW ONLY MALE BACK PARTS WHEN IN MALE BACK VIEW */
    .body-map.male.back .body-part.male-back {
        display: block !important;
    }

    /* SHOW ONLY FEMALE FRONT PARTS WHEN IN FEMALE FRONT VIEW */
    .body-map.female.front .body-part.female-front {
        display: block !important;
    }

    /* SHOW ONLY FEMALE BACK PARTS WHEN IN FEMALE BACK VIEW */
    .body-map.female.back .body-part.female-back {
        display: block !important;
    }

    /* ENSURE COMPLETE ISOLATION - HIDE OTHER PARTS */
    .body-map.male.front .body-part.male-back,
    .body-map.male.front .body-part.female-front,
    .body-map.male.front .body-part.female-back {
        display: none !important;
    }

    .body-map.male.back .body-part.male-front,
    .body-map.male.back .body-part.female-front,
    .body-map.male.back .body-part.female-back {
        display: none !important;
    }

    .body-map.female.front .body-part.male-front,
    .body-map.female.front .body-part.male-back,
    .body-map.female.front .body-part.female-back {
        display: none !important;
    }

    .body-map.female.back .body-part.male-front,
    .body-map.female.back .body-part.male-back,
    .body-map.female.back .body-part.female-front {
        display: none !important;
    }

    @keyframes professionalPulse {
        0% { 
            box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);
            transform: scale(1);
        }
        50% { 
            box-shadow: 0 0 0 15px rgba(255, 0, 0, 0);
            transform: scale(1.02);
        }
        100% { 
            box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
            transform: scale(1);
        }
    }

    .selected-areas {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        padding: 25px;
        border-radius: 15px;
        border-left: 5px solid #007bff;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }

    .selected-areas h3 {
        margin-bottom: 20px;
        color: #2c3e50;
        font-size: 1.3rem;
        font-weight: 600;
    }

    .selection-count {
        background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
        border: 2px solid #28a745;
        color: #155724;
        padding: 12px 20px;
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: center;
        font-weight: 600;
        font-size: 1.1rem;
        box-shadow: 0 3px 10px rgba(40, 167, 69, 0.2);
    }

    .selected-list {
        list-style: none;
        padding: 0;
    }

    .selected-list li {
        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
        padding: 12px 16px;
        margin: 8px 0;
        border-radius: 8px;
        border-left: 4px solid #2196f3;
        font-weight: 500;
        color: #1565c0;
        transition: all 0.3s ease;
        box-shadow: 0 2px 5px rgba(33, 150, 243, 0.1);
    }

    .selected-list li:hover {
        transform: translateX(5px);
        box-shadow: 0 4px 10px rgba(33, 150, 243, 0.2);
    }

    .clear-btn {
        background: linear-gradient(135deg, #e12a2a 0%, #c62828 100%);
        color: white;
        border: none;
        padding: 12px 24px;
        border-radius: 8px;
        cursor: pointer;
        margin-top: 20px;
        transition: all 0.3s ease;
        font-weight: 600;
        font-size: 1rem;
        box-shadow: 0 4px 15px rgba(225, 42, 42, 0.3);
    }

    .clear-btn:hover {
        background: linear-gradient(135deg, #bf1d1d 0%, #a71e1e 100%);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(225, 42, 42, 0.4);
    }

    .limit-warning {
        background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
        border: 2px solid #ffc107;
        color: #856404;
        padding: 15px;
        border-radius: 10px;
        margin-top: 15px;
        display: none;
        font-weight: 500;
        box-shadow: 0 3px 10px rgba(255, 193, 7, 0.2);
    }

    .instructions {
        background: linear-gradient(135deg, #e8f4fd 0%, #d1ecf1 100%);
        border: 2px solid #17a2b8;
        color: #0c5460;
        padding: 15px 20px;
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: center;
        font-weight: 500;
        box-shadow: 0 3px 10px rgba(23, 162, 184, 0.2);
    }

    .image-toggle {
        text-align: center;
        margin-bottom: 30px;
    }

    .toggle-btn {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        border: none;
        padding: 12px 20px;
        border-radius: 25px;
        cursor: pointer;
        transition: all 0.3s ease;
        font-weight: 600;
        font-size: 0.9rem;
        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
        margin: 0 5px;
    }

    .toggle-btn:hover {
        background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
    }

    .tooltip {
        position: absolute;
        background: rgba(0, 0, 0, 0.8);
        color: white;
        padding: 8px 12px;
        border-radius: 6px;
        font-size: 0.9rem;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 1000;
    }

    @media (max-width: 768px) {
        .container {
            padding: 20px;
            margin: 10px;
        }
        
        h1 {
            font-size: 2rem;
        }
        
        .body-img {
            width: 280px;
        }
    }