/** Shopify CDN: Minification failed

Line 245:2 Comments in CSS use "/* ... */" instead of "//"
Line 549:26 Expected ")" to end URL token

**/
.bundleapp-wrapper {
  border: none;
  padding: 0;
  margin-bottom: 20px;
  width: 100%;
}
.bundleapp-wrapper legend {
  font-size: 90%;
  margin-bottom: 5px;
}
.bundleapp-wrapper .bundleapp-plan-selector-group {
  margin-bottom: 5px;
}
.bundleapp-wrapper .bundleapp-plan-selector-group > label {
  display: flex;
  align-items: center;
  font-size: 90%;
}
.bundleapp-wrapper .bundleapp-plan-selector-group label > input {
  min-height: 30px;
  margin-right: 10px;
}
.bundleapp-wrapper .bundleapp-plan-selector-group select {
  width: 100%;
  margin-bottom: 20px;
}
.bundleapp-wrapper .bundleapp-plan-selector-group-pricing {
  margin-left: auto;
}
.bundleapp-wrapper .bundleapp-plan-selector-plan {
  margin-left: 23px;
}
.bundleapp-wrapper .bundleapp-plan-selector-plan > label {
  font-size: 80%;
  display: block;
  text-align: left;
}
.bundleapp-wrapper .bundleapp-plan-selector-description span {
  border: solid 1px #dfe3e8;
  padding: 16px;
  height: auto;
  margin-top: 16px;
  border-radius: 0px;
  font-size: 90%;
  margin-left: 23px;
  display: block;
}
.bundleapp-price-adjustment {
  display: inline-block;
  margin-left: 10px;
  border: 1px solid;
  border-color: inherit;
  font-size: 80%;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px;
}
.bundleapp-legend {
  text-align: left;
  margin-bottom: 5px;
}
.awt-hidden-add-to-cart-button {
  display: none !important;
}
/**** PLAN SELECTOR BASICS ****/
.awt-style-1,
.awt-style-2 {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.awt-style-1 .bundleapp-wrapper,
.awt-style-2 .bundleapp-wrapper {
  margin-bottom: 0;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-description span,
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-description span {
  margin-left: 0;
}
/**** PLAN SELECTOR BASICS ****/
/**** CUSTOM DROP DOWN ****/
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select,
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select {
  padding: 14px 50px 14px 17px;
  margin-bottom: 8px;
  appearance: none;
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='24' xmlns='http://www.w3.org/2000/svg' role='presentation' focusable='false' aria-hidden='true' class='icon-chevron '%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath transform='rotate(90 12.414 12.4145)' stroke='null' id='svg_1' d='m10.121,19.122l6,-6a1,1 0 0 0 0,-1.415l-6,-6a1,1 0 0 0 -1.414,0a1,1 0 0 0 0,1.415l5.293,5.292l-5.293,5.293a1,1 0 1 0 1.414,1.415z' fill-rule='evenodd' fill='currentColor'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 35px;
  background-color: #fff;
  border: 1px solid var(--awt-border-color);
  outline: 0;
  height: auto;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:focus-visible,
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:focus-visible {
  box-shadow: none;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:hover,
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:hover {
  cursor: pointer;
}
/**** END CUSTOM DROP DOWN ****/
/**** CUSTOM RADIO BUTTON ****/
.awt-style-1 .bundleapp-wrapper input[type="radio"],
.awt-style-2 .bundleapp-wrapper input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0 10px 0 0;
  color: currentColor;
  width: 20px;
  height: 20px;
  border: 1px solid currentColor;
  border-radius: 50%;
  /* transform: translateY(-0.075em);
  */
  display: grid;
  place-content: center;
  min-height: 0 !important;
  min-width: 20px;
  outline: none;
  padding: 0;
}
.awt-style-1 .bundleapp-wrapper input[type="radio"]:focus .awt-style-2 .bundleapp-wrapper input[type="radio"]:focus {
  /* remove outline */
  outline: none;
}
.awt-style-1 .bundleapp-wrapper input[type="radio"]::before,
.awt-style-2 .bundleapp-wrapper input[type="radio"]::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: var(--awt-radio-button-background);
  transition: background-color 0.3s;
}
.awt-style-1 .bundleapp-wrapper input[type="radio"]:checked::before,
.awt-style-2 .bundleapp-wrapper input[type="radio"]:checked::before {
  transform: scale(1);
}
/**** END CUSTOM RADIO BUTTON ****/
/**** CUSTOM FREQUENCY BUTTONS ****/
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio input,
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio input {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label,
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label {
  display: inline-block;
  text-align: center;
  min-width: 36px;
  padding: 6px 10px;
  border: var(--awt-freq-button-border);
  color: var(--awt-freq-button-color);
  background-color: var(--awt-freq-button-background);
  cursor: pointer;
  border-radius: var(--awt-freq-button-border-radius);
  margin: 6px 8px 6px 0;
  transition: border 0.3s, color 0.3s, background-color 0.3s;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label:hover,
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label:hover {
  color: var(--awt-freq-button-color-hover);
  background-color: var(--awt-freq-button-background-hover);
  border: var(--awt-freq-button-border-hover);
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected,
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected {
  background-color: var(--awt-freq-button-background-selected);
  color: var(--awt-freq-button-color-selected);
  border: var(--awt-freq-button-border-selected);
  transition: border 0.3s, color 0.3s, background-color 0.3s;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected:hover,
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected:hover {
  background-color: var(--awt-freq-button-background-hover-selected);
  color: var(--awt-freq-button-color-hover-selected);
  border: var(--awt-freq-button-border-hover-selected);
}
/**** END CUSTOM FREQUENCY BUTTONS ****/
/**** CUSTOM LABEL ACCENT ****/
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label .awt-accent,
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label .awt-accent {
  background-color: var(--awt-accent-background);
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 12px;
  display: inline-block;
  color: var(--awt-accent-color);
}
/**** END CUSTOM LABEL ACCENT ****/
/*****************************************/
/*****************************************/
/**************** STYLE 1 ****************/
/*****************************************/
/*****************************************/
/**** CUSTOM PLAN SELECTOR ****/
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label {
  font-weight: 400;
  margin-bottom: 0;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label:hover {
  cursor: pointer;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group {
  margin-bottom: 10px;
  padding: 10px 15px;
  border-radius: var(--awt-border-radius);
  border: 1px solid var(--awt-border-color);
  transition: border 0.3s, color 0.3s, background-color 0.3s;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-select {
  margin-bottom: 0;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan {
  margin-top: 10px;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan > label {
  margin-bottom: 8px;
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--selected {
  border-color: var(--awt-selected-plan-border-color);
  background-color: var(--awt-selected-plan-background);
}
.awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--single-group {
  //border: none;
  background-color: initial;
  border-color: var(--awt-border-color);
  transition: border 0.3s, color 0.3s, background-color 0.3s;
}
/**** END CUSTOM PLAN SELECTOR ****/
/*****************************************/
/*****************************************/
/**************** STYLE 2 ****************/
/*****************************************/
/*****************************************/
/**** CUSTOM PLAN SELECTOR ****/
.awt-style-2 .bundleapp-wrapper {
  border: 1px solid var(--awt-border-color);
}
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group:not(:last-child) {
  border-bottom: 1px solid var(--awt-border-color);
}
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label {
  font-weight: 400;
  margin-bottom: 0;
}
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label:hover {
  cursor: pointer;
}
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan {
  margin-top: 10px;
}
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan > label {
  margin-bottom: 8px;
}
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group {
  margin-bottom: 0;
  padding: 8px 20px;
  transition: border 0.3s, color 0.3s, background-color 0.3s;
}
.awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--selected {
  border-color: var(--awt-selected-plan-border-color);
  background-color: var(--awt-selected-plan-background);
  border-bottom: 0;
}
/**** END CUSTOM PLAN SELECTOR ****/
/**** CUSTOMIZE CP ****/
.bundle-button.button--primary:enabled {
  background-color: var(--awt-primary-button-background);
  color: var(--awt-primary-button-color);
  border-style: solid;
  border: var(--awt-primary-button-border);
  border-radius: var(--awt-primary-button-border-radius);
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, border-width 0.3s;
}
.bundle-button.button--primary:enabled:hover {
  background-color: var(--awt-primary-button-background-hover);
  color: var(--awt-primary-button-color-hover);
  border: var(--awt-primary-button-border-hover);
}
/**** END CUSTOMIZE CP ****/
/**** BaB UI ****/
.bundleapp-modal__logo {
  background-image: url();
  background-position: center;
}
.awtomatic-progress-item {
  transition: border 0.3s, color 0.3s, background-color 0.3s;
}
.awtomatic-progress-item.awtomatic-progress-item--completed {
  background-color: var(--awt-progress-bar-background);
}
.awtomatic-progress-item.awtomatic-progress-item--completed .bundle-text--subheading {
  color: var(--awt-progress-bar-color);
}
.bundle-stepper-counter--complete {
  background-color: var(--awt-progress-bar-background);
  color: var(--awt-progress-bar-color);
}
.bundle-stepper-item:after {
  transition: border-color 0.3s;
}
.bundle-stepper-item--complete:after {
  border-bottom-color: var(--awt-progress-bar-background);
}
/**** End BaB UI ****/

/**** Gift styling ****/
.awt-gift-info-title {
  font-weight: 400;
  font-size: 16px;
  text-align: start;
}
.awt-error-msg {
  color: #ff2a51;
  text-align: start;
}
.awt-input-error.awt-error {
  background-color: rgba(255, 42, 81, 0.1);
  border: 2px solid #ff2a51;
}
.awt-floating-label {
  display: block;
  position: relative;
  border-radius: 5px;
  width: 100%;
}
.awt-floating-label:last-child {
  margin-bottom: 0;
}
.awt-floating-label input,
.awt-floating-label textarea {
  font-family: inherit;
  width: 100%;
  height: 40px;
  border: none;
  outline: none;
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 16px;
  margin: 0px;
  font-family: inherit;
}
.awt-floating-label textarea {
  height: 120px;
  padding: 12px;
}
.awt-floating-label input::placeholder,
.awt-floating-label textarea::placeholder {
  opacity: 0;
}
.awt-floating-label span {
  position: absolute;
  top: 20px;
  left: 8px;
  transform: translateY(-50%);
  font-size: 16px;
  padding: 0 4px;
  transition-duration: 300ms;
  border-radius: 5px;
}
label.awt-floating-label:focus-within > span,
.awt-floating-label input:not(:placeholder-shown) + span,
.awt-floating-label textarea:not(:placeholder-shown) + span {
  transform: translateY(-150%);
  font-size: 11px;
  background-color: rgba(255, 255, 255);
}
.awt-floating-label-warning {
  font-size: 14px;
  padding: 0 2px;
  text-align: start;
}
/*! form field group in 2 columns */
.awt-form-group {
  display: flex;
  justify-content: space-between;
}
.awt-form-group > * {
  width: calc(50% - 4px);
  padding-bottom: 16px;
}
.awt-gift-input-container {
  padding-bottom: 16px;
}
/*! custom checkbox */
.awt-checkbox {
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.awt-checkbox input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #fff;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  position: relative;
  border-radius: 2px;
  box-shadow: 0 0 0 1px inset #000;
}
.awt-checkbox input[type="checkbox"]:checked {
  /* For iOS < 15 */
  background-color: #000000;
}
.awt-checkbox input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.awt-checkbox input[type="checkbox"]:disabled {
  background-color: #f8f8f8;
  cursor: not-allowed;
}
/**** End Gift styling ****/

/*** PREVIEW CONTROL ***/
#awt-preview-mode-control {
  position: fixed;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  height: 75px;
  z-index: 2147483647;
  background-color: #fff;
  color: #222;
  padding: 17px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  box-sizing: border-box;
}
#awt-preview-mode-control.hidden {
  display: none;
}
#awt-preview-mode-control div.awt-logo {
  display: flex;
  height: 100%;
  align-items: center;
  flex-wrap: nowrap;
}
#awt-preview-mode-control div.awt-logo span {
  margin-top: 3px;
  font-size: 16px;
  font-family: sans-serif;
  color: #3700ff;
}
#awt-preview-mode-control div.awt-logo .awt-logo--image {
  display: block;
  background-image: url("https://bundle-public-assets.s3.amazonaws.com/customerPortal/awtomatic-no-dot.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 95px;
  height: 100%;
  margin-right: 6px;
}
#awt-preview-mode-control div.awt-logo .awt-logo--info-icon {
  display: block;
  background-image: url("https://bundle-public-assets.s3.amazonaws.com/customerPortal/info-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 15px;
  height: 15px;
  margin: 5px 25px 0 9px;
}
#awt-preview-mode-control button {
  display: inline-block;
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 4px;
  padding: 5px 15px;
  margin: 0;
  text-decoration: none;
  color: #000;
  font-family: sans-serif;
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  transition: background 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-weight: bold;
  height: 100%;
  outline: none;
  box-shadow: none;
}
#awt-preview-mode-control button:hover,
#awt-preview-mode-control button:focus {
  background-color: #fbfbfb;
}
#awt-preview-mode-control button:focus {
  outline: none;
}
#awt-preview-mode-control button:active {
  transform: scale(0.99);
}
button#awt-preview-mode-control__hide {
  background-color: #fff;
  color: #000;
}
#awt-preview-mode-control button#awt-preview-mode-control__hide:hover,
#awt-preview-mode-control button#awt-preview-mode-control__hide:focus {
  background: #eee;
}
@media only screen and (max-width: 480px) {
  #awt-preview-mode-control button#awt-preview-mode-control__hide {
    display: none;
  }
}
/*** END PREVIEW CONTROL ***/

/** custom colors */
:root {
  --logo-image-url: url({{""|asset_url}});
  --primary-btn-bg-color: #000;
  --primary-btn-color: #fff;
  --primary-btn-border: 1px solid #000;
  --primary-btn-bg-color-hover: #222;
  --primary-btn-color-hover: #fff;
  --primary-btn-border-hover: 1px solid #222;
  --primary-btn-disabled-color: #828282;
  --primary-btn-disabled-bg-color: #e9e9e9;
  --primary-btn-disabled-border: 1px solid #e9e9e9;
  --primary-btn-disabled-bg-color-hover: #e9e9e9;
  --primary-btn-disabled-color-hover: #828282;
  --primary-btn-disabled-border-hover: 1px solid #e9e9e9;
  --btn-border-radius: 25px;
  --unselected-btn-border: 1px solid var(--primary-btn-disabled-color);
  --unselected-btn-color: var(--primary-btn-disabled-color);
  --unselected-btn-bg-color: transparent;
  --progress-bar-bg-color: #eeeeee;
  --progress-bar-completed-bg-color: #000;
  --progress-bar-color: #000;
  --progress-bar-completed-color: #fff;
}
/** end custom colors */

.awtomatic-progress-item.awtomatic-progress-item {
  background-color: var(--progress-bar-bg-color);
}
.awtomatic-progress-item.awtomatic-progress-item--completed {
  background-color: var(--progress-bar-completed-bg-color);
}
.bundle-stepper-item--complete:after {
  border-bottom-color: var(--progress-bar-completed-bg-color);
}
.bundle-stepper-item:after {
  border-bottom-color: var(--progress-bar-bg-color);
}

.bundle-stepper-counter--complete {
  color: var(--progress-bar-completed-color);
  background-color: var(--progress-bar-completed-bg-color);
}

.bundle-stepper-counter--incomplete {
  background-color: var(--progress-bar-bg-color);
  color: var(--progress-bar-color);
}

/* CUSTOM PROGRESS BAR */
@media only screen and (min-width: 750px) {
  .awtomatic-progress-item--completed button.awtomatic-progress-remove-button {
    display: inline-block;
    position: absolute;
    top: -8px;
    right: -8px;
    height: 20px;
    width: 20px;
    min-height: 0;
    border-radius: 50%;
    background-color: #fff;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0px 0px 1px #000000d6;
    background-image: url(https://bundle-public-assets.s3.amazonaws.com/closeIcons/close-svgrepo-com.svg);
    background-size: 16px;
    transition: box-shadow 0.2s;
    background-position: center;
  }
  .awtomatic-progress-item--completed button.awtomatic-progress-remove-button:hover {
    box-shadow: 0px 0px 1px 1px #0000006e;
  }

  .awtomatic-progress-item--completed button.awtomatic-progress-remove-button:after {
    content: none;
  }

  .awtomatic-progress-count-label {
    display: none;
  }

  .bundle-container .awtomatic-progress-container {
    margin-left: auto;
    padding-bottom: 20px;
  }

  .bundleapp-modal__container--complete-screen footer {
    /* BaB Footer */
    height: 80px;
  }

  .bundleapp-modal__container--complete-screen .bundle-container {
    /* BaB content */
    padding-top: 10px;
  }

  .bundle-container .awtomatic-bab-options-container {
    order: 0;
  }
  .bundle-container .bundle-scrollable-section {
    order: 2;
    row-gap: 1rem;
  }
  .bundle-container .awtomatic-progress-container {
    order: 1;
  }
  .bundle-container footer {
    order: 3;
  }

  .awtomatic-progress-item--completed .awtomatic-progress-product-count-container .bundle-text--subheading {
    margin-right: 10px;
  }

  .awtomatic-progress-item.awtomatic-progress-item--pending .bundle-text--subheading {
    color: #000;
  }

  .awtomatic-progress-item.awtomatic-progress-item--completed {
    background-color: #fff;
  }

  .awtomatic-progress-item .bundle-text--subheading {
    min-width: 50px;
    display: block;
    color: #fff;
  }

  .awtomatic-progress-container {
    display: block;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
  }
  div.awtomatic-progress-item {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-image: url();
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #eee;
    margin: 0 5px;
    border-radius: 5px;
    border: 2px solid #ddd;
  }

  /* CUSTOM PROGRESS IMAGES */
  div.awtomatic-progress-item.awtomatic-progress-item--completed {
    background-color: #eee;
    background-image: var(--awt-pb-img);
  }
}
/* END CUSTOM PROGRESS BAR */

/* buttons */
.bundle-button.button--primary {
  background-color: var(--primary-btn-disabled-bg-color);
  color: var(--primary-btn-disabled-color);
  border: var(--primary-btn-disabled-border);
  border-radius: var(--btn-border-radius);
  transition: background-color 0.3s, color 0.3s;
}
.awtomatic-bab-options-container .bundle-button {
  background-color: var(--unselected-btn-bg-color);
  color: var(--unselected-btn-color);
  border: var(--unselected-btn-border);
  border-radius: var(--btn-border-radius);
  transition: background-color 0.3s, color 0.3s;
}
.awtomatic-bab-options-container .bundle-button span {
  background-color: transparent;
  color: var(--primary-btn-disabled-color);
  transition: color 0.3s;
}
.bundle-button.button--primary:hover,
.awtomatic-bab-options-container .bundle-button:hover {
  background-color: var(--primary-btn-disabled-bg-color-hover);
  color: var(--primary-btn-disabled-color-hover);
  border: var(--primary-btn-disabled-border-hover);
}
.awtomatic-bab-options-container .bundle-button:hover span {
  color: var(--primary-btn-disabled-color-hover);
}
.bundle-button.button--primary:enabled,
.awtomatic-bab-options-container .bundle-button.selected {
  background-color: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border: var(--primary-btn-border);
  border-radius: var(--btn-border-radius);
  transition: background-color 0.3s, color 0.3s;
}
.bundle-product-card__quantity-button-container--button svg {
  fill: var(--primary-btn-color) !important;
}
.bundle-product-card__quantity-button-container--button:hover svg {
  fill: var(--primary-btn-color-hover);
}
.awtomatic-bab-options-container .bundle-button.selected span {
  color: var(--primary-btn-color);
}
.bundle-button.button--primary:enabled:hover,
.awtomatic-bab-options-container .bundle-button:hover {
  cursor: pointer;
  background-color: var(--primary-btn-bg-color-hover);
  color: var(--primary-btn-color-hover);
  border: var(--primary-btn-border-hover);
}
.awtomatic-bab-options-container .bundle-button:hover span {
  color: var(--primary-btn-color-hover);
}
/* end buttons*/

/* Customer quantity button */
.bundle-product-card__quantity-button-container--unavailable button.bundle-product-card__quantity-button-container--button {
  padding: 0;
  width: 0;
}

div.bundle-product-card__quantity-button-container {
  /*border-color: #000586;*/
  border-width: 0;
  border-radius: var(--btn-border-radius);
  background-color: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  font-weight: bold;
  line-height: 15px;
  padding: 0;
}

.bundle-product-card__quantity-button-container span {
  padding: 14px 10px;
}

.bundle-product-card__quantity-button-container--button {
  padding: 14px 10px;
  border-radius: 0;
  transition: background-color 0.3s;
}

.bundle-product-card__quantity-button-container--button:first-child {
  border-top-left-radius: var(--btn-border-radius);
  border-bottom-left-radius: var(--btn-border-radius);
}
.bundle-product-card__quantity-button-container--button:last-child {
  border-top-right-radius: var(--btn-border-radius);
  border-bottom-right-radius: var(--btn-border-radius);
}

button.bundle-product-card__quantity-button-container--button:hover {
  background-color: var(--primary-btn-bg-color-hover);
}

.bundle-product-card__quantity-button-container--button svg {
  fill: var(--primary-btn-color);
}
/* End Customer quantity button */

/* 2 items per row in BaB */
@media only screen and (max-width: 750px) {
  main.bundle-scrollable-section,
  main .bundle-section {
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    row-gap: 0;
  }

  .bundleapp-modal__container--complete-screen .bundle-product-card {
    width: 100%;
  }

  .bundle-lazy-image-container {
    width: 100%;
  }

  .bundle-product-card__quantity-button-container {
    width: 100%;
  }
}
/* end 2 items per row in BaB */

/* square images */
.bundleapp-modal__container--complete-screen .bundle-product-card {
  width: 300px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .bundleapp-modal__container--complete-screen .bundle-product-card {
    width: 300px;
  }
}
@media screen and (max-width: 758px) {
  .bundleapp-modal__container--complete-screen .bundle-product-card {
    width: 100%;
  }
}

.bundle-lazy-image-container {
  padding-bottom: 100%;
  border-radius: 0;
}
/* end square images */

body.awt-bab-open .bundleapp-modal__logo {
  background-image: var(--logo-image-url);
}

body.awt-bab-open #dummy-chat-button-iframe {
  display: none !important;
}

product-page[data-id="7920866623679"] > div.product-text > div > .product-price {
  display: none;
}

.awt-section-with-limits.awt-is-max-size-reached button[data-testid="increment-quantity"] {
  pointer-events: none;
  opacity: 0.7;
}

body.awt-bab-open button.needsclick.undefined {
  display: none !important;
}

body.awt-bab-open .p_7954913919167 main > div > div.awt-section-with-limits::before {
  content: "Pick at least 6 items";
  display: block;
  font-weight: 600;
  color: #39ab51;
  text-align: center;
  margin-bottom: 20px;
}