:root {
  /* Colors */
  --ec-primary-color-50: #e0f0ff;
  --ec-primary-color-100: #c7e4ff;
  --ec-primary-color-200: #8fc9ff;
  --ec-primary-color-300: #57aeff;
  --ec-primary-color-400: #1a90ff;
  --ec-primary-color-500: #0074e0;
  --ec-primary-color-600: #0057a8;
  --ec-primary-color-700: #003a70;
  --ec-primary-color-800: #00284d;
  --ec-primary-color-900: #001224;
  --ec-primary-color-950: #000b14;

  --ec-accent-color-50: #e9f4f0;
  --ec-accent-color-100: #d9eee6;
  --ec-accent-color-200: #b3dccf;
  --ec-accent-color-300: #85c3b1;
  --ec-accent-color-400: #5ca592;
  --ec-accent-color-500: #428a78;
  --ec-accent-color-600: #336e61;
  --ec-accent-color-700: #2c594f;
  --ec-accent-color-800: #274842;
  --ec-accent-color-900: #243d39;
  --ec-accent-color-950: #10231f;

  /* Fonts */
  --ec-heading-font: 'Burbank Big Condensed Bold', serif;
  --ec-body-font: 'Bariol Bold', sans-serif;
  --ec-body-font-regular: 'Bariol Regular', sans-serif;
  --ec-font-color: var(--ec-primary-color-700);
  --ec-line-height: 1.6em;
  --ec-font-weight: 400;
  --ec-font-size: 16px;

  /* Borders */
  --ec-border-color: rgba(0, 0, 0, 0.1);
  --ec-border-radius-xs: 4px;
  --ec-border-radius-sm: 8px;
  --ec-border-radius-md: 16px;
  --ec-border-radius-lg: 20px;
  --ec-border-radius-xl: 24px;
  --ec-border-radius-xxl: 30px;

  /* Spacing */
  --ec-spacing-xxs: 4px;
  --ec-spacing-xs: 8px;
  --ec-spacing-sm: 16px;
  --ec-spacing-md: 24px;
  --ec-spacing-lg: 32px;
  --ec-spacing-xl: 40px;

  --ec-primary-color: var(--ec-primary-color-200);
  --ec-primary-color-hover: var(--ec-primary-color-300);
  --ec-accent-color: var(--ec-accent-color-50);
  --ec-accent-color-hover: var(--ec-accent-color-100);

  /* Button */
  --ec-button-primary: var(--ec-primary-color-700);
  --ec-button-primary-hover: var(--ec-primary-color-700);
  --ec-button-text-on-primary: #fff;

  --ec-button-secondary: var(--ec-button-secondary-600);
  --ec-button-secondary-hover: var(--ec-button-secondary-500);
  --ec-button-text-on-secondary: #fff;

  --ec-button-outline: transparent;
  --ec-button-outline-hover: transparent;
  --ec-button-text-on-outline: var(--ec-primary-color-700);
  --ec-button-border-outline: var(--ec-primary-color-700);

  --ec-button-border-radius: 9999px;

  --ec-spacing-xxl: 48px;

  /* Box shadows */
  --ec-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
  --ec-box-shadow-icon:  0 0 0 0 rgba(116, 151, 155, 0.7);
  --ec-box-shadow-icon-pulse: 0 0 0 10px rgba(116, 151, 155, 0);
  --ec-box-shadow-icon-pulse-end: 0 0 0 0 rgba(116, 151, 155, 0);

  --skeleton-loader-bg-grey: #ececec;
  --ec-lazy-load-transition: opacity 0.5s ease-in-out;

  /* Transitions */
  --ec-transition: all 0.3s ease-in-out;
  --ec-transition-fast: all 0.1s ease-in-out;
  --ec-transition-slow: all 0.5s ease-in-out;
  --ec-transition-cubic: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --ec-transition-cubic-fast: all 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
  --ec-transition-cubic-slow: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  --ec-transition-linear: all 0.3s linear;
  --ec-transition-linear-fast: all 0.1s linear;
  --ec-transition-linear-slow: all 0.5s linear;
  --ec-transition-ease-in: all 0.3s ease-in;
  --ec-transition-ease-in-fast: all 0.1s ease-in;
  --ec-transition-ease-in-slow: all 0.5s ease-in;
  --ec-transition-ease-out: all 0.3s ease-out;
  --ec-transition-ease-out-fast: all 0.1s ease-out;
  --ec-transition-ease-out-slow: all 0.5s ease-out;
  --ec-transition-ease-in-out: all 0.3s ease-in-out;
  --ec-transition-ease-in-out-fast: all 0.1s ease-in-out;
  --ec-transition-ease-in-out-slow: all 0.5s ease-in-out;
  --ec-transition-none: none;

  /* Images */
  --ec-image-default-background: url('https://wrooom.webien.cloud/eyJidWNrZXQiOiJ3ZWJpZW4taGVtZ2xhc3Muc2UiLCJrZXkiOiJoZW1nbGFzcy5zZS9hcHAvdXBsb2Fkcy8yMDIwLzExL2hnX3JhbmRpZ19iYWtncnVuZF90dXJrb3NlLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsInBvc2l0aW9uIjoiYXR0ZW50aW9uIiwid2lkdGgiOiIzMDAiLCJoZWlnaHQiOiIzMDAiLCJmaXQiOiJjb3ZlciJ9fX0=');
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ec-heading-font);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

html,
body {
  font-family: var(--ec-body-font);
  line-height: var(--ec-line-height);
  font-weight: var(--ec-font-weight);
  font-size: var(--ec-font-size);
  color: var(--ec-font-color);

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

.container {
  max-width: 1128px;
  margin: 0 auto;
}

#add-to-cart {
  background-color: #d1e8f6;
  border: 1px solid #d1e8f6;
  margin-top: 10px;
  margin-bottom: 0px;
  border-radius: 8px;
  padding: 16px;
  min-height: 163px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  margin: 0;
}

@media (max-width: 767px) {
  #add-to-cart {
    min-height: 129px;
  }
}

#ingredients-accordion {
  min-height: 180px;
}

.pac-container {
  border-radius: 15px;
  padding: 5px 0;
  margin-top: 10px;
  z-index: 999999 !important;
  pointer-events: auto !important;

  &:after {
    background-image: none !important;
    height: 0px;
  }
}
.pac-item {
  border: 0;
  margin: 10px;
  cursor: pointer;
  & + .pac-item {
    border-top: 1px solid #eee;
  }
}
.pac-matched,
.pac-item-query,
.pac-item {
  color: #003a70;
}
.pac-icon {
  display: none;
}