@charset "utf-8";

._wrapper_1qrrx_1 { position: absolute; top: 10px; left: 10px; display: flex; gap: 4px; align-items: flex-start; }

._wrapper_163nv_1 { position: relative; display: inline-flex; flex-direction: column; gap: 10px; align-items: flex-start; align-self: stretch; }

._wrapper_163nv_1:hover ._primary_163nv_11 { visibility: hidden; opacity: 0; }

._wrapper_163nv_1:hover ._primary_163nv_11._single_163nv_15, ._wrapper_163nv_1:hover ._secondary_163nv_21 { visibility: visible; opacity: 1; }

._images-wrapper_163nv_28 { aspect-ratio: 4 / 5; }

._primary_163nv_11, ._secondary_163nv_21 { inset: 0px; transition: opacity 0.4s, visibility 0.2s; position: absolute !important; }

._primary_163nv_11 > img, ._secondary_163nv_21 > img { width: 100%; height: 100%; }

._primary_163nv_11 { visibility: visible; opacity: 1; }

._primary_163nv_11 > img { object-fit: contain; }

._secondary_163nv_21 { visibility: hidden; opacity: 0; }

._secondary_163nv_21 img { object-fit: cover; }

._overlay_163nv_64 { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.03); }

._wrapper_1ae38_1 { position: relative; overflow: hidden; aspect-ratio: 4 / 5; width: 100%; }

._wrapper_1ae38_1 > div { display: inline-flex; }

._primary_1ae38_12, ._secondary_1ae38_13 { width: 100%; height: 100%; }

._primary_1ae38_12 > img, ._secondary_1ae38_13 > img { width: 100%; height: 100%; }

._primary_1ae38_12 > img { object-fit: contain; }

._secondary_1ae38_13 > img { object-fit: cover; }

._swiper-slide_1ae38_35 { display: flex; align-items: center; justify-content: center; width: 100% !important; }

._pagination_1ae38_44 { position: absolute; z-index: 1; inset: auto 0px 0px auto; gap: 0px; align-items: center; justify-content: flex-end; width: 32px; height: 32px; padding-right: 6px; transition: opacity 0.3s; }

._pagination-bullet_1ae38_60 { align-content: center; justify-items: center; box-sizing: content-box; width: auto; height: 25px; padding: 0px 2px; visibility: hidden; opacity: 0.5; border-radius: 9999px; }

._pagination-bullet_1ae38_60::before { content: ""; position: relative; display: block; width: 8px; height: 8px; background-color: rgb(88, 88, 86); border-radius: 50%; }

._pagination-bullet_1ae38_60._is-visible_1ae38_87 { visibility: visible; }

._pagination-bullet-active_1ae38_92 { align-content: center; justify-items: center; width: 15px; height: 25px; opacity: 1; }

._pagination-bullet-active_1ae38_92::before { content: ""; position: relative; display: block; width: 16px; height: 8px; background-color: rgb(88, 88, 86); border-radius: 9999px; }

._badges_1ae38_116, ._overlay_1ae38_117 { z-index: 1; }

._overlay_1ae38_117 { pointer-events: none; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.03); }

.swiper-horizontal ._pagination_1ae38_44 { position: absolute; inset: auto 10px 8px auto; width: fit-content; }

._wrapper_cilbo_1 { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; align-self: stretch; padding: 16px 0px; }

._info-box_cilbo_11 { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; align-self: stretch; }

._name_cilbo_19, ._variants_cilbo_20, ._availability_cilbo_21 { font-feature-settings: "clig" 0, "liga" 0; }

._name_cilbo_19 { font: 600 14px / 150% "Open Sans", "Open Sans Fallback", sans-serif; color: var(--color-dark); }

@media screen and (min-width: 1024px) {
  ._name_cilbo_19 { font: 600 16px / 150% "Open Sans", "Open Sans Fallback", sans-serif; }
}

._variants_cilbo_20 { display: block; font: 400 14px / 150% "Open Sans", "Open Sans Fallback", sans-serif; color: rgb(96, 101, 98); text-overflow: ellipsis; }

._variant-options_cilbo_43 { font: 400 12px / 140% "Open Sans", "Open Sans Fallback", sans-serif; color: rgb(96, 101, 98); text-overflow: ellipsis; }

@media screen and (min-width: 1024px) {
  ._variant-options_cilbo_43 { font: 400 14px / 150% "Open Sans", "Open Sans Fallback", sans-serif; }
}

._link_1ptx5_1 { --order: 1; order: var(--order); height: max-content; }

._link_1ptx5_1:hover { text-decoration: none; }

._wrapper_1ptx5_12 { display: flex; flex-direction: column; align-items: flex-start; }