/** Shopify CDN: Minification failed

Line 720:27 Expected ")" to end URL token
Line 898:34 Unexpected "，"

**/
.not-italic {
  font-style: normal;
}
.flex {
  display: flex;
}
.tw-relative {
  position: relative;
}
.tw-absolute {
  position: absolute;
}
.tw-inset {
  inset: 0;
}
.flex-row--reverse {
  flex-direction: row-reverse;
}
.image-link-faded {
  transition: opacity 0.2s ease-in-out;
  opacity: 0.65;
}
@media screen and (pointer: fine) {
  .image-link-faded:hover {
    opacity: 1;
  }
}
.header .header__primary-nav-item,
.header__primary-nav-item .header__dropdown-menu > li {
  display: flex;
  align-items: safe center;
  gap: 0.25rem;
}
.header .menu-label,
.header-sidebar .menu-label {
  font-size: 0.6rem;
  font-weight: normal;
  line-height: 1;
  padding: 2px;
  align-self: flex-start;
}
.header-sidebar__linklist-button > span,
.header-sidebar__nested-linklist > a,
.header__primary-nav-item > a {
  display: flex;
  gap: 0.25rem;
}
.header-sidebar .menu-label {
  margin-inline-start: 3px;
}
.header-sidebar__linklist.has-menu-images {
  display: grid;
  gap: 1.25rem 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mega-menu__promo .text-over-media,
.header-sidebar__promo .text-over-media {
  place-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  color: #fff;
}
.mega-menu__promo .text-over-media-content,
.header-sidebar__promo .text-over-media-content {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  padding: 1rem;
  z-index: 2;
}
.mega-menu__promo .text-over-media-content > div,
.header-sidebar__promo .text-over-media-content > div {
  align-content: end;
}
.mega-menu__promo .text-over-media:before,
.header-sidebar__promo .text-over-media:before {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  border-radius: inherit;
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.site-header {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 999;
  --shadow-x-buttons: 0;
  --shadow-y-buttons: 0;
  --shadow-blur-buttons: 0;
  --header-show-transparent-logo: 0;
  box-shadow: 0 -1px rgb(var(--header-separation-border-color)) inset;
  transition: background 0.2s, color 0.2s, border 0.2s, box-shadow 0.2s,
    transform 0.15s ease-in-out;
}
.site-header.is-hidden {
  transform: translateY(-100%);
}
.site-header .menu-label {
  font-size: 0.6875rem;
  font-weight: normal;
  line-height: 1;
  padding: 2px;
  align-self: flex-start;
}
.header-container--top {
  z-index: 11;
}
.header__top,
.header__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__top {
  padding-inline-start: var(--container-gutter);
  padding-inline-end: var(--container-gutter);
  padding-block-start: var(--header-padding-block);
  padding-block-end: var(--header-padding-block);
  position: relative;
  background: rgb(var(--background));
}
.header__top .header__logo a,
.header__top a.header__logo {
  line-height: normal;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.header__top .slogan {
  font-style: italic;
  font-weight: normal;
  letter-spacing: normal;
}
@media screen and (min-width: 1400px) {
  .header__top .header__logo a,
  .header__top a.header__logo {
    gap: 1rem;
    flex-direction: row;
    align-items: center;
  }
  .header__top .slogan {
    display: inline-block;
    position: relative;
    padding-left: 1rem;
    padding-block: 0.2rem;
  }
  .header__top .slogan:before {
    content: "";
    width: 1px;
    background: currentColor;
    height: 100%;
    inset-block: 0;
    position: absolute;
    left: 0;
  }
}

.header__bottom {
  padding-block-start: var(--header-padding-block);
  padding-block-end: var(--header-padding-block);
  border-block-end-width: 1px;
  border-block-end-color: rgb(223 223 223);
}
.header__bottom .header__primary-nav-item:before,
.header__bottom .header__dropdown-menu:before {
  background: rgb(var(--background));
}
.header__bottom .mega-menu,
.header__bottom .header__dropdown-menu {
  background: rgb(var(--text-color));
  color: rgb(var(--background));
}
.header__bottom .link-faded {
  color: rgb(0 0 0 / 0.65);
}
@media screen and (pointer: fine) {
  .header__bottom .link-faded:hover {
    color: rgb(var(--background));
  }
  .header__bottom .link-faded-reverse:hover {
    color: rgb(0 0 0 / 0.65);
  }
}
.site-header .logo {
  flex: 1;
  align-items: start;
  flex-direction: column;
  display: flex;
  box-sizing: content-box;
  gap: 0.1rem;
}
.site-header .header__secondary-nav {
  padding-inline-start: 2.5rem;
  flex: 1;
}

.header-search-bar {
  max-width: 41.875rem;
  width: 100%;
  position: relative;
}
@media (min-width: 1000px) and (max-width: 1440px) {
  .header-search-bar {
    max-width: 29.875rem;
  }
  .header__secondary-nav .localization-selectors {
    justify-content: end;
  }
}
.header-search-bar .predictive-search {
  position: absolute;
  top: 100%;
  inset-inline: 0;
  z-index: 999;
}
header-search-bar .search-suggestions {
  grid-template-columns: minmax(0px, 1fr);
  gap: 2.5rem;
  padding-block: 1.25rem 2rem;
  display: grid;
}
header-search-bar .search-suggestions__title,
header-search .search-suggestions__title {
  border-block-end-width: 1px;
  padding-block-end: 0.625rem;
}
.search-suggestions .search-suggestions__list {
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  gap: 0.75rem 1.5rem;
  display: grid;
}
.close-search-button {
  justify-content: flex-end;
  grid-template-columns: auto;
  align-items: center;
  column-gap: 0.75rem;
  padding-block: 0.75rem;
  display: grid;
}
.header-search-bar input {
  color: rgb(var(--background));
  background: rgb(var(--text-color));
  border-color: rgb(var(--text-color));
  border-radius: 6px 0 0 6px;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #0000005c;
  z-index: 31;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.12s linear;
}
.overlay.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.header-search__form {
  position: relative;
  display: block;
}
.header-search-bar[open] .header-search__form {
  z-index: 32;
}

.header-search-bar predictive-search {
  opacity: 0;
  visibility: hidden;
}
.header-search-bar[open] predictive-search {
  opacity: 1;
  visibility: visible;
}
.header-search-bar.is-hidden {
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
}
.header-search-bar {
  transition: all 0.15s ease-in-out;
  border-radius: 6px;
  border-width: 1px;
  border-color: rgb(var(--background));
}
.header-container--top {
  position: relative;
}
.header-search-bar__results {
  z-index: -1;
  width: 100%;
  display: none;
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  background: transparent;
}
.header-search-bar__results::part(content) {
  max-height: calc(
    100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) -
      1.25rem
  );
  background: rgb(var(--background));
  color: rgb(var(--text-color));
  overflow: auto;
}
:where(.header-search-bar__results)::part(overlay) {
  background: rgb(var(--page-overlay));
  min-height: 100vh;
  position: fixed;
  inset: 0;
}
.header-search-bar__results::part(overlay) {
  min-height: calc(
    100vh - var(--sticky-area-height) + var(--header-desktop-menu-height)
  );
  inset-block-start: calc(
    var(--sticky-area-height) - 50px - var(--header-desktop-menu-height)
  );
}
.close-search-form {
  color: rgb(var(--text-color));
}
@supports (max-height: 100dvh) {
  .header-search-bar__results::part(content) {
    max-height: min(
      var(--header-search-max-height, 100vh),
      100dvh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) -
        1.25rem
    );
  }
}
.site-header .header-search::part(content) {
  background: rgb(var(--text-color));
  color: rgb(var(--background));
}
.site-header [form="predictive-search-form"].button {
  background: rgb(var(--background));
  color: rgb(var(--text-color));
}
.site-header .header-search .search-suggestions {
  grid-template-columns: minmax(0, 1fr);
  padding-block: 1.25rem 2rem;
}
.site-header .header-search .text-subdued {
  color: rgb(var(--background) / 0.65);
}
.site-header .content-tabs [role="tab"] {
  box-shadow: 0 1px rgb(var(--text-color));
}
.site-header .content-tabs [role="tab"]:not([aria-selected="true"]) {
  opacity: 0.6;
  box-shadow: 0 1px #0000;
}
.site-header [form="predictive-search-form"].button {
  background: rgb(var(--background));
  color: rgb(var(--text-color));
}
.site-header input::placeholder,
.site-header textarea::placeholder {
  opacity: 0.65;
  color: rgb(var(--background) / 0.65);
}
@media (max-width: 999px) {
  .header__top {
    display: grid;
    grid:
      "primary-nav logo secondary-nav" "search-bar search-bar search-bar" / minmax(
        0,
        1fr
      )
      minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 0.25rem;
  }
  .site-header .logo {
    grid-area: logo;
    flex-direction: column;
    place-self: center center;
    padding-inline-end: 0;
  }
  .header-search-bar {
    grid-area: search-bar;
  }
  .site-header .header__secondary-nav {
    padding-inline-start: 0;
  }
  .header-container--bottom {
    display: none;
  }
  .header-search-bar .search-button {
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    position: absolute;
    inset-block-start: var(--input-padding-block);
    inset-inline-end: var(--input-padding-inline);
    color: rgb(var(--background));
  }
}
@media screen and (min-width: 700px) {
  .site-header .logo {
    padding-inline-end: 2.5rem;
  }
  .site-header .header__secondary-nav {
    padding-inline-start: 2.5rem;
  }
  .predictive-search__results {
    padding-inline: 1.5rem;
  }
  .header-search-bar .predictive-search__suggestions {
    display: flex;
    flex-flow: wrap;
  }
  .header-search-bar .predictive-search__content {
    max-height: 35rem;
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-shadow: 0 3px 3px 1px rgb(0 0 0 / 10%);
    border-radius: 0 0 10px 10px;
  }
  .header__bottom {
    padding-inline-start: var(--container-gutter);
    padding-inline-end: var(--container-gutter);
    justify-content: center;
  }
  .header-container--bottom {
    color: rgb(var(--background));
    background-color: rgb(var(--text-color));
    border-radius: 10px 10px 0 0;
  }
  .header-search-bar button.search-button {
    padding: 0.5rem 1rem;
    color: rgb(var(--background));
    background: #be4142;
    border-color: #be4142;
    border-radius: 0 6px 6px 0px;
  }
  .header-search-bar button.search-button svg {
    color: #fff;
  }
  .header-search-bar
    input:is(.input:focus, .textarea:focus, .select:focus-visible) {
    border-color: #fff;
  }
  .header__primary-nav-item {
    display: flex;
  }
}
@media screen and (min-width: 1000px) {
  .header-search-bar .predictive-search__results--with-suggestions {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (min-width: 700px) {
  .slideshow__slide-content .prose :where(:not(meta, span) + *) {
    margin-block-start: 0.25rem;
  }
  .slideshow__slide-content .prose :is(.button, .button-group:has(.button)) {
    margin-block-start: 1rem;
  }
}
@media screen and (max-width: 699px) {
  .slideshow__slide-content .prose :where(:not(meta, span) + *) {
    margin-block-start: 0.25rem;
  }
  .slideshow__slide-content .prose :is(.button, .button-group:has(.button)) {
    margin-block-start: 0.5rem;
  }
  .slideshow__slide-content .text-xxl {
    font-size: var(--text-lg);
  }
}
.slideshow .page-dots:not(.page-dots--autoplay) > * {
  width: 0.4rem;
  height: 0.4rem;
  transition: width 0.15s;
  transform-origin: left;
}
.slideshow .page-dots:not(.page-dots--autoplay) > *[aria-current="true"] {
  width: 2.25rem;
}

.slideshow[allow-corner-radius] {
  border-radius: 10px;
  overflow: hidden;
}
.text-container {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  transition: max-height 0.3s ease;
}
.text-container p {
  margin: 0;
}
[data-grid-style="white-round"] .product-card__info,
[data-grid-style="grey-square"] .product-card__info,
[data-grid-style="grey-round"] .product-card__info {
  padding-inline: 1rem;
  padding-block-end: 0.75rem;
}
[data-grid-style="white-round"],
[data-grid-style="grey-square"],
[data-grid-style="grey-round"] {
  gap: 0.75rem;
}
[data-grid-style="white-round"] {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
[data-grid-style="grey-square"] {
  background-color: rgba(41, 41, 41, 0.027);
}
[data-grid-style="grey-round"] {
  background-color: rgba(41, 41, 41, 0.027);
  border-radius: 10px;
  overflow: hidden;
}

.slideshow__slide .text-with-icon,
.featured-collections-carousel__item .text-with-icon {
  flex-direction: row-reverse;
  transition: 0.3s all ease-in-out;
}
.slideshow__slide .text-with-icon i,
.featured-collections-carousel__item .text-with-icon i {
  padding: 0.35rem;
  background: rgba(var(--background));
  color: rgb(var(--text-color));
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.slideshow__slide .text-with-icon svg,
.featured-collections-carousel__item .text-with-icon svg {
  --size: 0.75rem;
  inline-size: var(--size);
  block-size: var(--size);
}
@media (min-width: 1000px) {
  .slideshow__slide .button:hover .text-with-icon i,
  .featured-collections-carousel__item .button:hover .text-with-icon i {
    transform: translateX(2px);
  }
}
@media (max-width: 699px) {
  .slideshow__slide .text-with-icon i,
  .featured-collections-carousel__item .text-with-icon i {
    padding: 0.25rem;
  }
}

#divViewRoot .quick-chat-popup-17uqww7 .quick-popup-content {
  overflow: hidden;
}
#bon-loyalty-btn[aria-label="BON-Loyalty-btn"] {
  display: none !important;
}
iframe#quick-chat-iframe {
  z-index: 9999 !important;
}

iframe#merchantwidgetiframe,
#merchantwidget-iframe-wrapper {
  z-index: 9999 !important;
}

/* collage-blog-posts */
.collage-blog-list {
  --blog-post-list-items-per-row: 1;
  --blog-post-list-column-gap: 1.875rem;
  --blog-post-list-row-gap: 2rem;
  --blog-post-list-card-width: calc(
    100% / var(--blog-post-list-items-per-row) -
      var(--blog-post-list-column-gap) *
      (var(--blog-post-list-items-per-row) - 1) /
      var(--blog-post-list-items-per-row)
  );
  display: grid;
  align-items: start;
  column-gap: var(--blog-post-list-column-gap);
  row-gap: var(--blog-post-list-row-gap);
  grid-auto-columns: minmax(0, 1fr);
}

.collage-blog-list .blog-post-card > a {
  display: flex;
  height: 100%;
}

.collage-blog-list .blog-post-card:first-child > a {
  flex-grow: 1;
}

.collage-blog-list .blog-post-card:first-child .blog-post-card__info {
  position: absolute;
  inset: clamp(20px, 3.5vw, 50px);
  inset-block-start: unset;
  color: #fff;
  z-index: 1;
}

.collage-blog-list .blog-post-card:first-child > a:before {
  content: "";
  background: rgb(0 0 0 / 0.3);
  border-radius: inherit;
  z-index: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.collage-blog-list .blog-post-card:first-child :is(.link-faded, .text-subdued) {
  color: #fff;
}
.collage-blog-list .blog-post-card__info {
  align-items: start;
  row-gap: 0.75rem;
}

.collage-blog-list .blog-post-card :is(img) {
  height: var(--content-over-media-height, auto);
  overflow-wrap: anywhere;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  grid-area: full-start / full-start / full-end / full-end;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
}

@media screen and (max-width: 700px) {
  .collage-blog-list .blog-post-card:first-child > a {
    aspect-ratio: 4 / 5;
  }
}

@media screen and (min-width: 1000px) {
  .collage-blog-list {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }

  .collage-blog-list .blog-post-card {
    display: flex;
    height: 100%;
  }

  .collage-blog-list .blog-post-card:nth-child(1) {
    grid-column: span 14;
    grid-row: span 2;
  }

  .collage-blog-list .blog-post-card:is(:nth-child(2), :nth-child(3)) {
    grid-column: span 10;
    flex-direction: row;
  }

  .collage-blog-list
    .blog-post-card:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
    grid-column: span 12;
    flex-direction: row;
  }

  .collage-blog-list .blog-post-card > a {
    flex: 0 0 40%;
  }
}

@media screen and (min-width: 1500px) {
  .collage-blog-list .blog-post-card > a {
    display: flex;
    height: 100%;
    flex: 0 0 45%;
  }
}

/* featured-collections-3 */
.rounded-navigation {
  padding-block: 0.4rem;
}

.rounded-navigation > button {
  inline-size: var(--rounded-navigation-size);
  block-size: var(--rounded-navigation-size);
  border-radius: 50%;
  color: white;
  font-weight: bold;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url(var(--rounded-navigation-image));
  background-size: cover;
  background-position: center;
  position: relative;
  cursor: pointer;
  transition: box-shadow 0.3s;
  overflow: hidden;
}

.rounded-navigation img {
  border-radius: 50%;
}

.featured-collections-navigation.rounded-navigation > button:after {
  display: none;
}

.rounded-navigation > button[aria-current="true"] {
  box-shadow: 0 0 0 0.4rem #be4142;
}

@media screen and (min-width: 1000px) {
  .rounded-navigation .content-over-media {
    --content-over-media-gap: 1rem;
  }
}
@media screen and (min-width: 1700px) {
  .featured-collections-carousel_container {
    display: flex;
    gap: 2rem;
  }

  .rounded-navigation {
    flex-basis: 33%;
    display: flex;
    gap: 2.5rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
  }
}

@media screen and (max-width: 1699px) {
  .featured-collections-carousel_container {
    gap: var(--section-stack-gap);
    grid-auto-columns: minmax(0, 1fr);
    display: grid;
  }
}

/* featured-collection-2 */
.featured-collection-2__container {
  display: flex;
  gap: var(--media-grid-gap);
}

.featured-collection-2__container .feacture-collection_products-wrapper {
  flex-basis: 50%;
}

.featured-collection-2__container .feacture-collection_product-list {
  padding: 1.5rem 1rem;
}

.feacture-collection_product-list--carousel {
  display: grid;
  grid: auto / auto-flow 100%;
  justify-content: center;
}

.feacture-collection_product-list--carousel > :not(.is-selected) {
  visibility: hidden;
}

.feacture-collection_product-list--carousel > * {
  grid-area: 1 / -1;
}

.feacture-collection_product-list__controls {
  padding-inline: 0;
}

.feacture-collection_product-list__control:first-child {
  inset-inline-start: 0;
}

.feacture-collection_product-list__control:last-child {
  inset-inline-end: 0;
}

.feacture-collection_product-list__control {
  z-index: 2;
  transition: opacity 0.2s, transform 0.2s;
  display: grid;
  position: absolute;
  inset-block-start: calc(50% - 1.5625rem);
}

carousel-next-button.feacture-collection_product-list__control {
  inset-inline-end: 0;
}
@media screen and (max-width: 699px) {
  .featured-collection-2__container {
    flex-direction: column;
  }

  .featured-collection-2__container .floating-controls-container {
    padding-inline: 1rem;
  }
}

@media screen and (min-width: 700px) {
  .featured-collection-2__container .floating-controls-container {
    padding-inline: 4.625rem;
  }
}

@media screen and (min-width: 1000px) {
  .featured-collection-2__container .floating-controls-container {
    padding-inline: 2.625rem;
  }
}

@media screen and (max-width: 999px) {
  .featured-collection-2__container {
    gap: var(--section-stack-gap);
    grid-auto-columns: minmax(0, 1fr);
    display: grid;
  }
}

@media screen and (min-width: 1400px) {
  .featured-collection-2__container .floating-controls-container {
    padding-inline: 4.625rem;
  }
}

/* featured-collection */

.featured-collection_container {
  display: flex;
  grid: var(--featured-collection-grid);
  position: relative;
  column-gap: 2rem;
  row-gap: 1rem;
  align-items: stretch;
}

.featured-collection_image,
.featured-collection_product-list {
  flex: 1;
}

.featured-collection_container .featured-collection_image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 10px;
}

/* footer */
.footer__block-list > *:first-child + * > .accordion {
  border-block-start-width: 0px;
}
.footer__block-list > * + * > .accordion {
  border-block-start-width: 0;
}
@media screen and (max-width: 699px) {
  .footer__inner .footer__block-list {
    row-gap: 0;
  }
  .footer__block--about {
    padding-block-start: 2rem;
  }
  .footer__inner
    .footer__block-list
    > *:not(.footer__block--links)，.footer__inner
    .footer__block-list
    > *:not(.footer__block--image_links) {
    margin-bottom: 1rem;
  }
  .footer_aside-left {
    order: 2;
  }
  .footer_aside-left .flex a {
    inline-size: fit-content;
  }
  .footer_aside-left > p {
    order: 2;
  }
  .footer_aside-right {
    flex-direction: column;
    align-items: start;
    order: 1;
  }
  .footer_aside-left .payment-methods {
    justify-content: start;
  }
  .payment-methods svg {
    inline-size: 2rem;
    block-size: auto;
  }
}

.footer__block--about img {
  block-size: 0.875rem;
  inline-size: auto;
}
@media screen and (max-width: 699px) {
  .footer__block--about img {
    block-size: 0.75rem;
  }
}
.footer__block--about ul {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}
.footer__block--about ul li {
  flex-shrink: 0;
}

@media screen and (min-width: 1000px) {
  .footer__block--about {
    block-size: 100%;
  }
  .footer__block--about > div {
    block-size: 100%;
    align-content: space-between;
  }
}

.footer-newsletter {
  display: flex;
}
.footer-newsletter .form-control {
  flex-grow: 1;
}
.footer-newsletter input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.footer-newsletter .button {
  height: 100%;
  border-radius: 0px 6px 6px 0;
  border-width: 1px;
  border-color: rgb(var(--button-background));
}

/* scrolling-content */
.scrolling-wrapper {
  --logical: -1;
  --transform-logical: 1;
  transform: rotate(calc(358deg * var(--logical) * var(--transform-logical)));
}

.scrolling-wrapper.with-right {
  --logical: 1;
}

.scrolling-wrapper::before {
  content: "";
  z-index: -1;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -5%;
  width: 110%;
  height: 100%;
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
}

.scrolling-wrapper + .scrolling-wrapper {
  margin-block-start: -1%;
  transform: rotate(calc(2deg * var(--logical) * var(--transform-logical)));
  filter: grayscale(1);
  opacity: 0.25;
}

/* FB post*/
.post-list {
  grid: auto / repeat(auto-fit, var(--post-list-card-width));
  align-items: start;
  column-gap: var(--post-list-calculated-column-gap);
  row-gap: var(--post-list-calculated-row-gap);
  --post-list-max-items-per-row-allowed: 2;
  --post-list-calculated-items-per-row: min(
    var(--post-list-max-items-per-row-allowed),
    var(--post-list-items-per-row)
  );
  --post-list-default-row-gap: 2.1875rem;
  --post-list-default-column-gap: 1rem;
  --post-list-calculated-row-gap: clamp(
    var(--section-vertical-spacing) / 4,
    var(--post-list-default-row-gap) *
      var(--post-list-vertical-spacing-factor, 1),
    var(--section-vertical-spacing) * 2
  );
  --post-list-calculated-column-gap: clamp(
    var(--container-gutter) / 4,
    var(--post-list-default-column-gap) *
      var(--post-list-horizontal-spacing-factor, 1),
    var(--container-gutter) * 2
  );
  --post-list-card-width: calc(
    100% / var(--post-list-calculated-items-per-row) -
      var(--post-list-calculated-column-gap, 0px) *
      (var(--post-list-calculated-items-per-row) - 1) /
      var(--post-list-calculated-items-per-row)
  );
  display: grid;
}

.post-list--carousel {
  --post-list-default-column-gap: 1.25rem;
  grid: auto / auto-flow var(--post-list-card-width);
  justify-content: safe center;
}

@media screen and (max-width: 699px) {
  .post-list:not(.post-list--carousel) {
    margin-inline: -0.625rem;
  }

  .post-list--carousel {
    --post-list-card-width: min(300px, 75%);
  }
}

@media screen and (min-width: 700px) {
  .post-list {
    --post-list-max-items-per-row-allowed: 3;
    --post-list-default-row-gap: 3rem;
    --post-list-default-column-gap: 1.5rem;
  }

  .post-list--compact {
    --post-list-max-items-per-row-allowed: 4;
  }
}

@media screen and (min-width: 1000px) {
  .post-list {
    --post-list-max-items-per-row-allowed: 4;
    --post-list-default-row-gap: 3rem;
    --post-list-default-column-gap: 2rem;
  }

  .post-list--compact {
    --post-list-max-items-per-row-allowed: 5;
  }

  .post-list--carousel {
    scroll-snap-type: x mandatory;
  }
}

@media screen and (min-width: 1150px) {
  .post-list {
    --post-list-max-items-per-row-allowed: var(--post-list-items-per-row);
  }
}

@media screen and (min-width: 1400px) {
  .post-list {
    --post-list-default-row-gap: 3rem;
    --post-list-default-column-gap: 2rem;
  }
}

.post-card__logo {
  --post-logo-size: 2.5rem;
  display: inline-block;
  position: relative;
  inline-size: var(--post-logo-size);
  block-size: var(--post-logo-size);
  border-radius: 50%;
  background-color: #0866ff;
  padding: 2px;
  box-sizing: border-box;
}

.post-card__logo .avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgb(var(--text-color));
  overflow: hidden;
  border: 2px solid #fff;
}

.post-card__logo .avatar :is(img, svg) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.post-card {
  scroll-snap-align: start;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 1rem;
  display: grid;
  position: relative;
  border-width: 1px;
  border-radius: 1.25rem;
  align-content: space-between;
  block-size: 100%;
  overflow: hidden;
}
.post-card__content {
  padding: 0.5rem 0.5rem 0;
}

.post-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: fit-content;
}

.group-list {
  display: flex;
}

.group-list .button {
  border-radius: 99px;
  max-width: 10rem;
  width: 100%;
  flex-grow: 1;
}

.group-list .button img {
  height: auto;
  width: 4rem;
}

@media screen and (max-width: 999px) {
  .post-header {
    flex-direction: column;
  }

  .post-header svg.icon-arrows {
    transform: rotateZ(90deg);
  }
}

@media screen and (min-width: 1000px) {
  .post-card__logo {
    --post-logo-size: 3rem;
  }
  .post-header {
    gap: 3rem;
    padding: 1rem 4rem;
    border-width: 1px;
    border-radius: 99px;
  }

  .group-list .button img {
    width: 5rem;
  }
}

.arrow {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.animate .arrow-1 {
  animation: showArrow 0.5s ease forwards 0s;
}

.animate .arrow-2 {
  animation: showArrow 0.5s ease forwards 0.5s;
}

.animate .arrow-3 {
  animation: showArrow 0.5s ease forwards 1s;
}

@keyframes showArrow {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.post-product-card__info {
  background-color: #fff;
  border-radius: 6px;
  padding: 0.5rem;
  --line-clamp-count: 1;
  box-shadow: 0 0 3px 0px rgb(var(--text-color) / 0.2);
}
.post-product-card__info img {
  inline-size: 3rem;
}
.post-product-card__quick-add-button {
  background: rgb(var(--text-color));
  color: rgb(var(--background));
  padding: 0.625rem;
  border-radius: 50%;
}

@media screen and (pointer: fine) {
  .post-product-card {
    opacity: 0;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    transform: translateY(5px);
  }
  .post-card:hover .post-product-card {
    opacity: 1;
    transform: translateY(0);
  }
  .post-product-card__quick-add-button :is(svg) {
    transition: transform 0.2s ease-in-out;
  }
  .post-product-card__quick-add-button:hover svg {
    transform: rotateZ(90deg);
  }
}
.post-card .content-over-media {
  --content-over-media-gap: 1rem;
}
.article__wrapper .prose :is(ol, ul) {
  padding-inline-start: 1rem;
}
.prev-next-blog-posts {
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 699px) {
  .prev-next-blog-posts {
    --prev-next-blogs-column-width: 65vw;
    grid: auto / auto-flow var(--prev-next-blogs-column-width);
  }
}
aside.article-note,
.article-note {
  position: relative;
}
aside.article-note,
.article-note {
  padding: 1rem 1rem 1rem 2rem;
  background: rgb(var(--warning-background));
  color: rgb(var(--warning-text));
}

aside.article-note:before,
.article-note:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  width: 1.1rem;
  height: 1.1rem;
  text-align: center;
  background: rgb(var(--warning-text));
  mask: url(/cdn/shop/files/info_icon_150ad637-0d21-4105-b933-ba13a644c052.svg?v=1733818142)
    no-repeat;
  top: 1rem;
}

.video-with-text_container {
  --video-with-text-column-gap: 1.875rem;
  --video-with-text-row-gap: var(--section-stack-gap);
  --video-with-text-card-width: calc(
    100% / var(--video-with-text-items-per-row) -
      var(--video-with-text-column-gap) *
      (var(--video-with-text-items-per-row) - 1) /
      var(--video-with-text-items-per-row)
  );
  display: grid;
  align-items: start;
  column-gap: var(--video-with-text-column-gap);
  row-gap: var(--video-with-text-row-gap);
  grid-auto-columns: minmax(0, 1fr);
}
@media (min-width: 1000px) and (max-width: 1399px) {
  .video-with-text_container {
    grid-template-rows: 1fr;
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }
  .video-with-text_video {
    grid-column: span 6;
  }
  .video-with-text_text {
    grid-column: span 12;
  }
}
@media screen and (min-width: 1400px) {
  .video-with-text_container {
    grid-template-rows: 1fr;
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
  .video-with-text_video {
    grid-column: span 6;
  }
  .video-with-text_text {
    grid-column: span 18;
  }
}
.video-with-text_content {
  --video-text-max-items-per-row-allowed: 2;
  --video-text-calculated-items-per-row: min(
    var(--video-text-max-items-per-row-allowed),
    var(--video-text-items-per-row)
  );
  --video-text-default-row-gap: 1.875rem;
  --video-text-default-column-gap: 1rem;
  --video-text-calculated-row-gap: clamp(
    var(--section-vertical-spacing) / 4,
    var(--video-text-default-row-gap) *
      var(--video-text-vertical-spacing-factor, 1),
    var(--section-vertical-spacing) * 2
  );
  --video-text-calculated-column-gap: clamp(
    var(--container-gutter) / 4,
    var(--video-text-default-column-gap) *
      var(--video-text-horizontal-spacing-factor, 1),
    var(--container-gutter) * 2
  );
  --video-text-card-width: calc(
    100% / var(--video-text-calculated-items-per-row) -
      var(--video-text-calculated-column-gap, 0px) *
      (var(--video-text-calculated-items-per-row) - 1) /
      var(--video-text-calculated-items-per-row)
  );
  grid: auto / repeat(auto-fit, var(--video-text-card-width));
  align-items: start;
  column-gap: var(--video-text-calculated-column-gap);
  row-gap: var(--video-text-calculated-row-gap);
  display: grid;
}
.video-with-text--carousel {
  --video-text-default-column-gap: 1.25rem;
  grid: auto / auto-flow var(--video-text-card-width);
  justify-content: safe center;
}

.video-with-text--carousel {
  --video-text-default-column-gap: 1.25rem;
  grid: auto / auto-flow var(--video-text-card-width);
  justify-content: safe center;
}

@media screen and (max-width: 699px) {
  .video-with-text_content:not(.video-text--carousel) {
    margin-inline: -0.625rem;
  }

  .video-with-text--carousel {
    --video-text-card-width: min(300px, 75%);
  }
}

@media screen and (min-width: 700px) {
  .video-with-text_content {
    --video-text-max-items-per-row-allowed: 2;
    --video-text-default-row-gap: 3rem;
    --video-text-default-column-gap: 1.5rem;
  }
}

@media screen and (min-width: 1000px) {
  .video-with-text_content {
    --video-text-max-items-per-row-allowed: 3;
    --video-text-default-row-gap: 3rem;
    --video-text-default-column-gap: 2rem;
  }

  .video-with-text_content--carousel {
    scroll-snap-type: x mandatory;
  }
  .video-with-text_text {
    align-self: safe center;
  }
  .video-with-text_content .video-with-text_item:nth-of-type(1) > div,
  .video-with-text_content .video-with-text_item:nth-of-type(3) > div {
    margin-block-start: 2rem;
  }
}

@media screen and (min-width: 1150px) {
  .video-with-text_content {
    --video-text-max-items-per-row-allowed: 3;
  }
}

@media screen and (min-width: 1400px) {
  .video-with-text_content {
    --video-text-default-row-gap: 3rem;
    --video-text-default-column-gap: 2rem;
    --video-text-max-items-per-row-allowed: var(--video-text-items-per-row);
  }
}
.top-ranking-product-card {
  display: flex;
  gap: 1rem;
  background: #ffffff;
  padding: 1rem;
  border-radius: 10px;
  align-items: center;
}
.top-ranking-product-card > * {
  flex: 1;
}
@media screen and (max-width: 699px) {
  .top-ranking-product-card > .product-card__figure {
    flex-basis: 35%;
  }
  .top-ranking-product-card > .product-card__info {
    flex-basis: 65%;
  }
}
.top-ranking-product-card .product-card-index {
  place-self: start;
}

.top-ranking-product-card .product-card-info,
.top-ranking-product-card .product-card__media {
  position: relative;
  flex-grow: 1;
}
.top-ranking-product-card .product-card-index {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.1rem;
  flex-basis: auto;
  place-self: start;
  /* background: url(/cdn/shop/files/471c8d80f4d4806c3d6f89358109925d_2c362fa9-822d-48f2-9bd6-2e78f0822950.png?v=1741939103); */
  background: url(/cdn/shop/files/471c8d80f4d4806c3d6f89358109925d_69da3f35-0489-436a-aa8a-a681d223e19c.png?v=1745827851);
  color: #fff;
  background-size: 100% 100%;
  background-position: center;
  vertical-align: middle;
  padding: 0.25rem 0.75rem 0.25rem;
  line-height: 1;
  flex-shrink: 0;
  text-transform: uppercase;
  z-index: 1;
}
.top-ranking-product-card .product-card-index {
  font-size: var(--text-xs);
}
.top-ranking-product-card .product-card-index span {
  font-weight: 600;
}
.top-ranking-navigation {
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: safe center;
  column-gap: 0.5rem;
  display: grid;
}
.top-ranking-navigation > button:not(:only-child) {
  margin-block-end: 10px;
  position: relative;
  border-width: 1px;
  border-color: rgb(var(--text-color));
  padding: 0.25rem 0.5rem;
  border-radius: 99px;
}
.top-ranking-navigation > button:not(:only-child)[aria-current="true"] {
  background: rgb(var(--text-color));
  color: rgb(var(--background));
  border-color: rgb(var(--text-color));
}
.top-ranking-navigation > button:not(:only-child)[aria-current="true"]:after {
  --nav-arrow: 10px;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: var(--nav-arrow) solid transparent;
  border-right: var(--nav-arrow) solid transparent;
  border-top: var(--nav-arrow) solid #fff;
  top: 100%;
  left: calc(50% - var(--nav-arrow));
}
.top-ranking-product-card .product-card__info {
  line-height: 1.4;
}
@media screen and (max-width: 699px) {
  .top-ranking-product-card .product-card-index {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 700px) {
  .top-ranking-navigation {
    column-gap: 2.5rem;
  }
  .top-ranking-navigation > button:not(:only-child) {
    padding: 0.75rem 3rem;
  }

  .top-ranking-product-card {
    gap: 2.875rem;
    padding: 2.25rem 4rem;
    border-radius: 20px;
  }
  .top-ranking-product-card .product-card__figure {
    display: flex;
    gap: 2.875rem;
    flex-basis: 40%;
  }
  .top-ranking-product-card .product-card__info {
    flex-basis: 60%;
  }
  .top-ranking-product-card .product-card-index {
    width: 5.25rem;
    height: 5.25rem;
    padding-block-end: 1rem;
    font-size: var(--text-h4);
    font-weight: 600;
  }
  .top-ranking-product-card .product-card-index span {
    font-size: calc(var(--text-h2));
  }
  .top-ranking-product-card sale-price {
    font-size: var(--text-xl);
  }
}
.ranking-badge__carousel {
  flex-grow: 1;
  place-items: start;
  max-width: 35rem;
  display: grid;
}
.ranking-badge__carousel > * {
  grid-area: 1 / -1;
}
.ranking-badge__carousel > :not(.is-selected) {
  visibility: hidden;
}
.featured-collection-with-video_container {
  --collection-with-video-column-gap: 1.875rem;
  --collection-with-video-row-gap: var(--section-stack-gap);
  display: grid;
  align-items: start;
  column-gap: var(--collection-with-video-column-gap);
  row-gap: var(--collection-with-video-row-gap);
  grid-auto-columns: minmax(0, 1fr);
}
@media (min-width: 1000px) and (max-width: 1399px) {
  .featured-collection-with-video_container {
    grid-template-rows: 1fr;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .featured-collection-with-video_media {
    grid-column: span 4;
  }
  .featured-collection-with-video_product-list {
    grid-column: span 8;
  }
}
@media screen and (min-width: 1400px) {
  .featured-collection-with-video_container {
    grid-template-rows: 1fr;
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
  .featured-collection-with-video_media {
    grid-column: span 6;
  }
  .featured-collection-with-video_product-list {
    grid-column: span 18;
  }
}
.quick-shop-variant_label {
  flex-basis: calc(50% - 0.5rem / 2);
  align-items: center;
  text-align: start;
}
.quick-shop-variant_label > img {
  place-self: center;
}
quick-order-list .variant-picker__option-values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
}
quick-order-list .quick-shop-variant_label > div span {
  flex: 1;
  line-height: 1.2;
}

.quick-shop-variant_label > div {
  display: flex;
  flex-direction: column;
}
.quick-shop-variant_label .quantity-selector {
  --quantity-selector-height: 1.5rem;
}
@media screen and (min-width: 700px) {
  .quick-shop-variant_label {
    justify-content: space-between;
  }
  .quick-shop__quantity-actions {
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    display: grid;
    flex-shrink: 0;
  }
  .quick-shop-variant_label > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
  }
  .quick-shop-variant_label .quantity-selector {
    --quantity-selector-height: 2rem;
  }
}
@media (min-width: 999px) and (max-width: 1440px) {
  .quick-shop-variant_label {
    flex: 1 0 100%;
  }
}
/*! highlighted-text */
.highlighted-text {
  z-index: 1;
}
@keyframes strokeAnimation {
  0% {
    stroke-dashoffset: 1;
    opacity: 0;
  }

  1% {
    opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.highlighted-text .icon {
  z-index: -1;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  stroke: rgb(var(--color-highlight));
  transform: scaleX(var(--transform-logical));
}

.highlighted-text .icon-circle {
  width: 120%;
  height: 140%;
  inset-block-start: -20%;
  inset-inline-start: -10%;
}

.highlighted-text .icon-basic-underline {
  width: 100%;
  height: 30%;
  inset-block-start: auto;
  inset-block-end: -20%;
}

.highlighted-text .icon-sketch-underline {
  width: 100%;
  height: 60%;
  inset-block-start: auto;
  inset-block-end: -20%;
}

.highlighted-text .icon-squiggle-underline {
  width: 100%;
  height: 50%;
  inset-block-start: auto;
  inset-block-end: -30%;
}

.highlighted-text .icon-squiggle-underline-2 {
  width: 100%;
  height: 50%;
  inset-block-start: auto;
  inset-block-end: -35%;
}
.highlighted-text .icon-squiggle-underline-3 {
  width: 100%;
  height: 50%;
  inset-block-start: auto;
  inset-block-end: -35%;
}

.highlighted-text .icon path {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  opacity: 0;
}

.highlighted-text.animate .icon path {
  opacity: 1;
  animation: strokeAnimation 1.3s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

.highlighted-text[data-style="text"] {
  transition: color var(--animation-smooth);
}

.highlighted-text.animate[data-style="text"] {
  color: rgb(var(--color-highlight));
}

.highlighted-text:is(
    [data-style="full_text"],
    [data-style="half_text"],
    [data-style="underline"]
  ) {
  background-repeat: no-repeat;
  background-image: linear-gradient(
      to var(--transform-origin-end),
      rgb(var(--color-highlight)) 0,
      rgb(var(--background)) 100%
    ),
    linear-gradient(
      to var(--transform-origin-end),
      rgb(var(--color-highlight)) 0,
      rgb(var(--background)) 100%
    );
  transition: background-size var(--animation-smooth);
}

.highlighted-text.with-gradient:is(
    [data-style="full_text"],
    [data-style="half_text"],
    [data-style="underline"]
  ) {
  background-image: var(--gradient-highlight);
}

.highlighted-text[data-style="full_text"] {
  background-position: var(--transform-origin-start) 70%;
  background-size: 0 80%;
}

.highlighted-text.animate[data-style="full_text"] {
  background-size: 100% 80%;
}

.highlighted-text[data-style="half_text"] {
  background-position: var(--transform-origin-start) 90%;
  background-size: 0 28%;
}

.highlighted-text.animate[data-style="half_text"] {
  background-size: 100% 28%;
}

.highlighted-text[data-style="underline"] {
  background-size: 0 3px, 0% 80%;
  background-position: var(--transform-origin-start) 90%,
    var(--transform-origin-start) 50%;
}

.highlighted-text.animate[data-style="underline"] {
  background-size: 100% 3px, 0% 80%;
}

.highlighted-text[data-style="stencil"] {
  -webkit-text-stroke: var(--stencil-stroke-width, 0.02em) currentColor;
  -webkit-text-fill-color: transparent;
}
table-of-contents {
  position: sticky;
  top: calc(
    var(--sticky-area-height) + var(--article-toolbar) + 20px
  ) !important;
  width: fit-content;
  height: fit-content;
  margin-block-start: 1rem;
}
@media screen and (min-width: 1000px) {
  table-of-contents {
    flex-basis: 240px;
  }
}
.toc-container {
  border-width: 1px;
  padding: 1rem;
}
.toc-container h3 {
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
  border-block-end-width: 1px;
}
.toc-container li {
  margin-block-start: 0.5rem;
}
.toc-container a {
  background: linear-gradient(to right, currentColor, currentColor) 0
    min(100%, 1.35em) / 0 1px no-repeat;
  text-underline: none;
  transition: background-size 0.3s ease-in-out;
}
.toc-container a.is-active {
  background-size: 100% 1px;
}


.popup-message {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: none;
  display: flex;
  justify-content: safe center;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  position: fixed;
  top: 8px;
  left: 0;
  width: 100%;
  z-index: 1010;
}

.popup-message-content {
  border-radius: 3px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  display: inline-block;
  padding: 0.5rem 1rem;
  pointer-events: all;
  background: rgb(var(--success-background));
  color: rgb(var(--success-text));
  position: relative;
  display: flex;
  align-items: center;
}

.popup-message-notice {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.2s, transform 0.3s;
}

.popup-message-notice.move-up-active {
  opacity: 1;
  transform: translateY(0);
}

.popup-message-notice.move-up-leave,
.popup-message-notice.move-up-leave-active {
  opacity: 0;
  transform: translateY(-10px);
}

.popup-message-content.popup-message-success::before {
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  display: inline-block;
  text-align: center;
  background: rgb(var(--success-text));
  mask: url(https://www.robotimeonline.com/cdn/shop/files/success_icon_9c99cc00-2e32-4f1f-9980-5b65cd1d549d.svg?v=1726812570)
    no-repeat;
  mask-size: 100%;
  margin-inline-end: 0.25rem;
}