/** Shopify CDN: Minification failed

Line 180:10 Unexpected "{"
Line 180:19 Expected ":"
Line 181:14 Expected identifier but found whitespace
Line 181:16 Unexpected "{"
Line 181:25 Expected ":"
Line 181:51 Expected ":"
Line 182:17 Expected identifier but found whitespace
Line 182:19 Unexpected "{"
Line 182:28 Expected ":"
Line 182:57 Expected ":"
... and 10 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:build-bundle (INDEX:2) */
.custom-bundle-section {
  background-color: #ffffff;
}

.bundle-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  /* flex-wrap: wrap; */
}

/* Left Section Styles */
.bundle-left-content {
  flex:0 0 22%;
  /* min-width: 250px; */
}

.bundle-title {
  font-size: 32px;
  font-weight: 700;
  color: #000000;
  margin: 0 0 10px 0;
  line-height: 1.2;
}

.bundle-subtitle p {
  font-size: 16px;
  color: #000000;
  margin: 0 0 20px 0;
  line-height: 1.5;
}

.bundle-btn {
  display: inline-block;
  background-color: #000000;
  color: #ffffff;
  padding: 14px 28px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  transition: opacity 0.3s ease;
}

.bundle-btn:hover {
  opacity: 0.85;
}

/* Right Items Wrapper */
.bundle-items-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 2;
  /* flex-wrap: wrap; */
  justify-content: flex-start;
  overflow: auto;
  padding-bottom: 20px;
}

.bundle-item-card-group {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* Card Design */


.bundle-item-card-group {
    position: relative;
}

.section-template--28767827525764__build_bundle_mxAXYy-padding.custom-bundle-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.bundle-card-image {
  width: 100%;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bundle-card-image img {
  max-width: 100%;
  max-height: 110px;
  object-fit: contain;
}

.bundle-card-content {
  width: 100%;
}

.bundle-card-subtitle {
  display: block;
  font-size: 13px;
  color: #000000;
  margin-bottom: 2px;
}

.bundle-card-title {
  font-size: 22px;
  font-weight: 700;
  color: #000000;
  margin: 0;
  line-height: 1.1;
}

/* Plus Icon */
.bundle-plus-icon {
    width: 79px;
    height: 79px;
    background-color: #000000;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: absolute;
    right: -35%;
    transform: translate(-50%,-50%);
    top: 50%;
    z-index: 1;
}

/* Discount Badge */
.bundle-discount-badge {
  width: 150px;
  height: 150px;
  background-color: #000000;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
}

.badge-content span {
  display: block;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 400;
}

.badge-content strong {
  display: block;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
}

/* Dynamic Padding */
.section-{{ section.id }}-padding {
  padding-top: {{ section.settings.padding_top }}px;
  padding-bottom: {{ section.settings.padding_bottom }}px;
}

/* Responsive Media Query */
@media screen and (max-width: 1024px) {
  .bundle-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .bundle-items-wrapper {
    justify-content: center;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .bundle-items-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .bundle-item-card-group {
    flex-direction: column;
  }
  .bundle-plus-icon {
    transform: rotate(90deg);
    margin: 10px 0;
  }
  .bundle-card {
    width: 100%;
    /* max-width: 240px; */
    height: auto;
  }
}
/* END_SECTION:build-bundle */

/* START_SECTION:features-grid (INDEX:21) */
.custom-features-section {
    width: 100%;
  }

  .features-grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    align-items: stretch;
  }

  /* Feature Card Styling */
  .feature-card {
    background-color: #ffffff;
    border-radius: 16px;
    padding:20px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  }

  /* Icon Container */
  .feature-card-icon {
    background-color: #000000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
  }

  .feature-card-icon img {
    /* width: 26px;
    height: 26px; */
    object-fit: contain;
  }

  /* Card Content Styling */
  .feature-card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .feature-card-title {
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    margin: 0 0 4px 0;
    line-height: 1.2;
  }

  .feature-card-description {
    font-size: 13px;
    color: #555555;
    margin: 0;
    line-height: 1.4;
  }

  /* Dynamic Padding */
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
  }

  /* Responsive Breakpoints */
  @media screen and (max-width: 1024px) {
    .features-grid-container {
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
    }
  }

  @media screen and (max-width: 600px) {
    .features-grid-container {
      grid-template-columns: 1fr;
    }
  }
/* END_SECTION:features-grid */