/** Shopify CDN: Minification failed

Line 136:28 Expected identifier but found whitespace
Line 136:30 Unexpected "{"
Line 136:39 Expected ":"
Line 137:19 Expected identifier but found whitespace
Line 137:21 Unexpected "{"
Line 137:30 Expected ":"
Line 190:0 Unexpected "{"
Line 190:1 Expected identifier but found "%"
Line 192:30 Expected identifier but found whitespace
Line 192:32 Unexpected "{"
... and 6 more hidden warnings

**/
.announcement__col--right > a:not(.no-spacer)::after, .announcement__localization .localization__selector:nth-child(2) .custom-select__btn::before {
  content: "|";
  padding: 0 12px;
  opacity: 0.7;
  font-weight: normal;
}

.cc-announcement {
  position: relative;
  z-index: 31;
}
.shopify-section + .cc-announcement, .overlay-predictive-search .cc-announcement {
  position: static;
  z-index: auto;
}

.announcement {
  color: rgb(var(--announcement-text-color));
}
.announcement a {
  color: inherit;
}

.announcement__text {
  justify-content: center;
  padding: 0px 0;
  text-align: left;
}
.announcement__text a {
  text-decoration: underline;
}
.announcement__text p {
  margin-bottom: 0;
}

.announcement__localization {
  display: inline-block;
}
.announcement__localization .custom-select__btn {
  --input-text-color: var(--announcement-text-color);
  --text-color: var(--announcement-text-color);
  width: auto;
  margin-inline-end: calc(2 * var(--space-unit));
  padding: 0;
  border: 0;
  background-color: transparent;
  color: currentColor;
  font-size: inherit;
  line-height: 1.5;
  white-space: nowrap;
}
.announcement__localization .custom-select__btn > .icon {
  right: 0;
  width: 20px;
  padding-inline-start: 0;
}
body:not(.tab-used) .announcement__localization .custom-select__btn:focus {
  box-shadow: none;
}
.announcement__localization .localization__selector {
  display: inline-block;
}
.announcement__localization .custom-select__listbox {
  min-width: 100px;
}

.announcement__col--left {
  flex: 1;
}

.announcement__col--right {
  padding: 5px 0;
}
.announcement__slider {
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.announcement__slider::-webkit-scrollbar {
  display: none;
}
.announcement__slider .announcement__text {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  scroll-snap-align: start;
}
.announcement__slider .announcement__text > p {
  overflow: hidden;
  text-overflow: ellipsis;
}

.mob__announcement-links {
  list-style: none;
}
.secondary-nav-container + .mob__announcement-links {
  margin-top: 0;
}

@media (min-width: 769px) {
  .announcement__col--right {
    padding-inline-start: 10px;
  }
  .announcement__col--align-center .announcement__text {
    padding-right: calc(4 * var(--space-unit));
    padding-left: calc(4 * var(--space-unit));
  }
  .announcement__col--align-left .announcement__text {
    justify-content: flex-start;
    padding-inline-end: calc(4 * var(--space-unit));
    text-align: start;
  }
}


.announcement {
  --announcement-text-color: {{ section.settings.text_color.rgb }};
  background-color: {{ section.settings.bg_color }};
  color: var(--announcement-text-color);
}

.announcement__left {
  flex: 1;
  display: flex;
  align-items: center;
  padding-left: 10px;
}

.announcement__center {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.announcement__right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}

.announcement-bar__message {
  display: flex;
  align-items: center;
}

.trustpilot-logo {
  height: 20px;
  vertical-align: middle;
  margin-left: 10px;
}
.announcement__col--left {
  display: flex;
  align-items: center; /* Center vertically */
}

.announcement__text {
  flex: 1; /* Take up remaining space */
  margin-right: 10px; /* Optional: Add space between Welcome text and Trustpilot */
}

.trustpilot-logo {
  height: 20px; /* Adjust height as needed */
  vertical-align: middle; /* Align vertically in line with text */
  margin-left: 10px; /* Optional: Add space between Welcome text and Trustpilot */
}


{%- style -%}
  .announcement {
    --announcement-text-color: {{ section.settings.text_color.rgb }};
    background-color: {{ section.settings.bg_color }};
    color: var(--announcement-text-color);
    text-align: center;
  }

  .announcement__col--left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .announcement__col--right {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .announcement__localization {
    margin-top: 10px;
  }

  .announcement__text {
    margin: 5px 0;
  }

  .announcement-bar__message {
    margin-top: 10px;
  }

  .trustpilot-logo {
    max-width: 100px;
    height: auto;
  }

  /* Medium Devices (Tablets, 768px and up) */
  @media (min-width: 768px) {
    .announcement {
      text-align: left;
      
    }
    
  .announcement__col--left {
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
    }

    .announcement__col--right {
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
    }

    .announcement__localization {
      margin-top: 0;
      margin-left: 10px;
    }

    .announcement-bar__message {
      margin-top: 0;
      margin-left: 10px;
    }

    .trustpilot-logo {
      max-width: 200px;
    }
  }

  /* Large Devices (Desktops, 1024px and up) */
  @media (min-width: 1024px) {
    .announcement {
    }

    .announcement__col--left {
      flex: 1;
    }

    .announcement__col--right {
      flex: 1;
    }

    .announcement-bar__message {
      margin-left: 20px;
    }

    .trustpilot-logo {
      max-width: 200px;
    }
  }
{%- endstyle -%}

/* Media query for screens smaller than 768px (mobile devices) */
@media (max-width: 767px) {
  .announcement__text {
    justify-content: flex-start; /* Example adjustment for smaller screens */
    text-align: center; /* Example adjustment for smaller screens */
    font-size: 10px; /* Example adjustment for smaller screens */
  }

  .announcement__col--right {
    align-items: center; /* Example adjustment for smaller screens */
    font-size: 10px; /* Example adjustment for smaller screens */
  }
}


/* Media query for screens smaller than 768px (mobile devices) */
@media (max-width: 767px) {
  announcement-bar.announcement.block.text-body-medium {
    display: none; /* Hide the entire announcement bar on mobile */
  }
}