/** Shopify CDN: Minification failed

Line 12:0 Unexpected "<"
Line 84:2 Unexpected "<"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:custom-grid-products (INDEX:16, SCOPED:FALSE) */
<style>
    .custom-grid-products {
      padding: 20px;
      background: #f9f9f9;
    }
    .custom-grid-products .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
    }
    .custom-grid-products .product-card {
      background: white;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      position: relative;
      text-align: center;
    }
    .custom-grid-products .product-card img {
      width: 100%;
      height: auto;
    }
    .custom-grid-products .icons {
      position: absolute;
      top: 10px;
      right: 10px;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }
    .custom-grid-products .icons span {
      background: white;
      padding: 5px;
      border-radius: 50%;
      font-size: 14px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.2);
      cursor: pointer;
    }
    .custom-grid-products .details {
      padding: 10px;
    }
    .custom-grid-products button {
      margin-top: 10px;
      padding: 8px;
      width: 100%;
      background: black;
      color: white;
      border: none;
      border-radius: 5px;
      font-weight: bold;
      cursor: pointer;
    }
    .badge-sale {
      position: absolute;
      top: 10px;
      left: 10px;
      background: red;
      color: white;
      font-size: 12px;
      padding: 2px 6px;
      border-radius: 3px;
    }
    .badge-new {
      position: absolute;
      top: 30px;
      left: 10px;
      background: green;
      color: white;
      font-size: 12px;
      padding: 2px 6px;
      border-radius: 3px;
    }
  </style>
/* END_SECTION:custom-grid-products */

/* START_SECTION:pl--announcement-banner-1 (INDEX:59, SCOPED:FALSE) */
.pl--section-wrapper {
    letter-spacing: 0;
  }

  .pl--announcement-banner-1__bg {
    background-color: var(--bg-color, var(--default-bg-color));
    grid-column: 1 / -1;

    border-top: var(--border-top, var(--border, none));
    border-bottom: var(--border-bottom, var(--border, none));
    border-left: var(--border-left, var(--border, none));
    border-right: var(--border-right, var(--border, none));

    transition: background-color 0.1s ease;
  }

  .pl--announcement-banner-1__bg:hover {
    background-color: var(--bg-color-hover, var(--bg-color, transparent));
  }

  .pl--announcement-banner-1__page-width {
    max-width: var(--max-width, none);
  }

  /* Mobile-first: Base styles are for mobile */
  .pl--announcement-banner-1__inline-padding {
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
  }

  .pl--announcement-banner-1__container {
    max-width: var(--max-width);
  }

  .pl--announcement-banner-1__custom-padding {
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
  }

  .pl--announcement-banner-1__content {
    display: flex;
    flex-direction: row;
    align-items: var(--column-alignment, center);
    justify-content: var(--row-alignment, center);
    gap: var(--gap);
  }

  .pl--announcement-banner-1__link {
    text-decoration: none;
    color: inherit;
  }

  /* Tablet and down: Override desktop styles */
  @media screen and (max-width: 768px) {
    .pl--announcement-banner-1__inline-padding {
      padding-left: var(--padding-left-mobile);
      padding-right: var(--padding-right-mobile);
    }

    .pl--announcement-banner-1__custom-padding {
      padding-top: var(--padding-top-mobile);
      padding-bottom: var(--padding-bottom-mobile);
    }

    .pl--announcement-banner-1__content {
      gap: var(--gap-mobile);
      justify-content: var(--row-alignment-mobile, center);
      align-items: var(--column-alignment-mobile, center);
    }
  }
/* END_SECTION:pl--announcement-banner-1 */

/* START_SECTION:pl--announcement-banner-4 (INDEX:60, SCOPED:FALSE) */
.pl--section-wrapper {
    letter-spacing: 0;
  }

  .pl--announcement-banner-4__bg {
    background-color: var(--bg-color, inherit);
    grid-column: 1 / -1;

    border-top: var(--border-top, var(--border, none));
    border-bottom: var(--border-bottom, var(--border, none));
    border-left: var(--border-left, var(--border, none));
    border-right: var(--border-right, var(--border, none));

    transition: background-color 0.1s ease;
  }

  .pl--announcement-banner-4__bg:hover {
    background-color: var(--bg-color-hover, var(--bg-color, transparent));
  }

  .pl--announcement-banner-4__page-width {
    position: relative;
    max-width: 100vw;
  }

  .pl--announcement-banner-4__content-fade {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    --fade-color: var(--bg-color, inherit);
    background: linear-gradient(
      to right,
      var(--fade-color) 0%,
      transparent clamp(2rem, 5%, 5rem),
      transparent calc(100% - clamp(2rem, 5%, 5rem)),
      var(--fade-color) 100%
    );
    pointer-events: none;
    z-index: 999;
  }

  .pl--announcement-banner-4__inline-padding {
    padding-left: var(--padding-left, inherit);
    padding-right: var(--padding-right, inherit);
  }

  .pl--announcement-banner-4__container {
    max-width: var(--max-width);
  }

  .pl--announcement-banner-4__custom-padding {
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
  }

  .pl--announcement-banner-4__content {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
  }

  @keyframes scroll-animation {
    from { transform: translateX(0%); }
    to { transform: translateX(-100%); }
  }

  .pl--announcement-banner-4__content-inner {
    /* Remove min-width constraint - let content be natural size */
    flex-shrink: 0;
    display: flex;
    align-items: var(--column-alignment, center);
    justify-content: var(--row-alignment, center);
    gap: var(--gap);
    white-space: nowrap; /* Prevent text wrapping */
    min-width: 100vw; /* Only if content is shorter than viewport */
    width: max-content; /* Let it grow beyond 100vw if needed */
  }

  .pl--announcement-banner-4__content-inner[banner-animation="scroll"] {
    animation: scroll-animation var(--animation-speed, 10s) linear infinite;
  }

  .pl--announcement-banner-4__link {
    text-decoration: none;
    color: inherit;
  }

  @media screen and (max-width: 768px) {
    .pl--announcement-banner-4__inline-padding {
      padding-left: var(--padding-left-mobile, inherit);
      padding-right: var(--padding-right-mobile, inherit);
    }

    .pl--announcement-banner-4__custom-padding {
      padding-top: var(--padding-top-mobile);
      padding-bottom: var(--padding-bottom-mobile);
    }

    .pl--announcement-banner-4__content {
      gap: var(--gap-mobile);
      justify-content: var(--row-alignment-mobile, center);
      align-items: var(--column-alignment-mobile, center);
    }
  }
/* END_SECTION:pl--announcement-banner-4 */

/* START_SECTION:pl--announcement-banner-5 (INDEX:61, SCOPED:FALSE) */
.pl--section-wrapper {
    letter-spacing: 0;
  }

  .pl--announcement-banner-5__bg {
    background-color: var(--bg-color, inherit);
    grid-column: 1 / -1;

    border-top: var(--border-top, var(--border, none));
    border-bottom: var(--border-bottom, var(--border, none));
    border-left: var(--border-left, var(--border, none));
    border-right: var(--border-right, var(--border, none));

    transition: background-color 0.1s ease;
  }

  .pl--announcement-banner-5__bg:hover {
    background-color: var(--bg-color-hover, var(--bg-color, transparent));
  }

  .pl--announcement-banner-5__page-width {
    position: relative;
    max-width: 100vw;
  }

  .pl--announcement-banner-5__content-fade {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    --fade-color: var(--bg-color, inherit);
    background: linear-gradient(
      to right,
      var(--fade-color) 0%,
      transparent clamp(2rem, 5%, 5rem),
      transparent calc(100% - clamp(2rem, 5%, 5rem)),
      var(--fade-color) 100%
    );
    pointer-events: none;
    z-index: 999;
  }

  .pl--announcement-banner-5__inline-padding {
    padding-left: var(--padding-left, inherit);
    padding-right: var(--padding-right, inherit);
  }

  .pl--announcement-banner-5__container {
    max-width: var(--max-width);
  }

  .pl--announcement-banner-5__custom-padding {
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
  }

  .pl--announcement-banner-5__content {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
  }

  @keyframes scroll-animation {
    from { transform: translateX(0%); }
    to { transform: translateX(-100%); }
  }

  .pl--announcement-banner-5__content-inner {
    /* Remove min-width constraint - let content be natural size */
    flex-shrink: 0;
    display: flex;
    align-items: var(--column-alignment, center);
    justify-content: var(--row-alignment, center);
    gap: var(--gap);
    white-space: nowrap; /* Prevent text wrapping */
    min-width: 100vw; /* Only if content is shorter than viewport */
    width: max-content; /* Let it grow beyond 100vw if needed */
  }

  .pl--announcement-banner-5__content-inner[banner-animation="scroll"] {
    animation: scroll-animation var(--animation-speed, 10s) linear infinite;
  }

  .pl--announcement-banner-5__link {
    text-decoration: none;
    color: inherit;
  }

  @media screen and (max-width: 768px) {
    .pl--announcement-banner-5__inline-padding {
      padding-left: var(--padding-left-mobile, inherit);
      padding-right: var(--padding-right-mobile, inherit);
    }

    .pl--announcement-banner-5__custom-padding {
      padding-top: var(--padding-top-mobile);
      padding-bottom: var(--padding-bottom-mobile);
    }

    .pl--announcement-banner-5__content {
      gap: var(--gap-mobile);
      justify-content: var(--row-alignment-mobile, center);
      align-items: var(--column-alignment-mobile, center);
    }
  }
/* END_SECTION:pl--announcement-banner-5 */

/* START_SECTION:pl--collection-showcase-10 (INDEX:62, SCOPED:FALSE) */
.pl--collection-showcase-10 {
    background-color: var(--pl-section-bg-color);
    height: var(--pl-section-height);
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .pl--collection-showcase-10__container {
    margin-inline: auto;
  }
  .pl--collection-showcase-10__pad-inline {
    padding-left: var(--pl-section-padding-left);
    padding-right: var(--pl-section-padding-right);
  }
  .pl--collection-showcase-10__pad-block {
    padding-top: var(--pl-section-padding-top);
    padding-bottom: var(--pl-section-padding-bottom);
  }
  .pl--collection-showcase-10__layout {
    display: grid;
    grid-template-columns: minmax(0px, 1fr);
    grid-template-rows: auto;
    gap: var(--pl-section-gap);
    align-items: var(--pl-section-align-items);
    justify-content: var(--pl-section-justify-content);
  }

  @media screen and (max-width: 768px) {
    .pl--collection-showcase-10 {
      background-color: var(--pl-section-bg-color-mobile);
      height: var(--pl-section-height-mobile);
      --page-width: var(--page-width-mobile);
    }
    .pl--collection-showcase-10__pad-inline {
      padding-left: var(--pl-section-padding-left-mobile);
      padding-right: var(--pl-section-padding-right-mobile);
    }
    .pl--collection-showcase-10__pad-block {
      padding-top: var(--pl-section-padding-top-mobile);
      padding-bottom: var(--pl-section-padding-bottom-mobile);
    }
    .pl--collection-showcase-10__layout {
      gap: var(--pl-section-gap-mobile);
      align-items: var(--pl-section-align-items-mobile);
      justify-content: var(--pl-section-justify-content-mobile);
    }
  }
/* END_SECTION:pl--collection-showcase-10 */

/* START_SECTION:pl--hero-10 (INDEX:68, SCOPED:FALSE) */
.--pl--hero-10-padding-left-group {
  padding-left: 5vw !important;
}

@media screen and (max-width: 768px) {
  .--pl--hero-10-padding-left-group {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
/* END_SECTION:pl--hero-10 */

/* START_SECTION:pl--hero-13 (INDEX:69, SCOPED:FALSE) */
.--pl--hero-13-padding-left-group {
  padding-left: 5vw !important;
}

@media screen and (max-width: 768px) {
  .--pl--hero-13-padding-left-group {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
/* END_SECTION:pl--hero-13 */

/* START_SECTION:pl--hero-5 (INDEX:71, SCOPED:FALSE) */
.--pl--hero-5-padding-left-group {
  padding-left: 5vw !important;
}

@media screen and (max-width: 768px) {
  .--pl--hero-5-padding-left-group {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
/* END_SECTION:pl--hero-5 */

/* CSS from block stylesheet tags */
/* START_BLOCK:_pl--carousel-dot-nav (INDEX:83, SCOPED:FALSE) */
.pl--carousel__dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--pl-car-dot-nav-gap);
  }

  .pl--carousel__dot {
    -webkit-tap-highlight-color: rgba(49, 49, 49, 0.3);
    -webkit-appearance: none;
    appearance: none;
    text-decoration: none;
    display: flex;
    background-color: var(--pl-car-dot-nav-bg-color);
    touch-action: manipulation;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    width: var(--pl-car-dot-nav-width);
    height: var(--pl-car-dot-nav-height);
    border-radius: var(--pl-car-dot-nav-border-radius);
    border: var(--pl-car-dot-nav-border-width) var(--pl-car-dot-nav-border-style)
      var(--pl-car-dot-nav-border-color);
    transition: background-color var(--pl-car-dot-nav-transition-speed) ease,
      width var(--pl-car-dot-nav-transition-speed) ease,
      border-radius var(--pl-car-dot-nav-transition-speed) ease;
  }

  .pl--carousel__dot:hover {
    background-color: var(--pl-car-dot-nav-bg-color-hover);
  }

  .pl--carousel__dot--selected {
    background-color: var(--pl-car-dot-nav-bg-color-selected);
    width: var(--pl-car-dot-nav-active-width);
    border-radius: 15px;
  }

  .pl--carousel__dot--selected:hover {
    background-color: var(--pl-car-dot-nav-bg-color-selected);
  }

  @media screen and (max-width: 768px) {
    .pl--carousel__dots {
      gap: var(--pl-car-dot-nav-gap-mobile);
    }

    .pl--carousel__dot {
      background-color: var(--pl-car-dot-nav-bg-color-mobile);
      width: var(--pl-car-dot-nav-width-mobile);
      height: var(--pl-car-dot-nav-height-mobile);
      border-radius: var(--pl-car-dot-nav-border-radius-mobile);
      border: var(--pl-car-dot-nav-border-width-mobile) var(--pl-car-dot-nav-border-style-mobile)
        var(--pl-car-dot-nav-border-color-mobile);
      transition: background-color var(--pl-car-dot-nav-transition-speed-mobile) ease,
        width var(--pl-car-dot-nav-transition-speed-mobile) ease,
        border-radius var(--pl-car-dot-nav-transition-speed-mobile) ease;
    }

    .pl--carousel__dot:hover {
      background-color: var(--pl-car-dot-nav-bg-color-hover-mobile);
    }

    .pl--carousel__dot--selected {
      background-color: var(--pl-car-dot-nav-bg-color-selected-mobile);
      width: var(--pl-car-dot-nav-active-width-mobile);
    }

    .pl--carousel__dot--selected:hover {
      background-color: var(--pl-car-dot-nav-bg-color-selected-mobile);
    }
  }
/* END_BLOCK:_pl--carousel-dot-nav */

/* START_BLOCK:_pl--carousel-next-button (INDEX:84, SCOPED:FALSE) */
.pl--carousel__button--next {
    -webkit-tap-highlight-color: rgba(234, 234, 234 0.5);
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--pl-car-nxt-btn-width);
    height: var(--pl-car-nxt-btn-height);
    padding: var(--pl-car-nxt-btn-padding-top) var(--pl-car-nxt-btn-padding-right)
      var(--pl-car-nxt-btn-padding-bottom) var(--pl-car-nxt-btn-padding-left);
    appearance: none;
    background-color: var(--pl-car-nxt-btn-bg-color);
    touch-action: manipulation;
    text-decoration: none;
    cursor: pointer;
    z-index: 1;
    border-radius: var(--pl-car-nxt-btn-border-radius);
    color: black;
    border: var(--pl-car-nxt-btn-border-width) var(--pl-car-nxt-btn-border-style)
      var(--pl-car-nxt-btn-border-color);
    transition: all 0.08s ease;
    pointer-events: auto;
  }
  .pl--carousel__button--next:hover:not(:disabled) {
    background-color: var(--pl-car-nxt-btn-bg-color-hover);
  }
  .pl--carousel__button--next:disabled {
    opacity: 30%;
    cursor: default !important;
  }
  .pl--carousel__button__icon--next {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
  }

  @media screen and (max-width: 768px) {
    .pl--carousel__button--next {
      width: var(--pl-car-nxt-btn-width-mobile);
      height: var(--pl-car-nxt-btn-height-mobile);
      padding: var(--pl-car-nxt-btn-padding-top-mobile) var(--pl-car-nxt-btn-padding-right-mobile)
        var(--pl-car-nxt-btn-padding-bottom-mobile) var(--pl-car-nxt-btn-padding-left-mobile);
      background-color: var(--pl-car-nxt-btn-bg-color-mobile);
      border-radius: var(--pl-car-nxt-btn-border-radius-mobile);
      border: var(--pl-car-nxt-btn-border-width-mobile) var(--pl-car-nxt-btn-border-style-mobile)
        var(--pl-car-nxt-btn-border-color-mobile);
    }
    .pl--carousel__button--next:hover:not(:disabled) {
      background-color: var(--pl-car-nxt-btn-bg-color-hover-mobile);
    }
  }
/* END_BLOCK:_pl--carousel-next-button */

/* START_BLOCK:_pl--carousel-prev-button (INDEX:85, SCOPED:FALSE) */
.pl--carousel__button--prev {
    -webkit-tap-highlight-color: rgba(234, 234, 234 0.5);
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--pl-car-pre-btn-width);
    height: var(--pl-car-pre-btn-height);
    padding: var(--pl-car-pre-btn-padding-top) var(--pl-car-pre-btn-padding-right)
      var(--pl-car-pre-btn-padding-bottom) var(--pl-car-pre-btn-padding-left);
    appearance: none;
    background-color: var(--pl-car-pre-btn-bg-color);
    touch-action: manipulation;
    text-decoration: none;
    cursor: pointer;
    z-index: 1;
    border-radius: var(--pl-car-pre-btn-border-radius);
    color: black;
    border: var(--pl-car-pre-btn-border-width) var(--pl-car-pre-btn-border-style)
      var(--pl-car-pre-btn-border-color);
    transition: all 0.08s ease;
    pointer-events: auto;
  }
  .pl--carousel__button--prev:hover:not(:disabled) {
    background-color: var(--pl-car-pre-btn-bg-color-hover);
  }
  .pl--carousel__button--prev:disabled {
    opacity: 30%;
    cursor: default !important;
  }
  .pl--carousel__button__icon--prev {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
  }

  @media screen and (max-width: 768px) {
    .pl--carousel__button--prev {
      width: var(--pl-car-pre-btn-width-mobile);
      height: var(--pl-car-pre-btn-height-mobile);
      padding: var(--pl-car-pre-btn-padding-top-mobile) var(--pl-car-pre-btn-padding-right-mobile)
        var(--pl-car-pre-btn-padding-bottom-mobile) var(--pl-car-pre-btn-padding-left-mobile);
      background-color: var(--pl-car-pre-btn-bg-color-mobile);
      border-radius: var(--pl-car-pre-btn-border-radius-mobile);
      border: var(--pl-car-pre-btn-border-width-mobile) var(--pl-car-pre-btn-border-style-mobile)
        var(--pl-car-pre-btn-border-color-mobile);
    }
    .pl--carousel__button--prev:hover:not(:disabled) {
      background-color: var(--pl-car-pre-btn-bg-color-hover-mobile);
    }
  }
/* END_BLOCK:_pl--carousel-prev-button */

/* START_BLOCK:_pl--carousel-slide (INDEX:86, SCOPED:FALSE) */
.pl--carousel__slide {
    display: flex;
    max-height: var(--max-height);
  }

  .pl--carousel__slide__inner {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: var(--pl-car-sld-fd);
    gap: var(--pl-car-sld-gap);
    flex-wrap: var(--pl-car-sld-wrap);
    align-items: var(--pl-car-sld-col-al);
    justify-content: var(--pl-car-sld-row-al);
    box-sizing: border-box;
    width: var(--pl-car-sld-width);
    max-width: var(--pl-car-sld-max-width);
    height: var(--pl-car-sld-height);
    max-height: var(--pl-car-sld-max-height);
    background-color: var(--pl-car-sld-bg-color);
    border: var(--pl-car-sld-border-width) var(--pl-car-sld-border-style)
      var(--pl-car-sld-border-color);
    border-radius: var(--pl-car-sld-border-radius);
    padding: var(--pl-car-sld-padding-top) var(--pl-car-sld-padding-right)
      var(--pl-car-sld-padding-bottom) var(--pl-car-sld-padding-left);
  }

  /* Make the slide link cover the slide */
  .pl--carousel__slide__inner > .pl--carousel__slide-link::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
  }

  .pl--carousel__slide__inner
    :is(a, button, [role='button'], input, select, textarea):not(.pl--carousel__slide-link) {
    position: relative;
    z-index: 2;
  }

  @media (max-width: 768px) {
    .pl--carousel__slide {
      max-height: var(--max-height-mobile);
    }

    .pl--carousel__slide__inner {
      flex-direction: var(--pl-car-sld-fd-mobile);
      gap: var(--pl-car-sld-gap-mobile);
      flex-wrap: var(--pl-car-sld-wrap-mobile);
      align-items: var(--pl-car-sld-col-al-mobile);
      justify-content: var(--pl-car-sld-row-al-mobile);
      width: var(--pl-car-sld-width-mobile);
      max-width: var(--pl-car-sld-max-width-mobile);
      height: var(--pl-car-sld-height-mobile);
      max-height: var(--pl-car-sld-max-height-mobile);
      background-color: var(--pl-car-sld-bg-color-mobile);
      border: var(--pl-car-sld-border-width-mobile) var(--pl-car-sld-border-style-mobile)
        var(--pl-car-sld-border-color-mobile);
      border-radius: var(--pl-car-sld-border-radius-mobile);
      padding: var(--pl-car-sld-padding-top-mobile) var(--pl-car-sld-padding-right-mobile)
        var(--pl-car-sld-padding-bottom-mobile) var(--pl-car-sld-padding-left-mobile);
    }
  }
/* END_BLOCK:_pl--carousel-slide */

/* START_BLOCK:pl--collection-carousel (INDEX:89, SCOPED:FALSE) */
.pl--carousel {
    margin-inline: var(--carousel-overflow-margin);
    position: relative;
  }
  .pl--carousel__viewport {
    overflow: hidden;
    padding-inline: var(--viewport-overflow-padding);
  }
  .pl--carousel__container {
    display: flex;
    touch-action: pan-y pinch-zoom;
    margin-left: calc(var(--slide-spacing) * -1);
  }

  .pl--carousel__container > .pl--carousel__slide {
    transform: translate3d(0, 0, 0);
    flex: 0 0 var(--slides);
    min-width: 0;
    padding-left: var(--slide-spacing);
  }

  .pl--carousel__controls-spacer {
    display: none;
    padding-block: 10px;
  }

  @media screen and (min-width: 769px) {
    .pl--carousel__controls {
      display: grid;
      grid-template-columns: var(--controls-grid-columns, auto 1fr);
      justify-content: space-between;
      gap: 10px;
      padding-inline: var(--viewport-overflow-padding);
    }
    .pl--carousel[data-buttons-position='centered'] .pl--carousel__controls {
      grid-template-columns: 1fr;
    }
    .pl--carousel__buttons {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      align-items: center;
      pointer-events: none;
      order: var(--controls-buttons-order, 1);
    }
    .pl--carousel[data-show-arrows='false'] .pl--carousel__buttons {
      display: none;
    }
    .pl--carousel[data-buttons-position='centered']:not([data-show-arrows='false'])
      .pl--carousel__buttons {
      display: flex;
      position: absolute;
      left: var(--cotrol-arrows-padding-left);
      right: var(--cotrol-arrows-padding-right);
      top: 0;
      bottom: var(--dynamic-bottom-alignment);
      justify-content: space-between;
    }
    .pl--carousel__dots-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: var(--carousel-dots-justify-content, flex-end);
      order: var(--controls-dots-order, 2);
    }
    .pl--carousel[data-show-dots='false'] .pl--carousel__dots-wrapper {
      display: none;
    }
    .pl--carousel__dots-wrapper:has(.pl--dots-wra-algn-rgt) {
      margin-right: var(--slide-spacing);
    }

    .pl--carousel:is(
        [data-show-arrows='true']:not([data-buttons-position='centered']),
        [data-show-dots='true']
      )
      .pl--carousel__controls-spacer {
      display: block;
    }
  }

  @media (max-width: 768px) {
    .pl--carousel {
      margin-inline: var(--carousel-overflow-margin-mobile);
    }
    .pl--carousel__viewport {
      padding-inline: var(--viewport-overflow-padding-mobile);
    }
    .pl--carousel__container {
      margin-left: calc(var(--slide-spacing-mobile) * -1);
    }

    .pl--carousel__container > .pl--carousel__slide {
      flex: 0 0 var(--slides-mobile);
      padding-left: var(--slide-spacing-mobile);
    }

    .pl--carousel__controls {
      display: grid;
      grid-template-columns: var(--controls-grid-columns-mobile, auto 1fr);
      justify-content: space-between;
      gap: 10px;
      padding-inline: var(--viewport-overflow-padding-mobile);
    }
    .pl--carousel[data-buttons-position-mobile='centered'] .pl--carousel__controls {
      grid-template-columns: 1fr;
    }
    .pl--carousel__buttons {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      align-items: center;
      pointer-events: none;
      order: var(--controls-buttons-order-mobile, 1);
    }
    .pl--carousel[data-show-arrows-mobile='false'] .pl--carousel__buttons {
      display: none;
    }
    .pl--carousel[data-buttons-position-mobile='centered']:not([data-show-arrows-mobile='false'])
      .pl--carousel__buttons {
      display: flex;
      position: absolute;
      left: var(--cotrol-arrows-padding-left-mobile);
      right: var(--cotrol-arrows-padding-right-mobile);
      top: 0;
      bottom: var(--dynamic-bottom-alignment-mobile);
      justify-content: space-between;
    }
    .pl--carousel__dots-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: var(--carousel-dots-justify-content-mobile, flex-end);
      order: var(--controls-dots-order-mobile, 2);
    }
    .pl--carousel[data-show-dots-mobile='false'] .pl--carousel__dots-wrapper {
      display: none;
    }
    .pl--carousel__dots-wrapper:has(.pl--dots-wra-algn-rgt) {
      margin-right: var(--slide-spacing-mobile);
    }
    .pl--carousel__controls-spacer {
      display: none;
    }

    .pl--carousel:is(
        [data-show-arrows-mobile='true']:not([data-buttons-position-mobile='centered']),
        [data-show-dots-mobile='true']
      )
      .pl--carousel__controls-spacer {
      display: block;
    }
  }
/* END_BLOCK:pl--collection-carousel */