/** Shopify CDN: Minification failed

Line 702:27 Expected ")" to end URL token
Line 880:34 Unexpected "，"

**/
.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;
}
.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 {
  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;
}
.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 .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: var(--section-stack-gap);
  --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(40px, 3.5vw, 60px);
  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;
}

.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 {
  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 {
  display: inline-block;
  position: relative;
  --post-logo-size: 3rem;
  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: 5rem;
}

@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-header {
    gap: 3rem;
    padding: 1rem 4rem;
    border-width: 1px;
    border-radius: 99px;
  }

  .group-list .button img {
  }
}

.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;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    transform: translateY(5px);
  }
  .post-card:hover .post-product-card {
    opacity: 1;
    visibility: visible;
    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;
}