/** Shopify CDN: Minification failed

Line 541:0 Unexpected "}"

**/
/* ===== Font faces ===== */
@font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://missmarysmix.com/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2");
}

@font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("https://missmarysmix.com/cdn/fonts/jost/jost_i7.d8201b854e41e19d7ed9b1a31fe4fe71deea6d3f.woff2") format("woff2");
}

/* ===== Heading font override ===== */
h2, h3, h4,
.kicker-flourished,
.standard__heading,
.standard__heading h2,
.standard__heading h3 {
  font-family: Jost, sans-serif;
}

/* Bare-class weight fix: theme.css's .standard__heading (no descendant
   selector) has the same specificity as our fix above and can win the
      cascade tie when the class sits directly on the heading element. */
      .standard__heading {
        font-weight: 500;
        }

/* Default heading weights (H2/H3 = 500, H4 = 400) so bare/unclassed
   headings (e.g. app-injected content) don't fall back to browser bold. */
h2, h3 {
  font-weight: 500;
}
h4 {
  font-weight: 400;
}

/* Hero-image title weight fix: DM Serif Display only has a real 400-weight
   font file loaded (no true bold face). theme.css forces .hero__title to
   font-weight: 700, which makes the browser synthetically/fake-bold the
   font - producing thick, distorted, tight-kerning text instead of a real
   bold. Reset to the font's actual weight so it renders cleanly. */
.hero__title,
.hero__title p {
  font-weight: 400;
}

/* ===== Existing component rules below ===== */
h2.kicker-flourished {
  font-size: 30px;
  font-weight: 400;
  line-height: 50px;
  margin: 0;
  text-transform: unset;
  letter-spacing: normal;
}
.standard__heading h2 {
  font-weight: 500;
  text-transform: unset;
  letter-spacing: normal;
}
.standard__heading h2.heading-size-8 {
  font-size: 30px;
}
h2.kicker-flourished:after {
  display: none;
}
.section-blog .flickity-force-arrows-top [data-carousel] .flickity-button {
  top: -19%;
}
.section-blog .article__item-title.heading-size-6 {
  font-size: 17px;
  font-weight: 500;
}
.section-blog .article__item-content {
  text-align: center;
  min-height: 80px;
}
.section-blog .text-link-bare {
  text-transform: capitalize;
  margin-top: 10px;
  display: inline-block;
  font-size: 12px;
}
.section-blog .text-link-bare:after {
  content: none;
}
.section-blog .article__item {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding-bottom: 0;
  margin-bottom: 10px !important;
}
.blog__article__content h1 {
  text-transform: none;
  font-family: var(--FONT-STACK-BODY);
  letter-spacing: normal;
}

.js-grid .item__container {
  box-shadow: 0px 0px 13.2px 0px rgba(0, 0, 0, 0.1);
}
.flickity-grid .product-grid-slide .item__container {
  box-shadow: 0 0 13.2px #0000001a;
  margin-bottom: 2em;
}

/* PAGES */
.page__template .rte h2,
.page__template .rte h3 {
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 12px;
}
.page__template .rte h1 {
  font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING));
}
.page__template .rte strong {
  font-weight: 700;
}
.hidden-xs {
  display: block;
}
.visible-xs {
  display: none;
}
.product__badge--sale {
  background-color: #e67c5a;
  color: #fff;
}
.product__badge--sold {
  background-color: #e0e0e0;
}
.collection-list-item .collection-list__heading__text {
  display: none;
}

/* PAGES */
[data-section-type="rich-text"] .standard__heading p {
  letter-spacing: normal;
}
[data-section-type="rich-text"] .rte p {
  line-height: 28px;
  margin-bottom: 16px;
}
[data-section-type="rich-text"] .rte p strong {
  font-weight: 700;
}

/* Footer */
@media only screen and (min-width: 768px) {
  .footer__content__inner .medium-up--one-sixth {
    width: 15.666667%;
  }
  .footer__content__inner .medium-up--one-sixth:nth-child(5) {
    width: 12.666667%;
  }
  .footer__content__inner .medium-up--one-sixth:last-child {
    width: 21.666667%;
  }
  .footer__newsletter form {
    width: 100%;
  }
  .footer__socials {
    display: flex;
    justify-content: flex-start;
    text-align: left;
    gap: 20px;
    margin-top: 20px;
  }
  .footer__newsletter .rte {
    font-size: 13px;
    line-height: 25px;
  }

  /* COLLECTIONS */
  .collection__text-content {
    width: 90%;
  }
  [data-section-type="rich-text"] .rte.body-size-4 p {
    font-size: calc(16px * var(--FONT-ADJUST-BODY));
  }

  [data-section-type="rich-text"] .wrapper--narrow {
    max-width: 62%;
  }
}

.reviews-star-rating {
  display: flex;
  align-items: center;
  gap: 10px;
}
.quick-view-drawer .reviews-star-rating {
  justify-content: center;
}
.reviews-star-rating__stars {
  display: flex;
  gap: calc(5px - 1px);
  font-size: 10px;
  flex-wrap: wrap;
}

#sinless-syrup-coffee-collection-try-sugar-free-coffee-syrups .collection-split .wrapper:before,
.template-sinless-syrups-landing .collection-split .wrapper:before {
  content: "Choose from ALL Sinless Syrups";
  font-style: var(--FONT-STYLE-HEADING);
  font-weight: 700;
  letter-spacing: var(--FONT-HEADING-LETTER-SPACING);
  text-transform: capitalize;
  font-size: 30px;
  color: #000;
  margin-bottom: 15px;
  display: block;
  letter-spacing: normal;
}
.template-sinless-syrups-landing .collection-split .wrapper:before {
  content: "Create Your Own Collection";
}

@media only screen and (max-width: 767px) {
  .footer__newsletter {
    margin-top: 30px;
  }
  .footer__title.image {
    display: none;
  }
  .footer__column.column-img {
    display: flex !important;
    justify-content: center;
  }
  .footer__socials {
    border-top: 0;
  }
  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: block;
  }
  .product-grid-item__container .group\/quick-action-button {
      width: 35px;
      min-height: 35px;
      max-width: 35px;
      max-height: 35px;
      min-width: 35px;
  }
  .product-grid-item__container .group\/quick-action-button svg {
    width: 1.2em;
    height: 1.2em;
  }
}

/* PAGES CUSTOM */
@media only screen and (min-width: 768px) {
  .template-find-a-store-2 [data-grid]:not([data-grid-no-gutters]) [data-item] {
     max-width: calc(33.33% - 35px* 2 / 3);
  }
  .template-find-a-store-2 .hero__content__wrapper.align--middle-left {
    left: 6%;
  }
  .template-find-a-store-2 .hero__content__wrapper.align--middle-right {
    left: -5%;
  }
  .template-fruit-collection-lp .section-columns [data-grid][data-grid-large] [data-item] {
    width: calc(100% / 6);
    margin: 0 auto;
  }
}
.template-find-a-store-2 .slideshow__slide .hero__content {
  max-width: 54.5rem;
  width: auto;
  min-width: none;
  background: linear-gradient(136deg, #dff2f6 11%, #fff 125%);
  text-align: center;
}
.template-find-a-store-2 .slideshow__slide .hero__title {
  font-size: 1.5rem;
}
.template-find-a-store-2 .hero__cta__wrapper {
  justify-content: center;
}
.template-find-a-store-2 .hero__description {
  font-size: calc(16px* var(--FONT-ADJUST-BODY));
}
.template-find-a-store-2 .btn--long {
  min-width: min(203px, 100%);
  padding: 20px;
  background: #3d9db5;
  color: #fff;
}
.template-find-a-store-2 .slideshow__slide:nth-child(4) .hero__content {
  background: #dff2f6;
}
.template-find-a-store-2 .section-columns .aspect-\[--wh-ratio\], .template-fruit-collection-lp .section-columns .aspect-\[--wh-ratio\] {
  aspect-ratio: unset;
}
.template-find-a-store-2 .section-columns img, .template-fruit-collection-lp .section-columns img {
  object-fit: contain;
  height: auto;
  width: auto;
}
.template-find-a-store-2 .index__column {
  color: #000;
  background: rgb(254, 224, 202) linear-gradient(rgba(11, 1, 1, .04), rgba(11, 1, 1, .04));

}
.template-find-a-store-2 [data-grid]:not([data-grid-no-gutters]) [data-item] {
    padding: 25px calc(var(--gutter) / 1);
}
.template-find-a-store-2 .section-columns [data-grid-flex] {
    justify-content: space-between;
    row-gap: 2em;
}
.template-find-a-store-2 .section-columns .wrapper, .template-fruit-collection-lp .section-columns .wrapper {
    max-width: 85rem;
    margin: 0 auto;
}
.template-find-a-store-2 .accent-title-large, .template-fruit-collection-lp .accent-title-large {
  font-size: calc(var(--font-5)* var(--FONT-ADJUST-ACCENT));
}
.template-fruit-collection-lp .accent-title-large {
  font-weight: 700;
}
.template-find-a-store-2  .rte, .template-fruit-collection-lp .rte {
  font-size: calc(15px* var(--FONT-ADJUST-BODY));
}
.template-find-a-store-2 .kicker-flourished.mb-r11, .template-fruit-collection-lp .kicker-flourished.mb-r11 {
  font-size: calc(1.0* 2.5rem);
  color: #000;
}
.template-fruit-collection-lp .accent-title-large, .template-fruit-collection-lp .rte {
  color: #000;
}
.template-fruit-collection-lp .collection-split.bg--bright,
.template-coffee-collection-lp .collection-split.bg--bright {
  background: linear-gradient(136deg, #dff2f6 11%, #fff 139%);
}
.template-sold-out-product .product__inner div.product__block__text:first-of-type p:before {
  content: url('data:image/svg+xml,<svg class="icon icon-accordion color-foreground-accent-2" aria-hidden="true" fill="rgb(255, 144, 139)" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M9.56285 11.959C9.36021 11.959 9.19593 11.7947 9.19593 11.5921V11.4654C9.19266 10.9745 9.27959 10.5556 9.51194 10.162C9.73885 9.77751 10.0875 9.44653 10.5519 9.09905C10.9668 8.78804 11.2183 8.53255 11.3688 8.28844C11.5132 8.05415 11.577 7.80994 11.577 7.49433V7.48101C11.577 6.58737 10.9199 5.94963 10.0093 5.94963C9.14693 5.94963 8.48176 6.556 8.39691 7.55858C8.38999 7.64041 8.35581 7.71754 8.29986 7.77765L8.29366 7.78431C8.22548 7.85755 8.13034 7.89977 8.03028 7.90119L7.55903 7.90785C7.43278 7.90963 7.31449 7.84638 7.24586 7.7404C7.19061 7.65507 7.1738 7.55171 7.19715 7.45492C7.30916 5.93601 8.41577 4.74287 10.0217 4.74287C11.6246 4.74287 12.8131 5.91906 12.8131 7.46103V7.47435C12.8131 7.98614 12.6995 8.4388 12.4473 8.86135C12.199 9.27731 11.8283 9.64397 11.3455 10.0059L11.3431 10.0077C10.929 10.313 10.7058 10.5344 10.5791 10.746C10.4596 10.9455 10.4072 11.1677 10.4072 11.5174V11.5921C10.4072 11.7947 10.2429 11.959 10.0403 11.959H9.56285ZM10.7049 14.3815C10.7049 14.8554 10.3695 15.2613 9.86668 15.2613C9.36996 15.2613 9.02231 14.862 9.02231 14.3815C9.02231 13.9045 9.37305 13.5084 9.86668 13.5084C10.3665 13.5084 10.7049 13.911 10.7049 14.3815Z"></path><path d="M18.5 10C18.5 14.6944 14.6944 18.5 10 18.5C5.30558 18.5 1.5 14.6944 1.5 10C1.5 5.30558 5.30558 1.5 10 1.5C14.6944 1.5 18.5 5.30558 18.5 10ZM10 17.4967C14.1403 17.4967 17.4967 14.1403 17.4967 10C17.4967 5.85971 14.1403 2.50335 10 2.50335C5.85971 2.50335 2.50335 5.85971 2.50335 10C2.50335 14.1403 5.85971 17.4967 10 17.4967Z"></path></svg>')
}
.template-sold-out-product .product__block__description a {
  text-decoration: none;
  color: rgb(243, 92, 44);
}
.template-sold-out-product .product__block__description .accordion__title,
.template-sold-out-product .product__block__description p {
  font-size: 15px;
}
.template-sold-out-product .product__block__description p {
  margin-bottom: 12px;
}
.template-sold-out-product .product__block__description icon {
  fill: rgb(255, 144, 139)
}

.template-index .slideshow__slide .hero__cta__wrapper a {
  font-size: font-size: calc(var(--font-4)* var(--FONT-ADJUST-ACCENT));
}
/* INDEX SLIDESHOW */
@media only screen and (min-width: 768px) {
  .template-index .slideshow__slide .hero__title {
    width: 100%;
    max-width: 670px;
  }
  .template-index .slideshow__slide .hero__description {
    width: 100%;
    max-width: 640px;
    line-height: 40px;
    letter-spacing: 0.05em;
    margin-top: 0.6em;
  }
  .hero__content__wrapper.align--middle-center .hero__title,
  .hero__content__wrapper.align--middle-center .hero__description {
    margin: 0 auto;
  }
  .hero__content__wrapper.align--middle-right .hero__title,
  .hero__content__wrapper.align--middle-right .hero__description {
    margin-left: auto;
  }
  .hero__content__wrapper.align--middle-left .hero__title,
  .hero__content__wrapper.align--middle-left .hero__description {
    margin-right: auto;
  }
}
button.needsclick.kl-teaser-SndsqD {
  left: -184px;
  right: unset !important;
  top: unset !important;
  bottom: 100px;
  transform: rotate(-90deg) translate(50%, 0px) !important;
}
/* INDEX SLIDESHOW */

@media only screen and (max-width: 767px) {
  .template-find-a-store-2 .slideshow__slide {
    display: flex;
    flex-direction: column-reverse;
  }
  .template-find-a-store-2 .hero__content__wrapper {
    position: initial;
  }
  .template-find-a-store-2 .slideshow__wrapper img {
    object-fit: contain !important;
  }

}

#build-a-custom-sugar-free-coffee-syrup-bundle-sinless-syrups .loading-shimmer img {
  opacity: 1;
}
#build-a-custom-sugar-free-coffee-syrup-bundle-sinless-syrups .loading-shimmer:after {
  content: none;
}
/* Hero kicker */
.hero__kicker {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-family: var(--FONT-STACK-BODY) !important;
}
/* Footer background override */
.footer,
.footer__holder,
.footer__content {
  background-color: #1a1a1a !important;
  background-image: none !important;
}

.footer a,
.footer p,
.footer li,
.footer__title,
.footer__quicklinks a,
.subfooter__copyright,
.subfooter__copyright a {
  color: #ffffff !important;
}

/* Accessible quick-add button color (WCAG AA, ~4.9:1 with white text).
   Pairs with the "Dark accent (higher contrast)" option added to the
   quick-add button color setting; --RGB-ACCENT-BUTTON is defined in
   snippets/css-variables.liquid from the color_bg_accent_inverse setting. */
.stain-button-accent {
  --rgb-button-main: var(--RGB-ACCENT-BUTTON);
  --rgb-button-contrast: var(--RGB-ACCENT-BUTTON-CONTRAST);
}

/* Some quick-action triggers ("Choose Your Flavors", "Free Shipping") are <a>
   tags, not <button> like the default quick-add. The existing ".product-grid-item
   a { display: block; }" rule (meant for the image-wrapping link) is more specific
   than the ".flex" utility on these elements, so it silently wins and un-centers
   the icon. Re-assert flex centering with a selector specific enough to beat it. */
.product-grid-item .quick-action-link {
  display: flex;
}

/* Quick-add option buttons (bottle-count / multipack quantity buttons) show a
   real text label, not just an icon - the generic 35px icon-square rule above
   (meant for the single icon-only quick-add/quickview buttons) squeezes their
   text ("12 Bottles" etc.) into a box far too small, and since it doesn't wrap,
   it overflows and visually overlaps neighboring buttons. Give these buttons
   their natural width instead. */
@media only screen and (max-width: 767px) {
  [role="toolbar"] button {
    width: auto;
    min-width: auto;
    max-width: none;
    height: auto;
    min-height: 32px;
    max-height: none;
    padding: 6px 10px;
  }
}

/* ============================================================
   Consolidated section-specific styles
   Previously scattered across 6 separate custom--section-*.css
   files, each loaded independently by its own section.liquid.
   Merged here into one canonical stylesheet so there's a single
   source of truth for all custom CSS on this theme.
   ============================================================ */

/* ---- Image with Text (section-double.liquid) ---- */
.list-of-icons--container {
  display: grid;
  grid-template-columns: repeat(2, auto);
  row-gap: 15px;
  padding: 20px 0;
  column-gap: 1em;
}

.list-of-icons--container .icon--item {
  display: flex;
  gap: 20px;
  align-items: center;
}

.list-of-icons--container .icon--item p {
  font-size: 1rem;
}
.brick__section .icon--item p {
  text-transform: uppercase;
}
.brick__section .rte {
  font-weight: 400;
  letter-spacing: 0.05em;
}
.brick__section .section-padding.wrapper {
  padding-left: clamp(16px, 4vw, 80px) !important;
  padding-right: clamp(16px, 4vw, 80px) !important;
}
.brick__section .standard__cta {
  font-size: 15px;
  margin-left: 0;
}
.brick__section .icon--item img {
  max-width: 60px;
  max-height: 60px;
}
div.section-padding.wrapper--full {
  padding-left: clamp(16px, 4vw, 80px) !important;
  padding-right: clamp(16px, 4vw, 80px) !important;
}
.brick__section h2.standard__heading.heading-size-8 {
  font-size: 30px !important;
  font-weight: 400 !important;
}


}

.template-article-page .contain-image img.block.overflow-hidden.w-full.h-full.object-cover {
  object-fit: contain;
}
@media (min-width: 501px) {
  .template-article-page .brick__section.contain-image,
  .template-article-page .brick__section.contain-image .use_screen_one_fifth{
    min-height: 400px !important;
  }
}
@media (min-width: 768px) {
 .brick__section .brick__block {
    width: 50%;
  } 
  .template-article-page .brick__section.contain-image,
  .template-article-page .brick__section.contain-image .use_screen_one_fifth{
    min-height: 300px !important;
  }
}
@media (min-width: 1200px) {
  .list-of-icons--container {
    column-gap: 4em;
  }
  .template-article-page .brick__section.contain-image,
  .template-article-page .brick__section.contain-image .use_screen_one_fifth{
    min-height: 400px !important;
  }
}
@media (min-width: 1600px) {
  .template-article-page .brick__section.contain-image,
  .template-article-page .brick__section.contain-image .use_screen_one_fifth{
    min-height: 450px !important;
  }
}
@media (max-width: 800px) and (min-width: 768px) {
  .list-of-icons--container .icon--item p {
    font-size: 12px;
  }
  .brick__section .icon--item img {
    max-width: 50px;
    max-height: 50px;
  }
}

@media (max-width: 500px) {
  .list-of-icons--container {
    display: flex;
    grid-template-columns: unset;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }
  .brick__section .standard__cta {
    margin-top: 10px;
  }
  .template-article-page .brick__section.contain-image,
  .template-article-page .brick__section.contain-image .use_screen_one_fifth{
    min-height: 275px !important;
  }
}

/* ---- FAQ / Accordion group (section-faq.liquid) ---- */
.section-faq .accordion__title:after {
  content: "+";
  transform: unset;
  border: 0;
  margin: 0;
  margin-right: 10px;
  top: 35%;
  width: 20px;
  height: 20px;
  font-size: 20px;
  text-align: center;
}
.section-faq .accordion__title {
  display: flex;
  align-items: center;
}
.section-faq .accordion__title.accordion-is-open:after {
  content: "—";
  transform: unset;
  font-weight: bold;
}

.section-faq .accordion__title.accordion-is-open {
  background-color: #157892;
  color: white;
}
.section-faq .metafield-rich_text_field p strong {
  font-weight: 600;
}
.section-faq .accordion__title {
  padding: 20px 50px;
}

.section-faq .accordion__body {
  padding: 20px 50px;
}
.section-faq h2.kicker-flourished.mb-r11 {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .section-faq .accordion__title, .section-faq .accordion__body {
    padding: 20px;
  }
  .section-faq .kicker-flourished {
    font-size: 23px;
  }
  .section-faq h2.kicker-flourished.mb-r11 {
    margin-bottom: 0;
  }
}

.section--image[data-section-type="hero"]:not(.slideshow__slide)  .hero__content__wrapper.hide {
  display: none;
}
.section--image[data-section-type="hero"]:not(.slideshow__slide)  .hero__content__wrapper .hero__description {
  line-height: 27px;
  letter-spacing: 0.05em;
}
.section--image[data-section-type="hero"]:not(.slideshow__slide)  .hero__content__wrapper .hero__title {
  letter-spacing: normal;
}
.template-collection .image__hero__frame {
  max-width: 1250px;
  margin: 0 auto;
}
/* Full-width hero images (width setting = "Full width") should go
   edge-to-edge - the 1250px cap above is for narrower collection hero
   layouts and shouldn't apply here. Scoped to .wrapper--none so any
   other collection hero using a narrower width keeps the original cap. */
.template-collection .wrapper--none .image__hero__frame {
  max-width: none;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .section--image[data-section-type="hero"]:not(.slideshow__slide)  .hero__content__wrapper .hero__content {
    padding: 5em 3em;
  }
  .section--image[data-section-type="hero"]:not(.slideshow__slide)  .hero__content__wrapper .hero__description {
    width: 90%;
    line-height: 40px;
  }
}

/* ---- Logo list with text (custom--section-logos.liquid) ---- */
.section-logos--with-text .logo--container {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.section-logos--with-text .logo-bar__image {
  margin: 0;
  width: 23%;
  max-width: 120px;
  max-height: 120px;
}

.section-logos--with-text .logo--info h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 34.05px;
  letter-spacing: 0.05em;
  font-family: var(--FONT-STACK-BODY);
  margin-bottom: 2px;
}
.section-logos--with-text .logo--info .description {
  font-family: var(--FONT-STACK-BODY);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.05em;
  text-align: left;
}

.section-logos--with-text .logo-bar__item {
  width: 33.33%;
  margin: 10px;
}

.section-logos--with-text .logo-bar {
  display: flex;
}

.section-logos--with-text .logo-bar__item .logo--info {
  max-width: 50%;
  text-align: left;
  align-content: center;
}

.section-logos--with-text img.block {
  object-fit: contain;
}

@media screen and (max-width: 480px) {
  .section-logos--with-text .logo-bar {
    flex-direction: column;
  }
  .section-logos--with-text .logo-bar__item {
    width: unset;
    margin: 20px 0;
  }
}

/* ---- Collection tabs (section-collection-tabs.liquid) ---- */
.collection-tabs .tabs--pill > .tab-link.current {
  background-color: unset;
  text-decoration: underline;
  color: #157892;
}
.collection-tabs .tabs--pill > .tab-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.05em;
}

@media only screen and (min-width: 768px) {
  .section-collection-tabs .wrapper {
    max-width: 95%;
  }
  .section-collection-tabs .flickity-force-arrows-top [data-carousel] .flickity-button,
  .section-collection-tabs [data-carousel] .flickity-button {
    top: var(--buttons-top);
  }
  .section-collection-tabs .flickity-force-arrows-top [data-carousel] .flickity-button.next, .flickity-force-arrows-top.title-center [data-carousel] .flickity-button.next {
    right: -55px;
  }
  .section-collection-tabs .flickity-force-arrows-top [data-carousel] .flickity-button.previous, .flickity-force-arrows-top.title-center [data-carousel] .flickity-button.previous {
    left: -55px;
  }
}

/* ---- Testimonials (custom--testimonials.liquid) ---- */
.testimonials--root {
  padding-top: 1em;
  margin: auto;
}
.testimonials--section .testimonials--header {
  padding: 0 50px;
}
.testimonials--section h2.heading {
  text-transform: none;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-pointer:hover .testimonials--product {
  text-decoration: underline;
}
.testimonials--summary {
  font-size: 15px;
  font-weight: 600;
  margin-top: 0;
  text-align: center;
}
.testimonials--name {
  font-size: 14px;
  letter-spacing: 0.1em;
  text-align: center;
}
.testimonials--description {
  font-size: 13px;
  text-align: center;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.05em;
  text-align: center;
}
.testimonials--section .testimonials--block .testimonials--rating {
  padding: 0 50px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.testimonials--section .testimonials--block .testimonials--rating svg {
  max-width: 20px;
  margin: 5px 2px;
  margin-bottom: 20px;
  height: auto;
}
.testimonials--section .testimonials--block .testimonials--rating svg * {
  fill: #ffc121;
}
.testimonials--section .testimonials--block .testimonials--info {
  text-align: left;
  padding: 0 30px;
}
.testimonials--name {
  font-weight: bolder;
}
.swiper-button-lock {
  display: none;
}
.testimonials--section .swiper-button-next,
.testimonials--section .swiper-button-prev {
  color: unset;
}

.testimonials--section .swiper-button-next:after,
.testimonials--section .swiper-button-prev:after {
  font-size: 18px;
}
.testimonials--section .swiper-button-prev {
  left: -7px;
}
.testimonials--section .swiper-button-next {
  right: -7px;
}
@media (max-width: 480px) {
  .testimonials--section .testimonials--block .testimonials--info,
  .testimonials--section .testimonials--block .testimonials--rating,
  .testimonials--section .testimonials--header {
    padding: 0 20px;
  }
  .testimonials--root {
    padding-top: 0.5em;
  }
}
/* Hero image banner - section styles */
.section--image:not(.slideshow__slide) .hero__content__wrapper.hide {
  display: none;
}
.section--image:not(.slideshow__slide) .hero__content__wrapper .hero__description {
  line-height: 27px;
  letter-spacing: 0.05em;
  width: 100%;
}
.section--image:not(.slideshow__slide) .hero__content__wrapper .hero__title {
  letter-spacing: normal;
}
.section--image:not(.slideshow__slide) .hero__content__wrapper .text__standard {
  text-align: right;
}
.section--image:not(.slideshow__slide) .hero__content__wrapper .text__standard {
  text-align: right;
  width: 100%;
}
.section--image:not(.slideshow__slide) .hero__content__wrapper .hero__description {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .section--image:not(.slideshow__slide) .hero__content__wrapper .hero__content {
    padding: 5em 3em;
  
  }
  .section--image:not(.slideshow__slide) .hero__content__wrapper .hero__description {
    width: 90%;
    line-height: 40px;
  }
}