.bundle-wrapper {
     max-width: 100%;
     
     background-color: white;
     padding: 2rem;
     border-radius: 10px;
     box-shadow: 0 6px 24px rgba(0,0,0,0.06);
   }

   .bundle-header {
     margin-bottom: 2rem;
     text-align: left;
   }

   .bundle-header h2 {
     font-size: 28px;
   }
.superbundlecontainer{
  display: flex;
  gap:2rem;
}
   .bundle-items {
     display: flex;
     flex-direction: row;
     gap: 2rem;
     width: fit-content;
     justify-content: center;
     align-items: center;
     align-content: center;
   }

   .bundle {
     border: 1px solid #e5e7eb;
     border-radius: 12px;
     padding: 1.5rem;
     background-color: #fff;
     box-shadow: 0 4px 16px rgba(0,0,0,0.04);
     flex-wrap: wrap;

   }

   .bundle-title {
     font-size: 20px;
     margin-bottom: 1rem;
   }

   .bundle-cards {
     display: flex;
     gap: 2rem;
     flex-wrap: wrap;
     justify-content: center;
   }

   .bundle-card {
     width: 200px;
     border-radius: 10px;
     overflow: hidden;
     background: #f3f4f6;
     display: flex;
     flex-direction: column;
     box-shadow: 0 4px 16px rgba(0,0,0,0.05);
   }

   .bundle-card img {
     width: 100%;
     height: 160px;
     object-fit: cover;
   }

   .bundle-card h6 {
     text-align: center;
     padding: 0.5rem;
     margin: 0;
     font-size: 16px;
     color: #111827;
   }
   .bundle-summary {
     margin-top: 1.5rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
   }