/** Shopify CDN: Minification failed

Line 2784:13 Expected identifier but found whitespace
Line 2784:15 Unexpected "{"
Line 2784:36 Expected ":"
Line 2980:0 Unexpected "{"
Line 2980:1 Expected identifier but found "%"
Line 2982:25 Unexpected "{"
Line 2982:34 Expected ":"
Line 2983:10 Expected identifier but found whitespace
Line 2983:12 Expected identifier but found "%"
Line 2983:31 Unexpected "var("
... and 17 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:beauty-banner (INDEX:4) */
.bb-sec {
    color: var(--bb-text);
    margin-top: var(--bb-mt);
    margin-bottom: var(--bb-mb);
  }

  .bb__outer {
    width: 100%;
  }

  .bb__outer--full {
    max-width: none;
    width: 100%;
  }

  .bb__outer--npd {
    padding-left: 0;
    padding-right: 0;
  }

  .bb__container {
    background: var(--bb-bg);
    border-radius: var(--bb-radius);
    padding: var(--bb-pt) var(--bb-px) var(--bb-pb);
  }

  .bb__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    align-items: start;
  }

  .bb__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  .bb__eyebrow {
    margin: 0 0 var(--bb-gap-eyebrow);
    order: 1;
    font-family: inherit;
    font-size: var(--bb-eyebrow-fs);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bb-eyebrow);
    line-height: 1.3;
  }

  .bb__title {
    margin: 0 0 var(--bb-gap-title);
    order: 2;
    font-family: inherit;
    font-size: var(--bb-title-fsm);
    font-weight: 700;
    color: var(--bb-title);
    line-height: 1.2;
  }

  .bb__toggle {
    display: none;
    order: 4;
    align-items: center;
    gap: 6px;
    margin: 0 0 4px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--bb-eyebrow);
    line-height: 1.3;
  }

  .bb__toggle-icon {
    display: inline-block;
    width: 0.55em;
    height: 0.55em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    margin-top: -0.15em;
  }

  .bb-sec.is-open .bb__toggle-icon {
    transform: rotate(-135deg);
    margin-top: 0.2em;
  }

  .bb__expand {
    display: contents;
  }

  .bb__desc {
    margin: 0 0 var(--bb-gap-description);
    order: 3;
    font-family: inherit;
    font-size: var(--bb-desc-fsm);
    color: var(--bb-desc);
    line-height: 1.6;
  }

  .bb__desc p {
    margin: 0;
  }

  .bb__desc p + p {
    margin-top: 0.75em;
  }

  .bb__media {
    margin: 0 0 var(--bb-gap-description);
    order: 5;
    min-width: 0;
    width: 100%;
    overflow: hidden;
    border-radius: var(--bb-img-radius);
  }

  .bb__img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: var(--bb-img-radius);
  }

  .bb__img--mobile {
    display: none;
  }

  .bb__placeholder {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    border-radius: var(--bb-img-radius);
    background: #f0e4e6;
  }

  .bb__benefits {
    list-style: none;
    margin: 0;
    padding: 0;
    order: 6;
    display: flex;
    flex-direction: column;
    gap: var(--bb-benefit-gap);
    width: 100%;
  }

  .bb__benefit {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
  }

  .bb__icon {
    flex-shrink: 0;
    display: block;
    width: var(--bb-icon-size);
    height: var(--bb-icon-size);
    color: var(--bb-icon);
  }

  .bb__icon img,
  .bb__icon svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .bb__icon--check {
    background-color: transparent;
  }

  .bb__benefit-text {
    min-width: 0;
    flex: 1;
  }

  .bb__benefit-title {
    margin: 0 0 var(--bb-gap-benefit-title);
    font-family: inherit;
    font-size: var(--bb-benefit-title-fs);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--bb-benefit-title);
    line-height: 1.3;
  }

  .bb__benefit-desc {
    margin: 0 0 var(--bb-gap-benefit-text);
    font-family: inherit;
    font-size: var(--bb-benefit-text-fs);
    color: var(--bb-desc);
    line-height: 1.45;
  }

  @media only screen and (min-width: 768px) {
    .bb__container {
      padding: var(--bb-pt) var(--bb-px) var(--bb-pb);
    }

    .bb__grid {
      grid-template-columns: 1fr 1fr;
      column-gap: var(--bb-col-gap);
      align-items: stretch;
    }

    .bb__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      min-width: 0;
    }

    .bb__title {
      font-size: var(--bb-title-fs);
    }

    .bb__desc {
      font-size: var(--bb-desc-fs);
    }

    .bb__media {
      margin: 0;
      align-self: stretch;
      height: var(--bb-img-h);
      order: initial;
    }

    .bb__img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .bb__placeholder {
      width: 100%;
      height: var(--bb-img-h);
      aspect-ratio: 4 / 5;
    }

    .bb__benefits {
      flex-direction: row;
      align-items: flex-start;
      order: initial;
    }

    .bb__benefit {
      flex: 1 1 0;
      flex-direction: row;
      align-items: flex-start;
      gap: 12px;
    }

    .bb__eyebrow,
    .bb__title,
    .bb__desc {
      order: initial;
    }

    .bb__toggle {
      display: none;
    }

    .bb__expand {
      display: contents;
    }
  }

  @media only screen and (max-width: 767px) {
    .bb-sec {
      margin-top: var(--bb-mt-mb);
      margin-bottom: var(--bb-mb-mb);
    }

    .bb__container {
      padding: var(--bb-pt-mb) var(--bb-px-mb) var(--bb-pb-mb);
      border-radius: calc(var(--bb-radius) * 0.75);
    }

    .bb__content {
      display: contents;
    }

    .bb__grid {
      display: flex;
      flex-direction: column;
    }

    .bb__desc {
      order: 3;
      margin-bottom: 8px;
    }

    .bb__toggle {
      display: inline-flex;
      align-self: flex-start;
      order: 4;
      margin-top: 0;
      margin-bottom: 4px;
    }

    .bb__expand {
      display: none;
      order: 6;
      flex-direction: column;
      width: 100%;
    }

    .bb__media {
      display: none;
      order: 5;
      margin-top: var(--bb-gap-description);
      margin-bottom: var(--bb-gap-description);
    }

    .bb-sec.is-open .bb__expand {
      display: flex;
    }

    .bb-sec.is-open .bb__media {
      display: block;
    }

    .bb__img,
    .bb__placeholder {
      height: var(--bb-img-h-mb);
    }

    .bb__benefits {
      order: initial;
      margin-top: 0;
    }

    .bb__img.has-mobile-alt {
      display: none;
    }

    .bb__img--mobile {
      display: block;
    }

  }
/* END_SECTION:beauty-banner */

/* START_SECTION:before-after (INDEX:5) */
.ba-sec {
    margin-top: var(--ba-mt-mb);
    margin-bottom: var(--ba-mb-mb);
  }

  .ba__outer {
    width: 100%;
  }

  .ba__outer--full {
    max-width: none;
    width: 100%;
  }

  .ba__outer--npd {
    padding-left: 0;
    padding-right: 0;
  }

  .ba__container {
    background: var(--ba-bg);
    border-radius: var(--ba-radius);
    padding: var(--ba-pt-mb) var(--ba-px-mb) var(--ba-pb-mb);
  }

  .ba__header {
    text-align: var(--ba-text-align);
    margin-bottom: var(--ba-gap-subtitle);
  }

  .ba__title {
    margin: 0 0 var(--ba-gap-title);
    font-family: inherit;
    font-size: var(--ba-title-fsm);
    font-weight: 700;
    color: var(--ba-title);
    line-height: 1.2;
  }

  .ba__subtitle {
    margin: 0;
    font-family: inherit;
    font-size: var(--ba-subtitle-fsm);
    color: var(--ba-subtitle);
    line-height: 1.6;
  }

  .ba__slider-wrap {
    max-width: var(--ba-max-w);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .ba__slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: var(--ba-img-radius);
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
    cursor: ew-resize;
  }

  .ba__slider--square {
    aspect-ratio: 1 / 1;
  }

  .ba__slider--portrait {
    aspect-ratio: 4 / 5;
  }

  .ba__slider--landscape {
    aspect-ratio: 16 / 9;
  }

  .ba__slider--auto {
    aspect-ratio: auto;
  }

  .ba__layer {
    display: block;
    width: 100%;
  }

  .ba__layer--before {
    position: relative;
    z-index: 1;
  }

  .ba__layer--after {
    position: absolute;
    inset: 0;
    z-index: 2;
    clip-path: inset(0 0 0 var(--ba-pos));
    will-change: clip-path;
  }

  .ba__slider:not(.is-dragging) .ba__layer--after {
    transition: clip-path 0.05s linear;
  }

  .ba__img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    pointer-events: none;
    -webkit-user-drag: none;
  }

  .ba__slider--square .ba__img,
  .ba__slider--portrait .ba__img,
  .ba__slider--landscape .ba__img,
  .ba__layer--after .ba__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ba__layer--after .ba__img {
    position: absolute;
    inset: 0;
  }

  .ba__img--mobile {
    display: none;
  }

  .ba__placeholder {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    background: #f0e4e6;
  }

  .ba__layer--after .ba__placeholder {
    position: absolute;
    inset: 0;
    height: 100%;
  }

  .ba__label {
    position: absolute;
    top: 16px;
    z-index: 4;
    padding: 6px 12px;
    border-radius: 6px;
    background: var(--ba-label-bg);
    color: var(--ba-label-text);
    font-family: inherit;
    font-size: var(--ba-label-fsm);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.02em;
    pointer-events: none;
    white-space: nowrap;
  }

  .ba__label--before {
    left: 16px;
  }

  .ba__label--after {
    right: 16px;
  }

  .ba__divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--ba-pos);
    z-index: 5;
    width: 0;
    transform: translateX(-50%);
    pointer-events: none;
  }

  .ba__line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: var(--ba-line-w);
    transform: translateX(-50%);
    background: var(--ba-line);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  }

  .ba__handle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--ba-handle-size-mb);
    height: var(--ba-handle-size-mb);
    border: 0;
    border-radius: 50%;
    background: var(--ba-handle);
    color: var(--ba-arrow);
    cursor: grab;
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    -webkit-tap-highlight-color: transparent;
  }

  .ba__handle:hover,
  .ba__handle:focus-visible {
    transform: translate(-50%, -50%) scale(1.06);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
    outline: none;
  }

  .ba__handle:focus-visible {
    box-shadow: 0 0 0 3px rgba(185, 34, 83, 0.35), 0 4px 14px rgba(0, 0, 0, 0.3);
  }

  .ba__slider.is-dragging .ba__handle {
    cursor: grabbing;
  }

  .ba__arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: inherit;
  }

  .ba__arrow {
    display: block;
    flex-shrink: 0;
  }

  @media screen and (min-width: 768px) {
    .ba-sec {
      margin-top: var(--ba-mt);
      margin-bottom: var(--ba-mb);
    }

    .ba__container {
      padding: var(--ba-pt) var(--ba-px) var(--ba-pb);
    }

    .ba__title {
      font-size: var(--ba-title-fs);
    }

    .ba__subtitle {
      font-size: var(--ba-subtitle-fs);
    }

    .ba__label {
      font-size: var(--ba-label-fs);
      top: 20px;
      padding: 7px 14px;
    }

    .ba__label--before {
      left: 20px;
    }

    .ba__label--after {
      right: 20px;
    }

    .ba__handle {
      width: var(--ba-handle-size);
      height: var(--ba-handle-size);
    }
  }

  @media screen and (max-width: 767px) {
    .ba__img.has-mobile-alt {
      display: none;
    }

    .ba__img--mobile {
      display: block;
    }
  }
/* END_SECTION:before-after */

/* START_SECTION:category-cards (INDEX:13) */
.cc-sec {
    background: var(--cc-bg);
    padding: var(--cc-pt) var(--cc-px) var(--cc-pb);
    width: 100%;
    box-sizing: border-box;
  }

  .cc-inner {
    max-width: var(--cc-section-max);
    margin-inline: auto;
    width: 100%;
  }

  .cc-header {
    max-width: var(--cc-content-max);
    margin-bottom: var(--cc-header-mb);
  }

  .cc-sec--align-left .cc-header {
    margin-inline: 0 auto;
    text-align: left;
  }

  .cc-sec--align-center .cc-header {
    margin-inline: auto;
    text-align: center;
  }

  .cc-sec--align-right .cc-header {
    margin-inline: auto 0;
    text-align: right;
  }

  .cc-eyebrow {
    margin: 0 0 var(--cc-eyebrow-mb);
    color: var(--cc-eyebrow-color);
    font-size: var(--cc-eyebrow-fs-mb);
    font-weight: var(--cc-eyebrow-fw);
    line-height: var(--cc-eyebrow-lh);
    letter-spacing: var(--cc-eyebrow-ls);
    text-transform: uppercase;
  }

  .cc-title {
    margin: 0 0 var(--cc-title-mb);
    color: var(--cc-title-color);
    font-size: var(--cc-title-fs-mb);
    font-weight: var(--cc-title-fw);
    line-height: var(--cc-title-lh);
    letter-spacing: var(--cc-title-ls);
    overflow-wrap: anywhere;
  }

  .cc-desc {
    margin: 0;
    color: var(--cc-desc-color);
    font-size: var(--cc-desc-fs-mb);
    font-weight: var(--cc-desc-fw);
    line-height: var(--cc-desc-lh);
    letter-spacing: var(--cc-desc-ls);
    overflow-wrap: anywhere;
  }

  .cc-desc p {
    margin: 0;
  }

  .cc-grid {
    display: grid;
    grid-template-columns: repeat(var(--cc-cols-mb), minmax(0, 1fr));
    gap: var(--cc-gap);
    align-items: stretch;
    max-width: var(--cc-grid-max);
    margin-inline: auto;
    width: 100%;
  }

  .cc-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: var(--cc-min-h-mb);
    min-width: 0;
    background: var(--cc-card-bg);
    border-radius: var(--cc-card-radius);
    border: var(--cc-card-border-w) solid var(--cc-card-border);
    box-shadow: var(--cc-shadow);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    transition:
      transform var(--cc-hover-ms) ease,
      background-color var(--cc-hover-ms) ease,
      box-shadow var(--cc-hover-ms) ease,
      color var(--cc-hover-ms) ease;
  }

  .cc-card__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }

  .cc-card__bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .cc-card--bg-image .cc-card__inner {
    position: relative;
    z-index: 1;
  }

  .cc-card__inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    padding: var(--cc-card-pad);
    box-sizing: border-box;
    height: 100%;
  }

  .cc-card--v-flex-start .cc-card__inner {
    justify-content: flex-start;
  }

  .cc-card--v-center .cc-card__inner {
    justify-content: center;
  }

  .cc-card--v-flex-end .cc-card__inner {
    justify-content: flex-end;
  }

  .cc-card--v-space-between .cc-card__inner {
    justify-content: space-between;
  }

  .cc-card--h-left .cc-card__inner,
  .cc-card--h-left .cc-card__body {
    text-align: left;
    align-items: flex-start;
  }

  .cc-card--h-left .cc-card__footer {
    justify-content: flex-start;
  }

  .cc-card--h-center .cc-card__inner,
  .cc-card--h-center .cc-card__body {
    text-align: center;
    align-items: center;
  }

  .cc-card--h-center .cc-card__footer {
    justify-content: center;
  }

  .cc-card--h-right .cc-card__inner,
  .cc-card--h-right .cc-card__body {
    text-align: right;
    align-items: flex-end;
  }

  .cc-card--h-right .cc-card__footer {
    justify-content: flex-end;
  }

  .cc-card__media {
    margin: calc(var(--cc-card-pad) * -1) calc(var(--cc-card-pad) * -1) var(--cc-card-pad);
    width: calc(100% + var(--cc-card-pad) * 2);
    overflow: hidden;
    border-radius: var(--cc-card-radius) var(--cc-card-radius) 0 0;
  }

  .cc-card__img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 160px;
    object-fit: cover;
  }

  .cc-card__icon {
    display: flex;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
    color: var(--cc-card-icon);
  }

  .cc-card__icon-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .cc-card__icon-svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: inherit;
  }

  .cc-card__icon-svg svg,
  .cc-card__icon-svg img {
    max-width: 100%;
    max-height: 100%;
  }

  .cc-card__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
  }

  .cc-card__title {
    margin: 0;
    color: var(--cc-card-title);
    font-size: var(--cc-card-title-fs-mb);
    font-weight: var(--cc-card-title-fw);
    line-height: var(--cc-card-title-lh);
    letter-spacing: var(--cc-card-title-ls);
    overflow-wrap: anywhere;
    transition: color var(--cc-hover-ms) ease;
  }

  .cc-card__desc {
    margin: 0;
    color: var(--cc-card-text);
    font-size: var(--cc-card-desc-fs-mb);
    font-weight: var(--cc-card-desc-fw);
    line-height: var(--cc-card-desc-lh);
    letter-spacing: var(--cc-card-desc-ls);
    overflow-wrap: anywhere;
    transition: color var(--cc-hover-ms) ease;
  }

  .cc-card__desc p {
    margin: 0;
  }

  .cc-card__footer {
    display: flex;
    margin-top: auto;
    padding-top: 20px;
    min-width: 0;
    width: 100%;
  }

  .cc-card__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    color: var(--cc-card-btn);
    font-size: var(--cc-btn-fs-mb);
    font-weight: var(--cc-btn-fw);
    line-height: var(--cc-btn-lh);
    letter-spacing: var(--cc-btn-ls);
    text-decoration: none;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: color var(--cc-hover-ms) ease;
  }

  .cc-card__btn--underline .cc-card__btn-text {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .cc-card__btn-text {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  .cc-card__arrow {
    display: inline-flex;
    flex-shrink: 0;
    line-height: 0;
  }

  .cc-card__arrow svg {
    display: block;
  }

  .cc-card a.cc-card__btn:focus-visible,
  a.cc-card:focus-visible {
    outline: 2px solid var(--cc-card-btn);
    outline-offset: 3px;
  }

  .cc-sec--hover-lift .cc-card:hover,
  .cc-sec--hover-lift .cc-card:focus-within {
    transform: translateY(calc(var(--cc-hover-lift) * -1));
  }

  .cc-sec--hover-bg .cc-card:hover,
  .cc-sec--hover-bg .cc-card:focus-within {
    background: var(--cc-card-hover-bg);
  }

  .cc-sec--hover-text .cc-card:hover .cc-card__title,
  .cc-sec--hover-text .cc-card:focus-within .cc-card__title {
    color: var(--cc-card-hover-title);
  }

  .cc-sec--hover-text .cc-card:hover .cc-card__desc,
  .cc-sec--hover-text .cc-card:focus-within .cc-card__desc {
    color: var(--cc-card-hover-text);
  }

  .cc-sec--hover-btn .cc-card:hover .cc-card__btn,
  .cc-sec--hover-btn .cc-card:focus-within .cc-card__btn,
  .cc-card__btn:hover {
    color: var(--cc-card-btn-hover);
  }

  @media (prefers-reduced-motion: reduce) {
    .cc-card,
    .cc-card__title,
    .cc-card__desc,
    .cc-card__btn {
      transition: none;
    }

    .cc-sec--hover-lift .cc-card:hover,
    .cc-sec--hover-lift .cc-card:focus-within {
      transform: none;
    }
  }

  @media only screen and (min-width: 768px) {
    .cc-eyebrow {
      font-size: var(--cc-eyebrow-fs-tb);
    }

    .cc-title {
      font-size: var(--cc-title-fs-tb);
    }

    .cc-desc {
      font-size: var(--cc-desc-fs-tb);
    }

    .cc-grid {
      grid-template-columns: repeat(var(--cc-cols-tb), minmax(0, 1fr));
    }

    .cc-card {
      min-height: var(--cc-min-h-tb);
    }

    .cc-card__title {
      font-size: var(--cc-card-title-fs-tb);
    }

    .cc-card__desc {
      font-size: var(--cc-card-desc-fs-tb);
    }

    .cc-card__btn {
      font-size: var(--cc-btn-fs-tb);
    }
  }

  @media only screen and (min-width: 1025px) {
    .cc-eyebrow {
      font-size: var(--cc-eyebrow-fs);
    }

    .cc-title {
      font-size: var(--cc-title-fs);
    }

    .cc-desc {
      font-size: var(--cc-desc-fs);
    }

    .cc-grid {
      grid-template-columns: repeat(var(--cc-cols-dt), minmax(0, 1fr));
    }

    .cc-card {
      min-height: var(--cc-min-h-dt);
    }

    .cc-card__title {
      font-size: var(--cc-card-title-fs);
    }

    .cc-card__desc {
      font-size: var(--cc-card-desc-fs);
    }

    .cc-card__btn {
      font-size: var(--cc-btn-fs);
    }
  }
/* END_SECTION:category-cards */

/* START_SECTION:collection-seo-description (INDEX:16) */
.cseo {
  margin-top: var(--cseo-mt, 0);
  margin-bottom: var(--cseo-mb, 0);
  padding-top: var(--cseo-pt, 40px);
  padding-bottom: var(--cseo-pb, 40px);
  color: var(--cseo-color, #333);
}

.cseo__inner--full {
  max-width: none;
  width: 100%;
}

.cseo__inner--npd {
  padding-left: 0;
  padding-right: 0;
}

.cseo__wrap {
  position: relative;
  overflow: hidden;
  max-height: calc(1.5em * var(--cseo-lines, 5));
  transition: max-height 0.35s ease;
}

.cseo__wrap::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.5em;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.25s ease;
}

.cseo__wrap.is-expanded {
  max-height: none;
}

.cseo__wrap.is-expanded::after {
  opacity: 0;
}

.cseo__content {
  color: inherit;
}

.cseo__content > *:first-child {
  margin-top: 0;
}

.cseo__content > *:last-child {
  margin-bottom: 0;
}

.cseo__toggle {
  display: inline-block;
  margin-top: 12px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.cseo__toggle[hidden] {
  display: none;
}

.cseo__toggle:hover {
  opacity: 0.75;
}
/* END_SECTION:collection-seo-description */

/* START_SECTION:collection-subcollections (INDEX:17) */
.scs-sec {
  margin-top: var(--scs-mt, 0);
  margin-bottom: var(--scs-mb, 0);
  padding-top: var(--scs-pt, 0);
  padding-bottom: var(--scs-pb, 0);
}

.scs__inner--full {
  max-width: none;
  width: 100%;
}

.scs__inner--npd {
  padding-left: 0;
  padding-right: 0;
}

.scs__heading {
  margin: 0 0 16px;
  color: var(--scs-heading-color, #333);
  font-size: var(--scs-heading-size, 14px);
  font-weight: var(--scs-heading-weight, 600);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.3;
}

.scs__carousel-wrap {
  position: relative;
  width: 100%;
}

.scs__swiper {
  width: 100%;
  overflow: hidden;
}

.scs__track {
  display: flex;
  align-items: flex-start;
}

/* Desktop estático: fila CSS sin Swiper (solo ≥768px) */
@media screen and (min-width: 768px) {
  .scs-sec.scs--static .scs__swiper {
    overflow: visible;
  }

  .scs-sec.scs--static .scs__track {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--scs-gap-dt, 16px);
    transform: none !important;
  }

  .scs-sec.scs--static .scs__slide {
    width: var(--scs-img-size-dt, 140px);
    flex: 0 0 var(--scs-img-size-dt, 140px);
    margin: 0 !important;
  }

  .scs-sec.scs--static .scs__media {
    max-width: var(--scs-img-size-dt, 140px);
  }
}

.scs__slide {
  height: auto;
  box-sizing: border-box;
}

.scs__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: inherit;
  width: 100%;
}

.scs__media {
  position: relative;
  width: 100%;
  max-width: var(--scs-img-size-dt, 140px);
  aspect-ratio: 1 / 1;
  border-radius: var(--scs-radius-dt, 12px);
  overflow: hidden;
  background: #f5f5f5;
}

.scs-sec:not(.scs--static) .scs__media,
.scs-sec.scs--swiper .scs__media {
  max-width: none;
}

.scs__img,
.scs__placeholder,
.scs__placeholder .placeholder-svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.scs__placeholder {
  color: #ccc;
}

.scs__label {
  display: block;
  margin-top: 10px;
  padding: 0 4px;
  color: var(--scs-text-color, #333);
  font-size: var(--scs-text-size, 13px);
  font-weight: var(--scs-text-weight, 600);
  line-height: 1.35;
  text-align: center;
  word-break: break-word;
}

@media screen and (max-width: 767px) {
  .scs__heading {
    margin-bottom: 12px;
  }

  .scs__media {
    max-width: none;
    border-radius: var(--scs-radius-mb, 10px);
  }

  .scs__label {
    margin-top: 8px;
  }
}
/* END_SECTION:collection-subcollections */

/* START_SECTION:hero-landing (INDEX:40) */
/* ——— Hero Landing ——— */
  .hl-sec {
    position: relative;
    background-color: var(--hl-bg);
    background-image: var(--hl-bg-image);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    padding-top: var(--hl-pt-mb);
    padding-bottom: var(--hl-pb-mb);
  }

  .hl__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
  }

  .hl__overlay {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--hl-overlay);
    opacity: var(--hl-overlay-op);
  }

  .hl__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--hl-section-max);
    margin-inline: auto;
  }

  .hl__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    min-width: 0;
  }

  /* Media — mobile first (imagen arriba) */
  .hl__media {
    order: 1;
    position: relative;
    width: 100%;
    height: var(--hl-mobile-img-h);
    min-height: var(--hl-mobile-img-h);
    overflow: hidden;
    border-radius: var(--hl-img-radius);
    box-shadow: var(--hl-img-shadow);
  }

  .hl__picture,
  .hl__img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .hl__img {
    object-fit: var(--hl-img-fit);
    object-position: var(--hl-img-pos);
  }

  .hl__img--placeholder {
    background: #f0e4e6;
    color: #c9a0a8;
  }

  /* Contenido */
  .hl__content {
    order: 2;
    display: flex;
    min-width: 0;
    padding: var(--hl-content-pad-t-mb) var(--hl-content-pad-x-mb) var(--hl-content-pad-b-mb);
  }

  .hl-sec--h-left .hl__content {
    justify-content: flex-start;
  }

  .hl-sec--h-center .hl__content {
    justify-content: center;
  }

  .hl-sec--h-right .hl__content {
    justify-content: flex-end;
  }

  .hl-sec--h-left .hl__content-inner {
    text-align: left;
  }

  .hl-sec--h-center .hl__content-inner {
    text-align: center;
  }

  .hl-sec--h-right .hl__content-inner {
    text-align: right;
  }

  .hl__content-inner {
    width: 100%;
    max-width: var(--hl-content-max);
  }

  .hl__badge {
    display: inline-flex;
    align-items: center;
    margin: 0 0 var(--hl-badge-mb);
    padding: var(--hl-badge-pad-y) var(--hl-badge-pad-x);
    background: var(--hl-badge-bg);
    color: var(--hl-badge-color);
    border-radius: var(--hl-badge-radius);
    font-family: var(--hl-badge-ff);
    font-size: var(--hl-badge-fs);
    font-weight: var(--hl-badge-fw);
    line-height: 1.3;
  }

  .hl__title {
    margin: 0 0 var(--hl-title-mb);
    color: var(--hl-title-color);
    font-family: var(--hl-title-ff);
    font-size: var(--hl-title-fs-mb);
    font-weight: var(--hl-title-fw);
    line-height: var(--hl-title-lh);
    letter-spacing: var(--hl-title-ls);
  }

  .hl__desc {
    max-width: var(--hl-desc-max);
    margin: 0 0 var(--hl-desc-mb);
    color: var(--hl-desc-color);
    font-family: var(--hl-desc-ff);
    font-size: var(--hl-desc-fs-mb);
    font-weight: var(--hl-desc-fw);
    line-height: var(--hl-desc-lh);
  }

  .hl-sec--h-center .hl__desc {
    margin-inline: auto;
  }

  .hl-sec--h-right .hl__desc {
    margin-left: auto;
  }

  .hl__desc p {
    margin: 0;
  }

  .hl__desc p + p {
    margin-top: 0.75em;
  }

  /* Botones */
  .hl__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--hl-btn-gap);
    margin: 0 0 var(--hl-btn-mb);
  }

  .hl-sec--btn-left .hl__actions {
    justify-content: flex-start;
  }

  .hl-sec--btn-center .hl__actions {
    justify-content: center;
  }

  .hl-sec--btn-right .hl__actions {
    justify-content: flex-end;
  }

  .hl__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    border: 1.5px solid transparent;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
  }

  .hl-sec--btn-mw-full .hl__btn {
    width: 100%;
  }

  .hl__btn--1 {
    background: var(--hl-btn1-bg);
    color: var(--hl-btn1-color);
    border-color: var(--hl-btn1-border);
    border-radius: var(--hl-btn1-radius);
    padding: var(--hl-btn1-pad-y) var(--hl-btn1-pad-x);
    font-family: var(--hl-btn1-ff);
    font-size: var(--hl-btn1-fs);
    font-weight: var(--hl-btn1-fw);
  }

  .hl__btn--1:hover {
    background: var(--hl-btn1-hover-bg);
    color: var(--hl-btn1-hover-color);
  }

  .hl__btn--2 {
    background: var(--hl-btn2-bg);
    color: var(--hl-btn2-color);
    border-color: var(--hl-btn2-border);
    border-radius: var(--hl-btn2-radius);
    padding: var(--hl-btn2-pad-y) var(--hl-btn2-pad-x);
    font-family: var(--hl-btn2-ff);
    font-size: var(--hl-btn2-fs);
    font-weight: var(--hl-btn2-fw);
  }

  .hl__btn--2:hover {
    background: var(--hl-btn2-hover-bg);
    color: var(--hl-btn2-hover-color);
  }

  .hl__btn-icon {
    display: inline-flex;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    object-fit: contain;
  }

  .hl__btn-icon--svg svg {
    display: block;
    width: 18px;
    height: 18px;
  }

  /* Beneficios (chips) */
  .hl__benefits {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--hl-ben-gap);
  }

  .hl-sec--ben-left .hl__benefits {
    justify-content: flex-start;
  }

  .hl-sec--ben-center .hl__benefits {
    justify-content: center;
  }

  .hl-sec--ben-right .hl__benefits {
    justify-content: flex-end;
  }

  .hl__benefit {
    display: inline-flex;
    align-items: center;
    gap: var(--hl-ben-gap-inner, 8px);
    padding: var(--hl-ben-pad-y, 8px) var(--hl-ben-pad-x, 14px);
    background: var(--hl-ben-bg, #f5f0f0);
    color: var(--hl-ben-color, #5c1a2e);
    border-radius: var(--hl-ben-radius, 999px);
    font-family: var(--hl-ben-ff);
    font-size: var(--hl-ben-fs);
    font-weight: var(--hl-ben-fw);
    line-height: 1.3;
    max-width: 100%;
  }

  .hl__benefit-text {
    min-width: 0;
  }

  .hl__benefit-icon,
  .hl__benefit-icon-img {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--hl-ben-icon, currentColor);
    width: 16px;
    height: 16px;
  }

  .hl__benefit-icon svg {
    display: block;
    width: 14px;
    height: 14px;
  }

  .hl__benefit-icon-img {
    object-fit: contain;
  }

  /* ——— Animaciones ——— */
  .hl-sec--animate .hl__content-inner,
  .hl-sec--animate .hl__media {
    opacity: 0;
    transition:
      opacity var(--hl-anim-dur) ease var(--hl-anim-delay),
      transform var(--hl-anim-dur) ease var(--hl-anim-delay);
  }

  .hl-sec--fade-up .hl__content-inner,
  .hl-sec--fade-up .hl__media {
    transform: translateY(28px);
  }

  .hl-sec--fade-left .hl__content-inner,
  .hl-sec--fade-left .hl__media {
    transform: translateX(-28px);
  }

  .hl-sec--fade-right .hl__content-inner,
  .hl-sec--fade-right .hl__media {
    transform: translateX(28px);
  }

  .hl-sec--fade-in .hl__content-inner,
  .hl-sec--fade-in .hl__media {
    transform: none;
  }

  .hl-sec--animate.hl-sec--in-view .hl__content-inner,
  .hl-sec--animate.hl-sec--in-view .hl__media {
    opacity: 1;
    transform: none;
  }

  .hl-sec--animate .hl__media {
    transition-delay: calc(var(--hl-anim-delay) + 80ms);
  }

  @media (prefers-reduced-motion: reduce) {
    .hl-sec--animate .hl__content-inner,
    .hl-sec--animate .hl__media {
      opacity: 1;
      transform: none;
      transition: none;
    }
  }

  /* ——— Tablet ——— */
  @media only screen and (min-width: 768px) {
    .hl-sec {
      padding-top: var(--hl-pt-tb);
      padding-bottom: var(--hl-pb-tb);
    }

    .hl__grid {
      grid-template-columns: 1fr 1fr;
      column-gap: var(--hl-col-gap);
      min-height: var(--hl-min-h);
      align-items: stretch;
    }

    .hl__media {
      order: 2;
      height: 100%;
      min-height: var(--hl-min-h);
      align-self: stretch;
      border-radius: var(--hl-img-radius);
    }

    .hl__picture {
      position: absolute;
      inset: 0;
    }

    .hl__img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }

    .hl__content {
      order: 1;
      padding: var(--hl-content-pad-t) var(--hl-content-pad-x) var(--hl-content-pad-b);
    }

    .hl-sec--v-center .hl__content {
      align-items: center;
    }

    .hl-sec--v-top .hl__content {
      align-items: flex-start;
    }

    .hl-sec--v-bottom .hl__content {
      align-items: flex-end;
    }

    .hl__title {
      font-size: var(--hl-title-fs-tb);
    }

    .hl__desc {
      font-size: var(--hl-desc-fs-tb);
    }

    .hl-sec--btn-mw-full .hl__btn {
      width: auto;
    }
  }

  /* ——— Desktop ——— */
  @media only screen and (min-width: 1025px) {
    .hl-sec {
      padding-top: var(--hl-pt);
      padding-bottom: var(--hl-pb);
    }

    .hl__title {
      font-size: var(--hl-title-fs);
    }

    .hl__desc {
      font-size: var(--hl-desc-fs);
    }
  }

  /* Small phones */
  @media only screen and (max-width: 374px) {
    .hl__btn {
      white-space: normal;
      text-align: center;
    }
  }
/* END_SECTION:hero-landing */

/* START_SECTION:image-hotspot-slider (INDEX:44) */
.hotspot-slider__carousel {
  --hs-card-width: 140px;
  overflow: hidden;
}
.hotspot-slider__swiper.swiper,
.hotspot-slider__swiper .swiper-wrapper {
  overflow: visible;
}
.hotspot-slide.swiper-slide {
  overflow: visible;
}
.hotspot-slide.gitem {
  height: auto;
}
.hotspot-slide__image-wrapper {
  position: relative;
  display: block;
  width: 100%;
  line-height: 0;
  overflow: visible;
  container-type: inline-size;
}
.hotspot-slide__image {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: top;
}
.hotspot-slide__image--placeholder {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  background: #f5f5f5;
}

/* Hotspot trigger */
.hotspot {
  position: absolute;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.hotspot--active {
  z-index: 10;
  overflow: visible;
}
.hotspot__trigger {
  position: relative;
  display: block;
  width: var(--hs-trigger-size, 20px);
  height: var(--hs-trigger-size, 20px);
  padding: 0;
  margin: 0;
  border: 2px solid var(--hs-accent-soft, rgba(185, 34, 83, 0.55));
  border-radius: 50%;
  background: var(--hs-trigger-bg, rgba(255, 255, 255, 0.42));
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: 0 0 0 0 rgba(185, 34, 83, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hotspot__trigger::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--hs-trigger-size, 20px);
  height: var(--hs-trigger-size, 20px);
  margin: calc(var(--hs-trigger-size, 20px) / -2) 0 0 calc(var(--hs-trigger-size, 20px) / -2);
  border-radius: 50%;
  border: 1px solid var(--hs-accent-soft, rgba(185, 34, 83, 0.55));
  opacity: 0.35;
  animation: hotspot-pulse 2s ease-out infinite;
  pointer-events: none;
}
.hotspot__trigger::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--hs-trigger-dot-size, 5px);
  height: var(--hs-trigger-dot-size, 5px);
  margin: calc(var(--hs-trigger-dot-size, 5px) / -2) 0 0 calc(var(--hs-trigger-dot-size, 5px) / -2);
  border-radius: 50%;
  background: var(--hs-trigger-dot, rgba(255, 255, 255, 0.75));
  pointer-events: none;
}
.hotspot__trigger:hover,
.hotspot__trigger:focus-visible,
.hotspot--active .hotspot__trigger {
  transform: scale(1.05);
  box-shadow: 0 0 0 4px rgba(185, 34, 83, 0.1);
  outline: none;
}
.hotspot__trigger:focus-visible {
  outline: 2px solid var(--hs-accent-soft, rgba(185, 34, 83, 0.55));
  outline-offset: 3px;
}

@keyframes hotspot-pulse {
  0% {
    transform: scale(1);
    opacity: 0.45;
  }
  70% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

/* Product card popup */
.hotspot-card {
  position: absolute;
  bottom: calc(100% + 14px);
  left: 50%;
  z-index: 20;
  width: min(var(--hs-card-width), 92cqw);
  max-width: 92cqw;
  background: transparent;
  line-height: 1.4;
  overflow: visible;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) scale(0.95);
  transform-origin: center center;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}
.hotspot-card--open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) scale(1);
  z-index: 30;
}
.hotspot-card--below {
  bottom: auto;
  top: calc(100% + 14px);
}
.hotspot-card--left.hotspot-card--open {
  left: 0;
  transform: translateX(0) scale(1);
}
.hotspot-card--right.hotspot-card--open {
  left: auto;
  right: 0;
  transform: translateX(0) scale(1);
}
.hotspot-card .grid_bx {
  height: auto;
  width: 100%;
  margin: 0;
  line-height: 1.4;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.hotspot-card .grid_bx .gbtn {
  visibility: visible;
  opacity: 1;
}
.hotspot-card .grid_5 .grid_img_wr,
.hotspot-card .grid_5 .grid-img-carousel,
.hotspot-card .grid_5 .grid-img-carousel__viewport,
.hotspot-card .grid_5 .grid_img,
.hotspot-card .grid_5 .variantImg {
  border-radius: 10px;
  overflow: hidden;
}
.hotspot-card .grid5-bottom {
  display: block !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  width: auto;
  visibility: visible;
  opacity: 1;
}
.hotspot-card .grid_img {
  padding-bottom: 118%;
  background-size: cover;
  background-position: center;
}
.hotspot-card .grid5-bottom .gbtn {
  margin: 0;
  width: 100%;
  height: 26px;
  min-height: 0;
  padding: 0 8px;
  font-size: 10px;
  line-height: 1;
  border-radius: var(--hs-btn-radius, 20px) !important;
}
.hotspot-card .grid_bx .details {
  padding-top: 6px;
  line-height: 1.25;
}
.hotspot-card .grid_bx .details .grid_title,
.hotspot-card .grid_bx .details .grid_title a {
  font-size: 11px;
  line-height: 1.25;
  margin: 0;
}
.hotspot-card .grid_bx .details .grid_meta,
.hotspot-card .grid_bx .details .grid_meta .price,
.hotspot-card .grid_bx .details .grid_meta .money {
  font-size: 10px;
  line-height: 1.2;
  margin: 2px 0 0;
}
.hotspot-card .grid_bx .details .grid_vendor,
.hotspot-card .grid_bx .details .pr_review {
  font-size: 9px;
  margin: 0 0 2px;
}
.hotspot-card .grid_bx .details .button-set.button-set--mobile {
  display: none !important;
}

/* Carousel arrows override */
.hotspot-slider .swarw {
  background-color: var(--arwbg);
  color: var(--arw);
}
.hotspot-slider .swiper-pagination {
  position: relative;
  bottom: auto;
  margin-top: 20px;
}

@media (max-width: 766px) {
  .hotspot-slider__carousel {
    --hs-card-width: 122px;
    --hs-trigger-size: 18px;
    --hs-trigger-dot-size: 4px;
    overflow-x: clip;
  }
}
/* END_SECTION:image-hotspot-slider */

/* START_SECTION:local-explore (INDEX:50) */
.lex-sec {
    position: relative;
    background-color: var(--lex-bg);
    background-image: var(--lex-bg-image);
    background-size: cover;
    background-position: center;
    border-radius: var(--lex-radius);
    padding: var(--lex-pt-mb) 0 var(--lex-pb-mb);
    overflow: hidden;
    box-sizing: border-box;
  }

  .lex-sec *,
  .lex-sec *::before,
  .lex-sec *::after {
    box-sizing: border-box;
  }

  .lex__outer {
    width: 100%;
    max-width: 100%;
  }

  .lex-sec--full .lex__outer {
    max-width: none;
  }

  .lex__inner {
    width: 100%;
    max-width: var(--lex-max);
    margin-inline: auto;
    padding-inline: var(--lex-px-mb);
  }

  .lex-sec--full .lex__inner {
    padding-inline: var(--lex-px-mb);
  }

  .lex__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
    min-width: 0;
  }

  .lex__media,
  .lex__content {
    min-width: 0;
    width: 100%;
  }

  .lex__figure {
    position: relative;
    margin: 0;
    width: 100%;
    overflow: hidden;
    border-radius: var(--lex-img-radius);
  }

  .lex__img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: var(--lex-img-radius);
  }

  .lex__img--mobile {
    display: none;
  }

  .lex__placeholder {
    background: #f3e6ea;
  }

  .lex__overlay {
    position: absolute;
    inset: 0;
    background: var(--lex-overlay);
    opacity: var(--lex-overlay-op);
    border-radius: var(--lex-img-radius);
    pointer-events: none;
    z-index: 1;
  }

  .lex__badge {
    position: absolute;
    z-index: 2;
    display: inline-block;
    max-width: calc(100% - 24px);
    padding: var(--lex-badge-pad-y) var(--lex-badge-pad-x);
    background: var(--lex-badge-bg);
    color: var(--lex-badge-color);
    border-radius: var(--lex-badge-radius);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
  }

  .lex__badge--top-left {
    top: 12px;
    left: 12px;
  }

  .lex__badge--top-right {
    top: 12px;
    right: 12px;
  }

  .lex__badge--bottom-left {
    bottom: 12px;
    left: 12px;
  }

  .lex__badge--bottom-right {
    bottom: 12px;
    right: 12px;
  }

  .lex__content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .lex__eyebrow {
    margin: 0 0 var(--lex-eyebrow-mb);
    font-size: var(--lex-eyebrow-fs);
    font-weight: var(--lex-eyebrow-fw);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--lex-eyebrow-color);
    line-height: 1.3;
  }

  .lex__heading {
    margin: 0 0 var(--lex-heading-mb);
    max-width: var(--lex-heading-max);
    font-size: var(--lex-heading-fs-mb);
    font-weight: var(--lex-heading-fw);
    color: var(--lex-heading-color);
    line-height: var(--lex-heading-lh);
  }

  .lex__desc {
    margin: 0 0 var(--lex-desc-mb);
    font-size: var(--lex-desc-fs-mb);
    color: var(--lex-desc-color);
    line-height: 1.6;
  }

  .lex__desc p {
    margin: 0;
  }

  .lex__desc p + p {
    margin-top: 0.75em;
  }

  .lex__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--lex-cards-gap);
    margin: 0 0 var(--lex-cards-mb);
    width: 100%;
  }

  .lex__card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: var(--lex-card-pad);
    background: var(--lex-card-bg);
    border-radius: var(--lex-card-radius);
    border: 0 solid transparent;
    text-decoration: none;
    color: inherit;
    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease,
      filter 0.25s ease;
    min-width: 0;
  }

  .lex__card--border {
    border: 1px solid var(--lex-card-border);
  }

  .lex__card--shadow {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  }

  .lex__card--hover:hover {
    transform: translateY(-3px);
    filter: brightness(0.98);
  }

  .lex__card--link:focus-visible {
    outline: 2px solid var(--lex-btn1-bg, #c2185b);
    outline-offset: 2px;
  }

  .lex__card-media {
    width: 100%;
    overflow: hidden;
    border-radius: calc(var(--lex-card-radius) * 0.5);
  }

  .lex__card-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .lex__card-icon {
    display: block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
  }

  .lex__card-icon-img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
  }

  .lex__card-body {
    min-width: 0;
  }

  .lex__card-title {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: var(--lex-card-title);
    line-height: 1.3;
  }

  .lex__card-text {
    margin: 0;
    font-size: 13px;
    color: var(--lex-card-text);
    line-height: 1.45;
  }

  .lex__actions {
    display: flex;
    flex-direction: column;
    gap: var(--lex-btn-gap);
    width: 100%;
  }

  .lex__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition:
      background-color 0.25s ease,
      color 0.25s ease,
      border-color 0.25s ease;
    width: 100%;
  }

  .lex__btn:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
  }

  .lex__btn--1 {
    padding: var(--lex-btn1-pad-y) var(--lex-btn1-pad-x);
    background: var(--lex-btn1-bg);
    color: var(--lex-btn1-color);
    border: 1px solid var(--lex-btn1-bg);
    border-radius: var(--lex-btn1-radius);
  }

  .lex__btn--1:hover {
    background: var(--lex-btn1-hover-bg);
    border-color: var(--lex-btn1-hover-bg);
    color: var(--lex-btn1-hover-color);
  }

  .lex__btn--2 {
    padding: var(--lex-btn2-pad-y) var(--lex-btn2-pad-x);
    background: var(--lex-btn2-bg);
    color: var(--lex-btn2-color);
    border: 1px solid var(--lex-btn2-border);
    border-radius: var(--lex-btn2-radius);
  }

  .lex__btn--2:hover {
    background: var(--lex-btn2-hover-bg);
    border-color: var(--lex-btn2-hover-bg);
    color: var(--lex-btn2-hover-color);
  }

  /* Animaciones */
  .lex-sec--animate .lex__media,
  .lex-sec--animate .lex__content {
    opacity: 0;
    transition:
      opacity var(--lex-anim-dur) ease var(--lex-anim-delay),
      transform var(--lex-anim-dur) ease var(--lex-anim-delay);
  }

  .lex-sec--fade-in .lex__media,
  .lex-sec--fade-in .lex__content {
    transform: none;
  }

  .lex-sec--slide-up .lex__media,
  .lex-sec--slide-up .lex__content {
    transform: translateY(28px);
  }

  .lex-sec--slide-left .lex__media,
  .lex-sec--slide-left .lex__content {
    transform: translateX(28px);
  }

  .lex-sec--slide-right .lex__media,
  .lex-sec--slide-right .lex__content {
    transform: translateX(-28px);
  }

  .lex-sec--animate.lex-sec--in-view .lex__media,
  .lex-sec--animate.lex-sec--in-view .lex__content {
    opacity: 1;
    transform: none;
  }

  .lex-sec--animate .lex__content {
    transition-delay: calc(var(--lex-anim-delay) + 80ms);
  }

  @media (prefers-reduced-motion: reduce) {
    .lex-sec--animate .lex__media,
    .lex-sec--animate .lex__content {
      opacity: 1;
      transform: none;
      transition: none;
    }
  }

  /* Tablet + Desktop */
  @media only screen and (min-width: 768px) {
    .lex-sec {
      padding: var(--lex-pt) 0 var(--lex-pb);
    }

    .lex__inner {
      padding-inline: var(--lex-px);
    }

    .lex__grid {
      grid-template-columns: var(--lex-col-left) var(--lex-col-right);
      column-gap: var(--lex-col-gap);
      align-items: center;
    }

    .lex__heading {
      font-size: var(--lex-heading-fs);
    }

    .lex__desc {
      font-size: var(--lex-desc-fs);
    }

    .lex__cards {
      grid-template-columns: repeat(2, 1fr);
    }

    .lex__actions {
      flex-direction: row;
      flex-wrap: wrap;
      width: auto;
    }

    .lex__btn {
      width: auto;
    }

    .lex__badge--top-left {
      top: 16px;
      left: 16px;
    }

    .lex__badge--top-right {
      top: 16px;
      right: 16px;
    }

    .lex__badge--bottom-left {
      bottom: 16px;
      left: 16px;
    }

    .lex__badge--bottom-right {
      bottom: 16px;
      right: 16px;
    }
  }

  @media only screen and (max-width: 767px) {
    .lex__img.has-mobile-alt {
      display: none;
    }

    .lex__img--mobile {
      display: block;
    }
  }
/* END_SECTION:local-explore */

/* START_SECTION:media-cards-carousel (INDEX:69) */
/* ── Media Cards Carousel ── */
.mcc-sec {
  position: relative;
  margin-top: var(--mcc-mt);
  margin-bottom: var(--mcc-mb);
  padding-top: var(--mcc-pt);
  padding-bottom: var(--mcc-pb);
  padding-left: var(--mcc-pl);
  padding-right: var(--mcc-pr);
  min-height: var(--mcc-min-h, auto);
  max-height: var(--mcc-max-h, none);
}

.mcc__bg-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.mcc__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mcc__bg-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--mcc-bg-overlay);
  pointer-events: none;
}

.mcc__outer {
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.mcc__outer--full {
  max-width: none !important;
  padding-left: 0;
  padding-right: 0;
}
.mcc__outer--npd {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mcc__header {
  margin-bottom: 1.5rem;
}
.mcc__header--left { text-align: left; }
.mcc__header--center { text-align: center; }
.mcc__header--right { text-align: right; }
.mcc__title { margin: 0 0 0.5rem; line-height: 1.2; }
.mcc__subtitle { margin: 0; line-height: 1.5; }

.mcc__carousel-wrap {
  position: relative;
}

/* Carrusel */
.mcc__swiper {
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
}
.mcc--height-fixed .mcc__swiper {
  height: var(--mcc-height-dt);
}
.mcc--height-adaptive .mcc__swiper {
  height: auto;
  min-height: var(--mcc-height-dt);
}

.mcc__slide {
  height: auto;
  box-sizing: border-box;
}
.mcc--height-fixed .mcc__slide,
.mcc--height-fixed .mcc__card,
.mcc--height-fixed .mcc__card-link {
  height: 100%;
}

/* Ancho pre-Swiper para evitar CLS (full-width → slidesPerView) */
.mcc__swiper:not(.swiper-initialized) .mcc__slide {
  flex-shrink: 0;
  width: calc((100% - var(--mcc-gap-mb) * (var(--mcc-slides-mb) - 1)) / var(--mcc-slides-mb));
  margin-right: var(--mcc-gap-mb);
  box-sizing: border-box;
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .mcc__swiper:not(.swiper-initialized) .mcc__slide {
    width: calc((100% - var(--mcc-gap-tb) * (var(--mcc-slides-tb) - 1)) / var(--mcc-slides-tb));
    margin-right: var(--mcc-gap-tb);
  }
}
@media only screen and (min-width: 1025px) {
  .mcc__swiper:not(.swiper-initialized) .mcc__slide {
    width: calc((100% - var(--mcc-gap-dt) * (var(--mcc-slides-dt) - 1)) / var(--mcc-slides-dt));
    margin-right: var(--mcc-gap-dt);
  }
}

.mcc__card {
  position: relative;
  height: 100%;
  background: var(--mcc-card-bg);
  border: var(--mcc-card-border);
  border-radius: var(--mcc-block-radius, var(--mcc-radius-dt));
  box-shadow: 0 4px var(--mcc-card-shadow-blur) var(--mcc-card-shadow);
  transition: transform var(--mcc-transition) ease, box-shadow var(--mcc-transition) ease;
  padding: var(--mcc-block-pad);
}
.mcc__card--clip { overflow: hidden; }
.mcc__card--hover:hover {
  transform: scale(var(--mcc-hover-scale));
}

.mcc__card-link {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.mcc__media {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: var(--mcc-block-align, center);
  overflow: hidden;
  border-radius: inherit;
  background-color: var(--rr-skel-base, #e5e5e5);
}
.mcc:not(.mcc--ready) .mcc__media,
.mcc__media.mcc__media--loading {
  animation: rr-skeleton-pulse var(--rr-skel-duration, 1.4s) ease-in-out infinite;
}
.mcc.mcc--ready .mcc__media:not(.mcc__media--loading) {
  animation: none;
  background-color: transparent;
}
.mcc--height-fixed .mcc__media {
  height: 100%;
  min-height: var(--mcc-height-dt);
}
.mcc--height-adaptive .mcc__media {
  aspect-ratio: 3 / 4;
  min-height: 200px;
}

.mcc__img,
.mcc__video,
.mcc__iframe-wrap,
.mcc__placeholder {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.mcc__img--mb { display: none; }

.mcc__media--image .mcc__img {
  opacity: 0;
  transition: transform var(--mcc-transition) ease, opacity var(--mcc-transition) ease;
}
.mcc__media--image .mcc__img.mcc__img--loaded {
  opacity: 1;
}
.mcc__media--image:hover .mcc__img.mcc__img--loaded {
  transform: scale(var(--mcc-block-hover-zoom, 1));
  opacity: var(--mcc-block-hover-opacity, 1);
}

/* Con link: el video no captura clics (evita pause nativo; navega el <a>) */
.mcc__media--video[data-mcc-has-link="true"] .mcc__video,
.mcc__media--video[data-mcc-has-link="true"] .mcc__iframe,
.mcc__media--video[data-mcc-has-link="true"] .mcc__iframe-wrap {
  pointer-events: none;
}

.mcc__overlay {
  position: absolute;
  inset: 0;
  background: var(--mcc-block-overlay, transparent);
  pointer-events: none;
  border-radius: inherit;
  z-index: 2;
}

.mcc__iframe-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.mcc__iframe-wrap .mcc__iframe,
.mcc__iframe-wrap .mcc__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}
.mcc__video {
  object-fit: cover;
}

/* Sin capa GPU extra: translateZ/backface empeoran el hairline */
.mcc__media--video {
  overflow: hidden;
  /* Recorta el pelo de 1px del compositor en todos los bordes */
  clip-path: inset(1px);
  -webkit-clip-path: inset(1px);
}
.mcc__media--video .mcc__video {
  position: absolute;
  /* Oversize sin transform (evita nueva capa de composición) */
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  max-width: none;
  object-fit: cover;
  background: transparent;
}

.mcc__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  line-height: 0;
}
.mcc__play-btn[hidden] { display: none; }

.mcc__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f4f4;
  min-height: 200px;
}
.mcc__placeholder svg { width: 60%; height: auto; opacity: 0.35; }

/* Flechas */
.mcc__arrow {
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  width: var(--mcc-arrow-size-dt);
  height: var(--mcc-arrow-size-dt);
  border-radius: var(--mcc-arrow-radius);
  background: var(--mcc-arrow-bg);
  color: var(--mcc-arrow-color);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: opacity 0.2s ease;
}
.mcc__arrow--prev { left: 12px; }
.mcc__arrow--next { right: 12px; }
.mcc__carousel-wrap--arrows-outside .mcc__arrow--prev { left: -20px; transform: translate(-100%, -50%); }
.mcc__carousel-wrap--arrows-outside .mcc__arrow--next { right: -20px; transform: translate(100%, -50%); }
.mcc__carousel-wrap--arrows-center .mcc__arrow--prev { left: 50%; transform: translate(calc(-50% - 40px), -50%); }
.mcc__carousel-wrap--arrows-center .mcc__arrow--next { left: 50%; right: auto; transform: translate(calc(-50% + 40px), -50%); }
.mcc__arrow.swiper-button-disabled { opacity: 0.35; pointer-events: none; }
.mcc__arrow--hide-dt { display: none; }

/* Paginación */
.mcc__pagination {
  position: relative;
  margin-top: 16px;
  text-align: center;
}
.mcc__pagination .swiper-pagination-bullet {
  background: var(--mcc-dot-inactive);
  opacity: 1;
}
.mcc__pagination .swiper-pagination-bullet-active {
  background: var(--mcc-dot-active);
}
.mcc__pagination--fraction {
  font-size: 14px;
  color: var(--mcc-dot-active);
}
.mcc__pagination--progressbar {
  height: 4px;
  background: var(--mcc-dot-inactive);
}
.mcc__pagination--progressbar .swiper-pagination-progressbar-fill {
  background: var(--mcc-dot-active);
}
.mcc__pagination--hide-dt { display: none; }

/* Tablet */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .mcc-sec {
    padding-top: var(--mcc-pt-tb);
    padding-bottom: var(--mcc-pb-tb);
    padding-left: var(--mcc-pl-tb);
    padding-right: var(--mcc-pr-tb);
  }
  .mcc--height-fixed .mcc__swiper { height: var(--mcc-height-tb); }
  .mcc--height-adaptive .mcc__swiper { min-height: var(--mcc-height-tb); }
  .mcc--height-fixed .mcc__media { min-height: var(--mcc-height-tb); }
  .mcc__card { border-radius: var(--mcc-block-radius, var(--mcc-radius-tb)); }
}

/* Mobile */
@media only screen and (max-width: 766px) {
  .mcc-sec {
    padding-top: var(--mcc-pt-mb);
    padding-bottom: var(--mcc-pb-mb);
    padding-left: var(--mcc-pl-mb);
    padding-right: var(--mcc-pr-mb);
  }
  .mcc--height-fixed .mcc__swiper { height: var(--mcc-height-mb); }
  .mcc--height-adaptive .mcc__swiper { min-height: var(--mcc-height-mb); }
  .mcc--height-fixed .mcc__media { min-height: var(--mcc-height-mb); }
  .mcc__card { border-radius: var(--mcc-block-radius, var(--mcc-radius-mb)); }
  .mcc__img--dt { display: none; }
  .mcc__img--mb { display: block; }
  .mcc__arrow {
    width: var(--mcc-arrow-size-mb);
    height: var(--mcc-arrow-size-mb);
  }
  .mcc__arrow--hide-dt { display: flex; }
  .mcc__arrow--hide-mb { display: none !important; }
  .mcc__pagination--hide-dt { display: block; }
  .mcc__pagination--hide-mb { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .mcc__card,
  .mcc__media--image .mcc__img {
    transition: none;
  }
  .mcc__card--hover:hover { transform: none; }
  .mcc:not(.mcc--ready) .mcc__media,
  .mcc__media.mcc__media--loading {
    animation: none;
  }
}
/* END_SECTION:media-cards-carousel */

/* START_SECTION:shop-the-look-carousel (INDEX:94) */
.shopLookCarousel .grid_bx,
.shopLookCarousel .grid_bx .details,
.shopLookCarousel .grid_lnk {
  text-align: {{ stl_grid_text_align }};
}
.shopLookCarousel .grid-img-carousel__arrow {
  display: none;
}
.shop-the-look {
  gap: 1.25rem;
  align-items: flex-start;
}
.stl-look-frame {
  border-radius: var(--irad, 0);
  line-height: 0;
}
.stl-look-img {
  height: auto;
  vertical-align: top;
}
.stl-image-container {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.stl-carousel-col {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  padding-top: var(--stl-col-pt-m, 0);
  padding-bottom: var(--stl-col-pb-m, 0);
}
.shopLookCarousel .stl-sec-heading {
  margin-bottom: 20px;
}
.shopLookCarousel .stl-sec-heading .sec-ttl {
  padding-bottom: 12px;
  white-space: nowrap;
}
.shopLookCarousel .stl-sec-heading--mobile {
  width: 100%;
  margin-bottom: 12px;
}
.shopLookCarousel .stl-sec-heading--mobile .sec-ttl {
  white-space: normal;
  padding-bottom: 0;
}
@media (min-width: 767px) {
  .shopLookCarousel .stl-sec-heading--mobile {
    display: none;
  }
}
.shopLookCarousel .stl-carousel-col > .arwOut {
  width: 100%;
  max-width: none !important;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.shopLookCarousel .swarw {
  color: #b92253;
  background-color: #fff;
  border: 1px solid rgba(185, 34, 83, 0.35);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  opacity: 1 !important;
}
.shopLookCarousel .swarw:hover {
  color: #fff;
  background-color: #b92253;
  border-color: #b92253;
  opacity: 1 !important;
}
@media (min-width: 767px) {
  .shopLookCarousel .shop-the-look.gridcb {
    align-items: center;
  }
  .shopLookCarousel .stl-image-container {
    display: flex;
    align-self: center;
  }
  .shopLookCarousel .stl-look-frame {
    width: 100%;
    max-height: 450px;
    position: relative;
    border-radius: 16px;
  }
  .shopLookCarousel .grid5-bottom .gbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-height: 32px;
    font-size: 12px;
    line-height: 1.2;
    padding-top: 0;
    padding-bottom: 0;
  }
  .shopLookCarousel .grid5-wishlist .gbtn .at-icon {
    width: 15px;
    height: 15px;
  }
  .shopLookCarousel .stl-look-img,
  .shopLookCarousel .stl-look-frame .placeholder-svg {
    width: 100%;
    max-height: 450px;
    height: auto;
    object-fit: cover;
    display: block;
  }
  .shopLookCarousel .stl-carousel-col {
    padding-top: var(--stl-col-pt, 0);
    padding-bottom: var(--stl-col-pb, 0);
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .shopLookCarousel .gridcb .arwOut {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .shopLookCarousel .stl-carousel-col > .arwOut {
    width: 86%;
    overflow: visible;
  }
  .shopLookCarousel .stl-carousel-col > .arwOut .swiper-button-prev {
    left: -44px;
    right: auto;
  }
  .shopLookCarousel .stl-carousel-col > .arwOut .swiper-button-next {
    right: -44px;
    left: auto;
  }
  .shopLookCarousel .swarw {
    opacity: 1 !important;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  .shop-the-look.gridcb > .stl-image-container,
  .shop-the-look.gridcb > .stl-carousel-col {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
  }
}
.stl-hotspot {
  position: absolute;
  top: var(--stl-top-m, 50%);
  left: var(--stl-left-m, 50%);
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: 2px solid #fff;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
  z-index: 2;
  appearance: none;
  -webkit-appearance: none;
  transition: transform 0.2s ease, border-width 0.2s ease, box-shadow 0.2s ease;
}
.stl-hotspot::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  background: #fff;
  border-radius: 50%;
  pointer-events: none;
}
.stl-hotspot:focus {
  outline: none;
}
.stl-hotspot:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
.stl-hotspot--active {
  border-width: 3px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35), 0 0 14px rgba(255, 255, 255, 0.55);
  transform: translate(-50%, -50%) scale(1.06);
}
@media (min-width: 767px) {
  .stl-hotspot {
    top: var(--stl-top, 50%);
    left: var(--stl-left, 50%);
  }
}
{% if carousel_peek %}
@media (max-width: 766px) {
  .shopLookCarousel #swp{{ section.id }}.stl-swiper-peek.swiper .swiper-slide.gitem {
    width: {% if peek_mobile %}var(--stl-slide-pct, 82%){% else %}100%{% endif %} !important;
    max-width: {% if peek_mobile %}var(--stl-slide-max, 400px){% else %}none{% endif %};
    box-sizing: border-box;
  }
}
@media (min-width: 767px) {
  .shopLookCarousel #swp{{ section.id }}.stl-swiper-peek.swiper .swiper-slide.gitem {
    max-width: none;
    box-sizing: border-box;
  }
  .shopLookCarousel #swp{{ section.id }}.stl-swiper-peek.grid {
    margin-left: 0;
    margin-right: 0;
  }
  .shopLookCarousel #swp{{ section.id }}.stl-swiper-peek.swiper {
    overflow: hidden;
  }
}
{% endif %}

@media (max-width: 766px) {
  .shopLookCarousel .stl-carousel-col {
    display: none;
  }
}

.stl-mobile-popup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 700;
}
.stl-mobile-popup.is-open {
  display: block;
}
.stl-mobile-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.stl-mobile-popup__panel {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 92%;
  max-width: 360px;
  background: #fff;
  border-radius: 30px;
  padding: 32px 18px 36px;
  box-sizing: border-box;
  overflow: hidden;
}
.stl-mobile-popup__swiper.swiper {
  overflow: hidden;
  width: 100%;
}
.stl-mobile-popup__swiper .swiper-slide {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.stl-mobile-popup.is-open:not(.is-positioned) {
  visibility: hidden;
}
.stl-mobile-popup .grid_img_wr,
.stl-mobile-popup .grid_bx .details,
.stl-mobile-popup .grid_meta,
.stl-mobile-popup .grid_meta .price {
  overflow: visible;
}
.stl-mobile-popup .grid5-topright {
  z-index: 6;
}
.stl-mobile-popup .pr_lbl .lbl.on-sale:not(.hide),
.stl-mobile-popup s.pr_price,
.stl-mobile-popup .pr_price.sale {
  visibility: visible;
  opacity: 1;
}
body.stl-popup-open {
  overflow: hidden;
}
@media (min-width: 767px) {
  .stl-mobile-popup {
    display: none !important;
  }
}
/* END_SECTION:shop-the-look-carousel */

/* START_SECTION:video-text-feature (INDEX:107) */
.vtf-sec {
    color: var(--vtf-text);
    background: var(--vtf-bg);
    padding: var(--vtf-pt-mb) var(--vtf-px-mb) var(--vtf-pb-mb);
  }

  .vtf__outer {
    width: 100%;
  }

  .vtf__wrap {
    width: 100%;
    max-width: var(--vtf-max);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--vtf-gap-mb);
    align-items: center;
  }

  .vtf__heading {
    min-width: 0;
    width: 100%;
  }

  .vtf__media {
    min-width: 0;
    width: 100%;
    max-width: var(--vtf-media-max-mb);
    margin: 0 auto;
  }

  .vtf__video {
    position: relative;
    border-radius: var(--vtf-video-radius);
    overflow: hidden;
    box-shadow: var(--vtf-shadow);
    background: #1a1014;
  }

  .vtf__video-el,
  .vtf__poster,
  .vtf__iframe-wrap,
  .vtf__iframe-wrap iframe,
  .vtf__video .vd-wrap,
  .vtf__video .vd-wrap iframe {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
  }

  .vtf__video-el {
    max-width: 100%;
    vertical-align: middle;
  }

  .vtf__iframe-wrap,
  .vtf__video .vd-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
  }

  .vtf__iframe-wrap iframe,
  .vtf__video .vd-wrap iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .vtf__poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .vtf__sound {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    color: #ffffff;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.12s ease;
  }

  .vtf__sound:hover {
    background: rgba(0, 0, 0, 0.65);
  }

  .vtf__sound:active {
    transform: scale(0.92);
  }

  .vtf__sound:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
  }

  .vtf__sound__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
  }

  .vtf__sound__icon[hidden] {
    display: none !important;
  }

  .vtf__sound svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }

  .vtf__mobile-image {
    display: block;
    margin: 0;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border-radius: var(--vtf-image-radius);
  }

  .vtf__mobile-image-el {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--vtf-image-radius);
  }

  .vtf__content {
    min-width: 0;
  }

  .vtf-sec--align-center .vtf__heading,
  .vtf-sec--align-center .vtf__content {
    text-align: center;
  }

  .vtf-sec--align-center .vtf__list {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .vtf__eyebrow {
    margin: 0 0 var(--vtf-gap-eyebrow);
    font-size: var(--vtf-eyebrow-fsm);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--vtf-eyebrow);
    line-height: 1.3;
  }

  .vtf__title {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 520px;
    text-align: center;
    font-size: var(--vtf-title-fsm);
    font-weight: 700;
    line-height: 1.2;
    color: var(--vtf-title);
  }

  .vtf-sec--align-center .vtf__title {
    margin-left: auto;
    margin-right: auto;
  }

  .vtf__desc {
    margin: 0 0 var(--vtf-gap-desc);
    max-width: 480px;
    font-size: var(--vtf-desc-fsm);
    line-height: 1.65;
    color: var(--vtf-desc);
  }

  .vtf__desc p {
    margin: 0;
  }

  .vtf__desc p + p {
    margin-top: 0.75em;
  }

  .vtf-sec--align-center .vtf__desc {
    margin-left: auto;
    margin-right: auto;
  }

  .vtf__list {
    list-style: none;
    margin: 0 0 var(--vtf-gap-list);
    padding: 0;
  }

  .vtf__item {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0 0 var(--vtf-bullet-gap);
    font-size: var(--vtf-benefit-fsm);
    color: var(--vtf-benefit);
    line-height: 1.4;
  }

  .vtf__item:last-child {
    margin-bottom: 0;
  }

  .vtf__item::before {
    content: '';
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--vtf-bullet);
  }

  .vtf__rt {
    --vtf-rt-ta: left;
    --vtf-rt-ml: 0;
    --vtf-rt-mr: auto;
    --vtf-rt-num-w: 1.5em;
    --_mk: var(--vtf-rt-mk);
    max-width: var(--vtf-rt-max);
    margin: var(--vtf-rt-mt) var(--vtf-rt-mr) var(--vtf-rt-mb) var(--vtf-rt-ml);
    font-size: var(--vtf-rt-fsm);
    font-weight: var(--vtf-rt-fw);
    line-height: var(--vtf-rt-lh);
    color: var(--vtf-rt-color);
    text-align: var(--vtf-rt-ta);
  }

  .vtf__rt--m-center {
    --vtf-rt-ta: center;
    --vtf-rt-ml: auto;
    --vtf-rt-mr: auto;
  }

  .vtf__rt--m-right {
    --vtf-rt-ta: right;
    --vtf-rt-ml: auto;
    --vtf-rt-mr: 0;
  }

  .vtf__rt > :first-child {
    margin-top: 0;
  }

  .vtf__rt > :last-child {
    margin-bottom: 0;
  }

  .vtf__rt p {
    margin: 0 0 var(--vtf-rt-pgap);
    font-size: inherit;
    line-height: inherit;
    color: inherit;
  }

  .vtf__rt strong,
  .vtf__rt b {
    font-weight: 700;
    color: var(--vtf-rt-strong);
  }

  .vtf__rt a {
    color: var(--vtf-rt-link);
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .vtf__rt a:hover {
    opacity: 0.8;
  }

  .vtf__rt ul,
  .vtf__rt ol {
    list-style: none;
    width: fit-content;
    max-width: 100%;
    margin: var(--vtf-rt-list-mt) var(--vtf-rt-mr) var(--vtf-rt-list-mb) var(--vtf-rt-ml);
    padding: 0 0 0 var(--vtf-rt-indent);
    text-align: left;
  }

  .vtf__rt li {
    position: relative;
    list-style: none;
    margin: 0 0 var(--vtf-rt-item-gap);
    color: var(--vtf-rt-item);
    font-size: inherit;
    line-height: inherit;
  }

  .vtf__rt li:last-child {
    margin-bottom: 0;
  }

  .vtf__rt li ul,
  .vtf__rt li ol {
    --_mk: calc(var(--vtf-rt-mk) * 0.75);
    width: auto;
    margin: var(--vtf-rt-item-gap) 0 0;
    padding-left: 0;
  }

  .vtf__rt ul > li {
    padding-left: calc(var(--_mk) + var(--vtf-rt-mk-gap));
  }

  .vtf__rt ul > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc((1em * var(--vtf-rt-lh) - var(--_mk)) / 2);
    box-sizing: border-box;
    width: var(--_mk);
    height: var(--_mk);
    border-radius: 50%;
    background: var(--vtf-rt-mk-color);
  }

  .vtf__rt--mk-ring ul > li::before {
    background: transparent;
    border: var(--vtf-rt-mk-stroke) solid var(--vtf-rt-mk-color);
  }

  .vtf__rt--mk-square ul > li::before {
    border-radius: 2px;
  }

  .vtf__rt--mk-diamond ul > li::before {
    border-radius: 1px;
    transform: rotate(45deg) scale(0.75);
  }

  .vtf__rt--mk-check ul > li::before {
    left: calc(var(--_mk) * 0.25);
    top: calc((1em * var(--vtf-rt-lh) - var(--_mk)) / 2 - var(--_mk) * 0.1);
    width: calc(var(--_mk) * 0.5);
    border-radius: 0;
    background: transparent;
    border: solid var(--vtf-rt-mk-color);
    border-width: 0 var(--vtf-rt-mk-stroke) var(--vtf-rt-mk-stroke) 0;
    transform: rotate(45deg);
  }

  .vtf__rt--mk-dash ul > li::before {
    top: calc((1em * var(--vtf-rt-lh) - var(--vtf-rt-mk-stroke)) / 2);
    height: var(--vtf-rt-mk-stroke);
    border-radius: var(--vtf-rt-mk-stroke);
  }

  .vtf__rt--mk-none ul > li {
    padding-left: 0;
  }

  .vtf__rt--mk-none ul > li::before {
    display: none;
  }

  .vtf__rt ol {
    counter-reset: vtf-rt;
  }

  .vtf__rt ol > li {
    counter-increment: vtf-rt;
    padding-left: calc(var(--vtf-rt-num-w) + var(--vtf-rt-mk-gap));
  }

  .vtf__rt ol > li::before {
    content: counter(vtf-rt) '.';
    position: absolute;
    left: 0;
    top: 0;
    min-width: var(--vtf-rt-num-w);
    color: var(--vtf-rt-num-color);
    font-weight: var(--vtf-rt-num-fw);
    font-variant-numeric: tabular-nums;
    line-height: inherit;
  }

  .vtf__rt--num-paren ol > li::before {
    content: counter(vtf-rt) ')';
  }

  .vtf__rt--num-zero {
    --vtf-rt-num-w: 2em;
  }

  .vtf__rt--num-zero ol > li::before {
    content: counter(vtf-rt, decimal-leading-zero) '.';
  }

  .vtf__cta {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: var(--vtf-cta-bg);
    color: var(--vtf-cta-text);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    padding: 14px 28px;
    border-radius: var(--vtf-cta-radius);
    text-decoration: none;
    text-align: center;
    transition: opacity 0.2s ease;
  }

  .vtf__cta:hover {
    opacity: 0.9;
    color: var(--vtf-cta-text);
  }

  @media only screen and (min-width: 801px) {
    .vtf-sec {
      padding: var(--vtf-pt) var(--vtf-px) var(--vtf-pb);
    }

    .vtf__wrap {
      grid-template-columns: var(--vtf-media-w) 1fr;
      grid-template-rows: 1fr auto auto 1fr;
      column-gap: var(--vtf-gap);
      row-gap: 0;
      align-items: stretch;
    }

    .vtf__media {
      grid-column: 1;
      grid-row: 1 / -1;
      max-width: none;
      margin: 0;
      align-self: center;
    }

    .vtf__heading {
      grid-column: 2;
      grid-row: 2;
    }

    .vtf__content {
      grid-column: 2;
      grid-row: 3;
    }

    .vtf__mobile-image {
      display: none !important;
    }

    .vtf__eyebrow {
      font-size: var(--vtf-eyebrow-fs);
    }

    .vtf__title {
      max-width: none;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: var(--vtf-gap-title);
      font-size: var(--vtf-title-fs);
      text-align: left;
    }

    .vtf__desc {
      max-width: none;
      font-size: var(--vtf-desc-fs);
    }

    .vtf__item {
      font-size: var(--vtf-benefit-fs);
    }

    .vtf__rt {
      font-size: var(--vtf-rt-fs);
    }

    .vtf__rt--d-left {
      --vtf-rt-ta: left;
      --vtf-rt-ml: 0;
      --vtf-rt-mr: auto;
    }

    .vtf__rt--d-center {
      --vtf-rt-ta: center;
      --vtf-rt-ml: auto;
      --vtf-rt-mr: auto;
    }

    .vtf__rt--d-right {
      --vtf-rt-ta: right;
      --vtf-rt-ml: auto;
      --vtf-rt-mr: 0;
    }

    .vtf__cta {
      display: inline-block;
      width: auto;
    }

    .vtf-sec--align-center .vtf__heading,
    .vtf-sec--align-center .vtf__content {
      text-align: left;
    }

    .vtf-sec--align-center .vtf__title,
    .vtf-sec--align-center .vtf__desc {
      margin-left: 0;
      margin-right: 0;
    }

    .vtf-sec--align-center .vtf__list {
      display: block;
    }
  }

  @media only screen and (max-width: 801px) {
    .vtf__eyebrow {
      text-align: center;
    }
  }
/* END_SECTION:video-text-feature */

/* START_SECTION:wholesale-info (INDEX:109) */
.wi-sec {
    position: relative;
    max-width: 100%;
    overflow-x: clip;
    box-sizing: border-box;
    margin-top: var(--wi-mt-mb);
    margin-bottom: var(--wi-mb-mb);
  }

  .wi-sec *,
  .wi-sec *::before,
  .wi-sec *::after {
    box-sizing: border-box;
  }

  .wi__frame {
    width: 100%;
    max-width: 100%;
  }

  .wi-sec--full .wi__frame {
    max-width: none;
    padding-left: var(--wi-px-mb);
    padding-right: var(--wi-px-mb);
  }

  .wi__shell {
    position: relative;
    border-radius: var(--wi-radius);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    isolation: isolate;
  }

  .wi__shell--color {
    background-color: var(--wi-bg);
    background-image: none;
  }

  .wi__shell--image {
    background-color: transparent;
    background-image: var(--wi-bg-image);
  }

  .wi__overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--wi-overlay);
    opacity: var(--wi-overlay-op);
    pointer-events: none;
  }

  .wi__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--wi-max);
    margin-inline: auto;
    padding: var(--wi-pt-mb) var(--wi-px-mb) var(--wi-pb-mb);
  }

  .wi__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: calc(var(--wi-col-gap) * 0.75);
    align-items: center;
    width: 100%;
  }

  .wi__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    max-width: 100%;
  }

  .wi__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 var(--wi-badge-mb);
    padding: var(--wi-badge-pad-y) var(--wi-badge-pad-x);
    border-radius: var(--wi-badge-radius);
    background: var(--wi-badge-bg);
    color: var(--wi-badge-color);
    font-size: var(--wi-badge-fs-mb);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .wi__heading {
    margin: 0 0 var(--wi-heading-mb);
    color: var(--wi-heading-color);
    font-size: var(--wi-heading-fs-mb);
    font-weight: var(--wi-heading-fw);
    line-height: var(--wi-heading-lh);
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .wi__desc {
    margin: 0 0 var(--wi-desc-mb);
    color: var(--wi-desc-color);
    font-size: var(--wi-desc-fs-mb);
    line-height: 1.55;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .wi__desc p {
    margin: 0;
  }

  .wi__desc p + p {
    margin-top: 0.75em;
  }

  .wi__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wi-btn-gap);
    width: 100%;
    max-width: 100%;
  }

  .wi-sec--btns-stack .wi__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .wi-sec--btns-row .wi__actions {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .wi__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;
    transition:
      background-color 0.25s ease,
      color 0.25s ease,
      border-color 0.25s ease,
      transform 0.25s ease;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .wi-sec--btns-stack .wi__btn,
  .wi-sec--btns-auto .wi__btn {
    width: 100%;
  }

  .wi__btn:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
  }

  .wi__btn--1 {
    padding: var(--wi-btn1-pad-y) var(--wi-btn1-pad-x);
    border-radius: var(--wi-btn1-radius);
    background: var(--wi-btn1-bg);
    color: var(--wi-btn1-color);
    border: 1px solid var(--wi-btn1-border);
  }

  .wi__btn--1:hover {
    background: var(--wi-btn1-hover-bg);
    color: var(--wi-btn1-hover-color);
    border-color: var(--wi-btn1-hover-border);
  }

  .wi__btn--2 {
    padding: var(--wi-btn2-pad-y) var(--wi-btn2-pad-x);
    border-radius: var(--wi-btn2-radius);
    background: var(--wi-btn2-bg);
    color: var(--wi-btn2-color);
    border: 1px solid var(--wi-btn2-border);
  }

  .wi__btn--2:hover {
    background: var(--wi-btn2-hover-bg);
    color: var(--wi-btn2-hover-color);
    border-color: var(--wi-btn2-hover-border);
  }

  .wi__note {
    margin: var(--wi-note-mt) 0 0;
    color: var(--wi-note-color);
    font-size: var(--wi-note-fs-mb);
    line-height: 1.45;
    opacity: 0.85;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .wi__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--wi-cards-gap);
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .wi__card {
    display: block;
    width: 100%;
    min-width: 0;
    padding: var(--wi-card-pad);
    border-radius: var(--wi-card-radius);
    border: 1px solid color-mix(in srgb, var(--wi-card-border) 45%, transparent);
    background: color-mix(in srgb, var(--wi-card-bg) calc(var(--wi-card-bg-op) * 100%), transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    text-decoration: none;
    color: inherit;
    transition:
      background-color 0.25s ease,
      border-color 0.25s ease,
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }

  .wi__card--link {
    cursor: pointer;
  }

  .wi__card--link:hover,
  .wi__card--link:focus-visible {
    background: color-mix(in srgb, var(--wi-card-bg-hover) calc(var(--wi-card-bg-op) * 100% + 12%), transparent);
    border-color: color-mix(in srgb, var(--wi-card-border-hover) 70%, transparent);
    transform: translateY(-2px);
  }

  .wi__card--link:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
  }

  .wi__card-title {
    margin: 0 0 6px;
    color: var(--wi-card-title);
    font-size: var(--wi-card-title-fs-mb);
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }

  .wi__card-desc {
    margin: 0;
    color: var(--wi-card-desc);
    font-size: var(--wi-card-desc-fs-mb);
    line-height: 1.45;
    opacity: 0.92;
    overflow-wrap: anywhere;
  }

  /* Animaciones fade-up */
  .wi-sec--animate .wi__content,
  .wi-sec--animate .wi__card {
    opacity: 0;
    transform: translateY(18px);
    transition:
      opacity var(--wi-anim-dur) ease,
      transform var(--wi-anim-dur) ease;
    transition-delay: var(--wi-anim-delay);
  }

  .wi-sec--animate .wi__card:nth-child(1) {
    transition-delay: calc(var(--wi-anim-delay) + 60ms);
  }
  .wi-sec--animate .wi__card:nth-child(2) {
    transition-delay: calc(var(--wi-anim-delay) + 120ms);
  }
  .wi-sec--animate .wi__card:nth-child(3) {
    transition-delay: calc(var(--wi-anim-delay) + 180ms);
  }
  .wi-sec--animate .wi__card:nth-child(4) {
    transition-delay: calc(var(--wi-anim-delay) + 240ms);
  }
  .wi-sec--animate .wi__card:nth-child(5) {
    transition-delay: calc(var(--wi-anim-delay) + 300ms);
  }
  .wi-sec--animate .wi__card:nth-child(6) {
    transition-delay: calc(var(--wi-anim-delay) + 360ms);
  }
  .wi-sec--animate .wi__card:nth-child(n + 7) {
    transition-delay: calc(var(--wi-anim-delay) + 400ms);
  }

  .wi-sec--animate.wi-sec--in-view .wi__content,
  .wi-sec--animate.wi-sec--in-view .wi__card {
    opacity: 1;
    transform: translateY(0);
  }

  @media (prefers-reduced-motion: reduce) {
    .wi-sec--animate .wi__content,
    .wi-sec--animate .wi__card {
      opacity: 1;
      transform: none;
      transition: none;
    }
  }

  /* Tablet */
  @media only screen and (min-width: 768px) {
    .wi-sec {
      margin-top: var(--wi-mt);
      margin-bottom: var(--wi-mb);
    }

    .wi-sec--full .wi__frame {
      padding-left: calc(var(--wi-px) * 0.5);
      padding-right: calc(var(--wi-px) * 0.5);
    }

    .wi__inner {
      padding: calc(var(--wi-pt) * 0.85) calc(var(--wi-px) * 0.75) calc(var(--wi-pb) * 0.85);
    }

    .wi__badge {
      font-size: var(--wi-badge-fs);
    }

    .wi__heading {
      font-size: calc(var(--wi-heading-fs) * 0.9);
    }

    .wi__desc {
      font-size: var(--wi-desc-fs);
    }

    .wi__note {
      font-size: var(--wi-note-fs);
    }

    .wi__cards {
      grid-template-columns: 1fr 1fr;
    }

    .wi__card-title {
      font-size: var(--wi-card-title-fs);
    }

    .wi__card-desc {
      font-size: var(--wi-card-desc-fs);
    }

    .wi-sec--btns-auto .wi__btn,
    .wi-sec--btns-row .wi__btn {
      width: auto;
    }

    .wi-sec--btns-auto .wi__actions {
      flex-direction: row;
      width: auto;
    }
  }

  /* Desktop */
  @media only screen and (min-width: 992px) {
    .wi-sec--full .wi__frame {
      padding-left: var(--wi-px);
      padding-right: var(--wi-px);
    }

    .wi__inner {
      padding: var(--wi-pt) var(--wi-px) var(--wi-pb);
    }

    .wi__grid {
      grid-template-columns: var(--wi-col-left) var(--wi-col-right);
      gap: var(--wi-col-gap);
      align-items: center;
    }

    .wi__heading {
      font-size: var(--wi-heading-fs);
    }

    .wi__actions {
      width: auto;
    }

    .wi-sec--btns-auto .wi__btn,
    .wi-sec--btns-row .wi__btn {
      width: auto;
    }
  }

  @media only screen and (max-width: 767px) {
    .wi__inner {
      padding: var(--wi-pt-mb) var(--wi-px-mb) var(--wi-pb-mb);
    }
  }
/* END_SECTION:wholesale-info */