.sapya-cys__back::before {
    content: "\2192" !important; /* → */
    margin-left: 8px !important;
}

.sapya-cys {
    --sapya-cys-font-he: var(--e-global-typography-027081f-font-family, "Assentens");
    --sapya-cys-font-en: var(--e-global-typography-4bb7bed-font-family, "Libre Caslon Display");
    --sapya-cys-text: #1A1A1A;
    --sapya-cys-muted: #6B6B6B;
    --sapya-cys-line: #E5E5E5;
    --sapya-cys-bg: #FFFFFF;
    --sapya-cys-image-bg: #F7F3ED;
    --sapya-cys-button: #3E3A36;
    --sapya-cys-button-hover: #2F2D2A;
    --sapya-cys-product-button: #8A8378;
    --sapya-cys-heading-size: 28px;
    --sapya-cys-heading-weight: 300;
    --sapya-cys-body-size: 14px;
    --sapya-cys-body-weight: 300;
    --sapya-cys-step-size: 14px;
    --sapya-cys-product-name-size: 16px;
    --sapya-cys-product-name-weight: 300;
    --sapya-cys-price-size: 14px;
    --sapya-cys-price-weight: 300;
    --sapya-cys-name-price-gap: 8px;
    --sapya-cys-card-gap: 28px;
    --sapya-cys-plus-size: 30px;
    --sapya-cys-image-radius: 0px;
    --sapya-cys-desktop-columns: 4;
    background: var(--sapya-cys-bg) !important;
    color: var(--sapya-cys-text) !important;
    font-family: var(--sapya-cys-font-he), sans-serif !important;
    font-size: var(--sapya-cys-body-size) !important;
    font-weight: var(--sapya-cys-body-weight) !important;
    margin: 0 auto !important;
    max-width: 1360px !important;
    padding: 0 18px 70px !important;
    position: relative !important;
}

.sapya-cys *,
.sapya-cys *::before,
.sapya-cys *::after {
    box-sizing: border-box !important;
}

.sapya-cys *,
.sapya-cys strong,
.sapya-cys b {
    font-family: var(--sapya-cys-font-he), sans-serif !important;
    font-weight: var(--sapya-cys-body-weight) !important;
}

.sapya-cys h1,
.sapya-cys h2,
.sapya-cys h3,
.sapya-cys p {
    color: var(--sapya-cys-text) !important;
    margin: 0 !important;
}

.sapya-cys h1,
.sapya-cys h2,
.sapya-cys h3 {
    font-weight: var(--sapya-cys-heading-weight) !important;
    line-height: 1.25 !important;
}

.sapya-cys p,
.sapya-cys span,
.sapya-cys a,
.sapya-cys button {
    letter-spacing: 0 !important;
}

.sapya-cys__steps {
    background: #fbfaf8 !important;
    border-bottom: 1px solid var(--sapya-cys-line) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 0 calc(50% - 50vw) 28px !important;
    position: relative !important;
    width: 100vw !important;
}

.sapya-cys__steps button {
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid transparent !important;
    color: var(--sapya-cys-text) !important;
    cursor: pointer !important;
    display: grid !important;
    font-size: var(--sapya-cys-step-size) !important;
    gap: 4px !important;
    line-height: 1.35 !important;
    min-height: 70px !important;
    padding: 12px 8px 13px !important;
    text-align: center !important;
    transition: color .18s ease, border-color .18s ease, background .18s ease !important;
}

.sapya-cys__steps button > span {
    color: inherit !important;
    display: block !important;
}

.sapya-cys__steps button:hover,
.sapya-cys__steps button.is-active {
    background: #fff !important;
    border-bottom-color: var(--sapya-cys-text) !important;
}

.sapya-cys__view {
    display: none !important;
}

.sapya-cys__view.is-active {
    display: block !important;
}

.sapya-cys__section-head {
    margin: 0 auto 24px !important;
    max-width: 720px !important;
    text-align: center !important;
}

.sapya-cys__section-head--right {
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
    text-align: right !important;
}

.sapya-cys__section-head--center {
    margin-inline: auto !important;
    max-width: 760px !important;
    text-align: center !important;
}

.sapya-cys__section-head--center span {
    margin-inline: auto !important;
    max-width: 520px !important;
    text-align: center !important;
}

.sapya-cys__eyebrow,
.sapya-cys__section-head p {
    color: var(--sapya-cys-muted) !important;
    font-family: var(--sapya-cys-font-he), serif !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.sapya-cys__section-head h2 {
    font-size: var(--sapya-cys-heading-size) !important;
    margin-top: 4px !important;
}

.sapya-cys__section-head span {
    color: var(--sapya-cys-muted) !important;
    display: block !important;
    font-size: var(--sapya-cys-body-size) !important;
    margin-top: 6px !important;
}

.sapya-cys__blocks,
.sapya-cys__products,
.sapya-cys__charms {
    display: grid !important;
    gap: var(--sapya-cys-card-gap) !important;
}

.sapya-cys__blocks {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(30px, 5vw, 70px) !important;
    margin-inline: auto !important;
    max-width: 1000px !important;
    width: 100% !important;
}

.sapya-cys__products,
.sapya-cys__charms {
    grid-template-columns: repeat(var(--sapya-cys-desktop-columns), minmax(0, 1fr)) !important;
}

.sapya-cys__block,
.sapya-cys__item {
    background: transparent !important;
    border: 0 !important;
    min-width: 0 !important;
    position: relative !important;
    text-align: center !important;
}

.sapya-cys__block-button {
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--sapya-cys-text) !important;
    cursor: pointer !important;
    display: block !important;
    padding: 0 !important;
    text-align: center !important;
    width: 100% !important;
}

.sapya-cys__image-swap,
.sapya-cys__item-media {
    display: block !important;
    position: relative !important;
}

.sapya-cys__image-swap {
    aspect-ratio: 4 / 5 !important;
    background: var(--sapya-cys-image-bg) !important;
    border-radius: var(--sapya-cys-image-radius) !important;
    overflow: hidden !important;
}

.sapya-cys__image-swap img {
    display: block !important;
    height: 100% !important;
    inset: 0 !important;
    object-fit: cover !important;
    position: absolute !important;
    transition: opacity .3s ease, transform .3s ease !important;
    width: 100% !important;
}

.sapya-cys__main-image {
    opacity: 1 !important;
}

.sapya-cys__hover-image {
    opacity: 0 !important;
    pointer-events: none !important;
}

.sapya-cys__item:hover .sapya-cys__hover-image {
    opacity: 1 !important;
}

.sapya-cys__item:hover .sapya-cys__main-image {
    opacity: 0 !important;
}

.sapya-cys__block:hover .sapya-cys__main-image,
.sapya-cys__item:hover .sapya-cys__image-swap img {
    transform: scale(1.012) !important;
}

.sapya-cys__block-title,
.sapya-cys__item-name {
    color: var(--sapya-cys-text) !important;
    display: block !important;
    font-family: var(--sapya-cys-font-en), serif !important;
    font-size: var(--sapya-cys-product-name-size) !important;
    font-weight: var(--sapya-cys-product-name-weight) !important;
    line-height: 1.2 !important;
    margin-top: 14px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.sapya-cys__block-title {
    font-family: var(--sapya-cys-font-he), sans-serif !important;
    margin-top: 18px !important;
}

.sapya-cys__block-title::after {
    background: var(--sapya-cys-line) !important;
    content: '' !important;
    display: block !important;
    height: 1px !important;
    margin: 12px auto !important;
    opacity: .85 !important;
    width: 96px !important;
}

.sapya-cys__block-text {
    color: var(--sapya-cys-muted) !important;
    display: block !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin: 0 auto !important;
    max-width: 280px !important;
}

.sapya-cys__item-price {
    color: var(--sapya-cys-muted) !important;
    display: block !important;
    font-size: var(--sapya-cys-price-size) !important;
    font-weight: var(--sapya-cys-price-weight) !important;
    line-height: 1.2 !important;
    margin-top: var(--sapya-cys-name-price-gap) !important;
}

.sapya-cys__variation {
    display: grid !important;
    gap: 8px !important;
    justify-items: center !important;
    margin-top: 8px !important;
    text-align: center !important;
}
}

.sapya-cys__variation span {
    color: var(--sapya-cys-muted) !important;
    font-size: 12px !important;
}

.sapya-cys__variation-options {
    display: flex !important;
    gap: 12px !important;
    justify-content: center !important;
    width: 100% !important;
}

.sapya-cys__variation-option {
    align-items: center !important;
    appearance: none !important;
    background: #fff !important;
    border: 1px solid var(--sapya-cys-line) !important;
    border-radius: 0 !important;
    color: var(--sapya-cys-text) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: inherit !important;
    font-size: 12px !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 30px !important;
    min-width: 30px !important;
    padding: 5px 5px !important;
    transition: border-color .18s ease, color .18s ease, background .18s ease !important;
}

.sapya-cys__variation-option:hover,
.sapya-cys__variation-option.is-selected {
    background: #fff) !important;
    border-color: #000 !important;
    color: #000 !important;
}

.sapya-cys__variation-price {
    color: var(--sapya-cys-muted) !important;
    display: block !important;
    font-size: var(--sapya-cys-price-size) !important;
    font-weight: var(--sapya-cys-price-weight) !important;
    min-height: 1.2em !important;
}

.sapya-cys__plus {
    align-items: center !important;
    appearance: none !important;
    background: #fff !important;
    border: 0px solid var(--sapya-cys-line) !important;
    bottom: 10px !important;
    color: var(--sapya-cys-text) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 16px !important;
    height: 25px !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 10px !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
    width: 25px !important;
    z-index: 4 !important;
}

.sapya-cys__plus:hover,
.sapya-cys__item.is-selected .sapya-cys__plus {
    background: var(--sapya-cys-button) !important;
    border-color: var(--sapya-cys-button) !important;
    color: #fff !important;
}

.sapya-cys__plus:hover {
    transform: translateY(-1px) !important;
}

.sapya-cys__back {
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--sapya-cys-muted) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 13px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
}



.sapya-cys__builder {
    align-items: start !important;
    display: grid !important;
    gap: 34px !important;
    grid-template-columns: minmax(260px, 330px) 1fr !important;
}

.sapya-cys__builder-main .sapya-cys__section-head {
    margin: 0 0 24px !important;
    max-width: none !important;
    text-align: right !important;
}

.sapya-cys__builder-main .sapya-cys__section-head span {
    max-width: none !important;
    text-align: right !important;
}

.sapya-cys__summary {
    background: #fff !important;
    border: 1px solid var(--sapya-cys-line) !important;
    padding: 20px !important;
    position: sticky !important;
    top: 28px !important;
}

.sapya-cys__summary h2 {
    font-size: 22px !important;
    margin: 8px 0 14px !important;
    text-align: center !important;
}

.sapya-cys__meter {
    margin: 14px 0 16px !important;
}

.sapya-cys__meter span {
    color: var(--sapya-cys-muted) !important;
    display: block !important;
    font-size: 13px !important;
    margin-bottom: 8px !important;
}

.sapya-cys__meter::after,
.sapya-cys__meter i {
    display: block !important;
    height: 1px !important;
}

.sapya-cys__meter::after {
    background: var(--sapya-cys-line) !important;
    content: '' !important;
    width: 100% !important;
}

.sapya-cys__meter i {
    background: var(--sapya-cys-text) !important;
    margin-top: -1px !important;
    transition: width .2s ease !important;
    width: 0 !important;
}

.sapya-cys__selected {
    display: grid !important;
    gap: 8px !important;
    margin: 14px 0 18px !important;
    min-height: 34px !important;
    text-align: center !important;
}

.sapya-cys__selected p {
    color: var(--sapya-cys-muted) !important;
    font-size: 13px !important;
}

.sapya-cys__selected span {
    color: var(--sapya-cys-muted) !important;
    font-size: 12px !important;
}

.sapya-cys__selected-base-preview {
    display: grid !important;
    gap: 8px !important;
    justify-items: center !important;
    margin: 0 auto 12px !important;
    width: 100% !important;
}

.sapya-cys__selected-charms-preview {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    width: 100% !important;
}

.sapya-cys__selected-thumb {
    align-items: center !important;
    display: inline-grid !important;
    gap: 6px !important;
    justify-items: center !important;
    max-width: 92px !important;
}

.sapya-cys__selected-thumb img {
    aspect-ratio: 4 / 5 !important;
    background: var(--sapya-cys-image-bg) !important;
    display: block !important;
    height: auto !important;
    object-fit: cover !important;
    width: 72px !important;
}

.sapya-cys__selected-base-preview .sapya-cys__selected-thumb {
    max-width: 150px !important;
}

.sapya-cys__selected-base-preview .sapya-cys__selected-thumb img {
    width: 118px !important;
}

.sapya-cys__selected-thumb em {
    border-bottom: 1px solid var(--sapya-cys-line) !important;
    color: var(--sapya-cys-text) !important;
    font-style: normal !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    padding-bottom: 4px !important;
    text-align: center !important;
}

.sapya-cys__primary {
    align-items: center !important;
    background: var(--sapya-cys-button) !important;
    border: 0 !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 15px !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 12px 18px !important;
    text-decoration: none !important;
    transition: background .18s ease, color .18s ease !important;
    width: 100% !important;
}

.sapya-cys__primary:hover {
    background: var(--sapya-cys-button-hover) !important;
    color: #fff !important;
}

.sapya-cys__empty {
    border: 1px solid var(--sapya-cys-line) !important;
    color: var(--sapya-cys-muted) !important;
    grid-column: 1 / -1 !important;
    padding: 26px !important;
    text-align: center !important;
}

.sapya-cys__complete {
    display: grid !important;
    gap: 24px !important;
    grid-template-columns: 1fr !important;
}

.sapya-cys__complete-items {
    border-top: 1px solid var(--sapya-cys-line) !important;
}

.sapya-cys__final-item {
    align-items: center !important;
    border-bottom: 1px solid var(--sapya-cys-line) !important;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: 118px 1fr !important;
    padding: 16px 0 !important;
}

.sapya-cys__final-item .sapya-cys__image-swap {
    aspect-ratio: 4 / 5 !important;
}

.sapya-cys__final-item span {
    color: var(--sapya-cys-muted) !important;
    display: block !important;
    font-size: 12px !important;
    margin-bottom: 4px !important;
}

.sapya-cys__final-item h3 {
    font-size: var(--sapya-cys-product-name-size) !important;
}

.sapya-cys__final-item p {
    color: var(--sapya-cys-muted) !important;
    font-size: var(--sapya-cys-price-size) !important;
    margin-top: 6px !important;
}

.sapya-cys__complete-actions {
    align-self: start !important;
    border: 1px solid var(--sapya-cys-line) !important;
    border-top: 0 !important;
    padding: 18px !important;
    position: static !important;
    top: auto !important;
}

.sapya-cys__complete-actions .sapya-cys__primary {
    margin: 0 !important;
}

.sapya-cys__notice {
    background: var(--sapya-cys-text) !important;
    color: #fff !important;
    left: 50% !important;
    opacity: 0 !important;
    padding: 13px 18px !important;
    pointer-events: none !important;
    position: fixed !important;
    top: 92px !important;
    transform: translateX(-50%) translateY(-10px) !important;
    transition: opacity .2s ease, transform .2s ease !important;
    z-index: 9999 !important;
}

.sapya-cys__notice.is-visible {
    opacity: 1 !important;
    transform: translateX(-50%) translateY(0) !important;
}

.sapya-cys-product-continue-wrap {
    clear: both !important;
    display: block !important;
    flex-basis: 100% !important;
    margin-top: 14px !important;
    width: 100% !important;
}

body.sapya-cys-product-context.single-product form.cart .single_add_to_cart_button,
body.sapya-cys-product-context.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
body.sapya-cys-product-context.single-product form.cart .quantity,
body.sapya-cys-product-context.single-product .woocommerce-variation-add-to-cart .quantity {
    display: none !important;
}

body.sapya-cys-product-context.single-product form.cart .sapya-cys-product-continue-wrap,
body.sapya-cys-product-context.single-product .woocommerce-variation-add-to-cart .sapya-cys-product-continue-wrap {
    width: 100% !important;
}

.sapya-cys-product-continue {
    align-items: center !important;
    background: #8A8378 !important;
    color: #fff !important;
    display: flex !important;
    font-family: var(--e-global-typography-027081f-font-family, "Assentens"), sans-serif !important;
    font-weight: 300 !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 54px !important;
    text-align: center !important;
    width: 100% !important;
}

.sapya-cys-product-continue:hover {
    background: #2F2D2A !important;
    color: #fff !important;
}

@media (max-width: 1180px) {
    .sapya-cys__products,
    .sapya-cys__charms {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .sapya-cys__blocks,
    .sapya-cys__products,
    .sapya-cys__charms,
    .sapya-cys__builder,
    .sapya-cys__complete {
        grid-template-columns: 1fr !important;
    }

    .sapya-cys__summary,
    .sapya-cys__complete-actions {
        position: static !important;
    }
}
.sapya-cys__steps button {
    border-radius: 0 !important;
}
@media (max-width: 680px) {
  .sapya-cys__steps button > span{
    font-size: 11px !important;
  }
    .sapya-cys {
        padding-inline: 60px !important;
    }

    .sapya-cys__steps {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        margin-inline: calc(50% - 50vw) !important;
    }

    .sapya-cys__steps button {
        min-height: 64px !important;
    }

    .sapya-cys__products,
    .sapya-cys__charms {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .sapya-cys__block-text {
        max-width: 100% !important;
    }

    .sapya-cys__final-item {
        grid-template-columns: 86px 1fr !important;

  }
}


@media (max-width: 680px) {

    .sapya-cys__view.is-active {
        padding: 0 !important;
    }

    .sapya-cys__image-swap {
        aspect-ratio: 4 / 5 !important;
        width: 100% !important;
        max-width: none !important;
    }

    .sapya-cys__item-media,
    .sapya-cys__block-button {
        width: 100% !important;
    }
}