/** Shopify CDN: Minification failed

Line 8:0 Unexpected "<"
Line 112:0 Unexpected "<"

**/
/* START_SECTION:quick-add (INDEX:53) */
<style>
.main-bundle-container{
  background-color: grey; 
  width: 100%;
  display: flex;
}
.bundle-item {
  flex: 1 1 200px;
  text-align: center;
  border: 2px solid black;
  padding: 1.5rem;
  border-radius: 24px;
  border: var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity));
  background-color: #ebebeb;
}
.img-container{
  background-color: #fdfdfd; 
  width: 100%;
  border-radius: 20px;
}
.bundle-item h2 {
  margin-bottom: 1rem;
}

.select-container select {
  border: var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity));
  width: 100px;
  padding-left: 10px;
  padding-right: 10px; 
  font-size: 17px;
  height: 45px;
  cursor: pointer;
  background-color: #3d3d3d;
  color: white;
  border-radius: 10px;
  text-align: center;
}


.bundle-add-btn {
  width: 100%;
  padding: 1rem;
  background-color: black;
  color: white;
  border: 2px solid black;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 1rem;
  background-color: green;
  font-weight: bold;
}
.btn-decorater_bundle{
  margin-top: 16px; 
  width: 100px;
  height: 45px;
  border-radius: 10px;
  transform: skew(-20deg);
  border: none;
  text-transform: Capitalize;
  color:  white;
  background-color: #009641;
  border: 1px solid #2c9d60;
  padding-left: 5px;
  padding-right: 5px;
}
.img-text_container{
  padding-top: 0.25px;
  padding-bottom: 0.25px;
  background-color: red;
  font-size: 18px;
  font-weight: bold;
  color: white;
}
@media screen and (max-width: 750px){
  .main-bundle-container{
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .main-bundle-container::-webkit-scrollbar {
    margin-top: 20px;
    height: 6px;
  }

  .main-bundle-container::-webkit-scrollbar-track {
    background: #f0f0f0;
  }

  .main-bundle-container::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 4px;
    transition: background 0.3s ease;
  }

  .main-bundle-container::-webkit-scrollbar-thumb:hover {
    background: #888;
  }
  .bundle-item {
    flex: 0 0 80%;
    scroll-snap-align: center;
    margin-right: 1rem;
  }
}
</style>
/* END_SECTION:quick-add */