.product-details {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      padding: 40px 20px;
      max-width: 1200px;
      margin: auto;
    }

    .product-gallery {
      flex: 1 1 45%;
      text-align: center;
    }

    .product-gallery img {
      max-width: 100%;
      border-radius: 8px;
      margin-bottom: 15px;
      object-fit: cover;
      height: 400px;
      width: 321px;
    }

    .thumbnail-row {
      display: flex;
      gap: 10px;
      justify-content: center;
    }

    .thumbnail-row img {
      width: 70px;
      height: 70px;
      border-radius: 6px;
      cursor: pointer;
      border: 2px solid transparent;
      object-fit: cover;
    }

    .thumbnail-row img.active {
      border-color: #333;
    }

    .product-info {
      flex: 1 1 45%;
    }

    .product-info h1 {
      font-size: 28px;
      margin-bottom: 10px;
    }

    .product-info p.price {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 20px;
      color: #e67e22;
    }

    .product-info p.description {
      margin-bottom: 20px;
      line-height: 1.6;
    }

    .quantity {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
    }

    .quantity input {
      width: 94px;
      text-align: left;
      padding: 0px;
      margin-left: 57px;
    }

    .btn-row {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
    }

    .btn {
      background: #333;
      color: #fff;
      padding: 10px 20px;
      border-radius: 5px;
      text-decoration: none;
      text-align: center;
      flex: 1;
      transition: background 0.3s;
    }

    .btn:hover {
      background: #555;
    }

    /* Responsive tweak for small screens */
    @media (max-width: 600px) {
      .btn {
        padding: 10px;
        font-size: 14px;
      }
    }