:root {
      --primary: #ff3b5c;
    }


    .main-image-container {
      position: relative;
      /* border-radius: 20px; */
      overflow: hidden;
      /* box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7); */
    }

   
    .muscle-image {
      width: 100%;
      border-radius: 16px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    }

    .spec-list {
      background: rgb(46, 46, 46, 0.5);
      border-radius: 16px;
      padding: 25px;
    }

    .download-btn {
      background: linear-gradient(135deg, #ff3b5c, #ff6b6b);
      border: none;
      padding: 16px 40px;
      font-weight: 700;
      letter-spacing: 1px;
      transition: all 0.3s ease;
    }

    .download-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 30px rgba(255, 59, 92, 0.4);
    }

   

    .section-title h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1em;
    letter-spacing: -0.01em;
    margin-bottom: 0;
    cursor: none;
}





    /* ===================== MAIN SLIDER ===================== */
    .gym-main-slider {
      /* border-radius: 16px; */
      overflow: hidden;
      /* box-shadow: 0 15px 40px rgba(255, 0, 51, 0.3); */
    }

    .gym-main-slide {
      position: relative;
    }

    .gym-main-slide img {
      width: 100%;
      /* height: auto; */
      display: block;
      /* object-fit: cover; */
    }

    /* Machine Name Label */
    .machine-name {
      position: absolute;
      top: 20px;
      left: 20px;
      background: rgba(0, 0, 0, 0.75);
      color: #fff;
      padding: 8px 16px;
      border-radius: 6px;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 1px;
      border: 1px solid rgba(255, 0, 51, 0.4);
      box-shadow: 0 0 15px rgba(255, 0, 51, 0.5);
    }

    /* Navigation Arrows */
    .gym-nav-button {
      background: rgb(204 20 35);
      width: 44px;
      height: 44px;
      border-radius: 50%;
      color: white;
      top: 50%;
      transform: translateY(-50%);
      box-shadow: 0 0 20px rgba(255, 0, 51, 0.6);
    }

    .gym-nav-button::after {
      font-size: 18px;
    }

    @media (max-width: 480px) {
      .gym-nav-button {
        width: 38px;
        height: 38px;
      }
      .gym-nav-button::after {
        font-size: 16px;
      }
      .machine-name {
        font-size: 13px;
        padding: 6px 12px;
        top: 15px;
        left: 15px;
      }
    }

    /* ===================== THUMBNAIL SLIDER ===================== */
    .gym-thumb-slider {
      margin-top: 18px;
    }

    .gym-thumb-slide {
      opacity: 0.65;
      border: 3px solid transparent;
      border-radius: 10px;
      overflow: hidden;
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .gym-thumb-slide.active-thumb {
      opacity: 1;
      border-color: #fff;
      /* transform: scale(1.08); */
      /* box-shadow: 0 0 20px rgba(255, 0, 51, 0.6); */
    }

    .gym-thumb-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 16 / 9;
    }

    /* Responsive */
    @media (max-width: 640px) {
      .gym-slider-container {
        padding: 10px 0;
      }
    }