/*!
Theme Name: Christopher Designs New York
Author: Digital Mindset
Version: 1.0
*/
.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
}

.tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: "";
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

.tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s
}

.tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery > .tns-moving {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    transition: opacity .6s;
    opacity: .6
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-normal,
.tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix > div,
.tns-vpfix > li {
    display: inline-block
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.3333333%;
    width: -webkit-calc(100% * 70 / 3);
    width: -moz-calc(100% * 70 / 3);
    width: 2333.3333333333%;
    position: absolute;
    right: 0
}

.tns-t-ct:after {
    content: "";
    display: table;
    clear: both
}

.tns-t-ct > div {
    width: 1.4285714%;
    width: -webkit-calc(100% / 70);
    width: -moz-calc(100% / 70);
    width: 1.4285714286%;
    height: 10px;
    float: left
}

.choices {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    font-size: 16px
}

.choices:focus {
    outline: none
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-open {
    overflow: visible
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .25
}

.choices[data-type*=select-one] .choices__button:hover,
.choices[data-type*=select-one] .choices__button:focus {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #005f75
}

.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
    display: none
}

.choices[data-type*=select-one]::after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*=select-one].is-open::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]::after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid #003642;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
    border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #005f75;
    border: 1px solid #004a5c;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #004a5c;
    border: 1px solid #003642
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
    display: block
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item,
[dir=rtl] .choices__list[aria-expanded] .choices__item {
    text-align: right
}

@media(min-width: 640px) {

    .choices__list--dropdown .choices__item--selectable[data-select-text],
    .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
        padding-right: 100px
    }

    .choices__list--dropdown .choices__item--selectable[data-select-text]::after,
    .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],
    [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after,
    [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    appearance: none;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus {
    outline: none
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input:focus {
    outline: 0
}

.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
    display: none
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

*,
*::before,
*::after {
    box-sizing: border-box
}

* {
    margin: 0
}

html,
body {
    height: 100%
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
    height: auto
}

input,
button,
textarea,
select {
    font: inherit
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word
}

#root,
#__next {
    isolation: isolate
}

html {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    line-height: 1.7;
    font-weight: 400
}

body.high-jewelry-page {
    background: #000
}

img {
    width: auto;
    max-width: 100%
}

.hide-desktop {
    display: none
}

.hide-desktop-search {
    display: none !important;
}

@media(max-width: 478px) {
    .hide-desktop-search {
        display: block !important;
    }
}

.hide-mobile-search {
    display: block !important;
}

@media(max-width: 478px) {
    .hide-mobile-search {
        display: none !important;
    }
}

@media(max-width: 1023px) {
    .hide-desktop {
        display: block
    }

    .hide-mobile {
        display: none !important;
    }
}

sup {
    line-height: 0
}

p {
    line-height: 1.7
}

p.mb {
    margin-bottom: 20px
}

p.underlined {
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    width: 100%;
    display: block
}

a.black {
    color: #000;
    text-decoration: none
}

blockquote {
    font-family: "Libre Caslon Text", serif;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 500;
    text-align: center
}

blockquote cite {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: .7px;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 30px;
    display: block
}

blockquote cite span {
    display: block;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .7px;
    text-align: center;
    margin-top: 7px
}

.w-100 {
    width: 100%
}

.mb-20px {
    margin-bottom: 20px
}

.mb-40px {
    margin-bottom: 40px
}

.mt-20px {
    margin-top: 20px
}

.mt-70px {
    margin-top: 70px !important
}

.mb-70px {
    margin-bottom: 70px
}

@media(max-width: 1023px) {
    .mb-70px {
        margin-bottom: 50px
    }
}

@media(max-width: 479px) {
    .mb-70px {
        margin-bottom: 40px
    }
}

.mb-100px {
    margin-bottom: 100px
}

.mb-140px {
    margin-bottom: 140px
}

.text-center {
    text-align: center
}

.text-white {
    color: #fff
}

.container,
.text-with-background__content {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
    overflow: visible
}

.header .container,
.header .text-with-background__content,
.footer .container,
.footer .text-with-background__content,
.breadcrumbs .container,
.breadcrumbs .text-with-background__content,
.products-hero .container,
.products-hero .text-with-background__content,
.products .container,
.products .text-with-background__content,
.page-template-template-virtual-consultation .container,
.page-template-template-virtual-consultation .text-with-background__content,
.single-product .container,
.single-product .text-with-background__content,
.search-results .container,
.search-results .text-with-background__content {
    padding: 0 40px
}

@media(max-width: 1023px) {

    .container,
    .text-with-background__content {
        max-width: 100%
    }
}

.home .container,
.home .text-with-background__content,
.page.high-jewelry-page .container,
.page.high-jewelry-page .text-with-background__content {
    max-width: 2056px
}

.home .header .container,
.home .header .text-with-background__content,
.page.high-jewelry-page .header .container,
.page.high-jewelry-page .header .text-with-background__content,
.page.high-jewelry-page .breadcrumbs .container,
.page.high-jewelry-page .breadcrumbs .text-with-background__content {
    max-width: 1440px
}

.btn {
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1.5px solid #000;
    color: #000;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.751892L5.49622 5.5L0.748108 10.2481' stroke='%23171717' stroke-width='1.6'/%3E%3C/svg%3E%0A");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 14px;
    align-self: center;
    width: auto;
    transition: border-color .3s ease, color .3s ease, background-image .3s ease;
    letter-spacing: .7px
}

.high-jewelry-page .btn {
    border-color: #fff;
    color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.751892L5.49622 5.5L0.748108 10.2481' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E%0A")
}

.btn:hover {
    border-bottom-color: #656565;
    color: #656565;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.751892L5.49622 5.5L0.748108 10.2481' stroke='%23656565' stroke-width='1.6'/%3E%3C/svg%3E%0A")
}

.high-jewelry-page .btn:hover {
    border-color: #656565;
    color: #656565;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.751892L5.49622 5.5L0.748108 10.2481' stroke='%23656565' stroke-width='1.6'/%3E%3C/svg%3E%0A")
}

.btn--black {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    font-weight: normal;
    transition: all .3s ease
}

.btn--black:hover {
    background: #333;
    color: #fff
}

.btn--white {
    color: #fff;
    border-bottom-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.751892L5.49622 5.5L0.748108 10.2481' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E%0A")
}

.btn--white:hover {
    color: #ccc;
    border-bottom-color: #ccc;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.751892L5.49622 5.5L0.748108 10.2481' stroke='%23ccc' stroke-width='1.6'/%3E%3C/svg%3E%0A")
}

.btn--without-border {
    border-bottom: none
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    opacity: 0;
    pointer-events: none
}

.modal.open {
    opacity: 1;
    pointer-events: auto
}

.modal-content {
    background: #fff;
    padding: 60px;
    max-width: 500px;
    width: 95%;
    position: relative;
    text-align: center
}

.modal-content svg,
.modal-content img {
    margin: 0 auto 20px
}

.modal-content h2 {
    font-family: "Libre Caslon Text", serif;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 500
}

.modal-content form {
    margin-top: 40px
}

.modal-content input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    background: none;
    margin-right: 10px;
    width: 100%
}

.modal-content input:focus {
    outline: none
}

.modal-content .btn {
    width: 100%;
    margin: 20px 0 0
}

.modal-close {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L16.5 16.5' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M16.5 1L0.999999 16.5' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 0;
    background-color: rgba(0, 0, 0, 0)
}

.header {
    padding: 24px 0;
    position: relative;
    overflow: visible
}

.high-jewelry-page .header {
    background: #000
}

.high-jewelry-page .header .header-grid__logo svg path {
    fill: #fff !important
}

@media(max-width: 1023px) {
    .header {
        padding: 0px 0 0
    }
}

.header-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px
}

@media(min-width: 1024px) {
    .header-grid {
        padding-bottom: 0 40px 10px 40px
    }
}

@media(max-width: 1023px) {
    #wpadminbar {
        display: none;
    }
}

@media(max-width: 1023px) {
    .header-grid {
        justify-content: center;
        position: relative;
        z-index: 9999;
    }

    body:not(.high-jewelry-page) .header-grid::before {
        content: ' ';
        position: absolute;
        margin-left: -40px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        z-index: -1;
        height: 92px;
        background: #fff;
        border-bottom: 1px solid #E6E6E6;
    }
}

.header-grid__logo svg {
    width: 300px
}

@media(max-width: 479px) {
    .header-grid__logo svg {
        width: 70%;
        margin: 0 auto;
        padding-top: 10px
    }
}

.header-grid__menu {
    display: flex;
    align-items: center;
    gap: 20px
}

@media(max-width: 1023px) {
    .header-grid__menu {
        display: none
    }
}

.header-grid__menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px
}

.header-grid__menu ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #000;
    text-decoration: none;
    transition: all .3s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.high-jewelry-page .header-grid__menu ul li a {
    color: #fff
}

.header-grid__menu ul li a:hover {
    color: #656565;
    border-bottom: 1px solid #656565
}

.header-grid__menu-bell {
    font-size: 0;
    width: 22px;
    height: 23px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.26562 17.7891H18.7344M11 7.90625V5.21094M11 7.90625H9.28125C8.14165 7.90625 7.04872 8.37953 6.2429 9.22198C5.43708 10.0644 4.98438 11.207 4.98438 12.3984V15.0938H17.0156V12.3984C17.0156 11.207 16.5629 10.0644 15.7571 9.22198C14.9513 8.37953 13.8584 7.90625 12.7188 7.90625H11ZM11 5.21094H9.28125M11 5.21094H12.7188' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.high-jewelry-page .header-grid__menu-bell {
    filter: brightness(0) invert(1)
}

.header-grid__actions {
    display: flex;
    gap: 24px
}

@media(max-width: 1023px) {
    .header-grid__actions {
        position: absolute;
        top: 35px;
        right: -15px;
        gap: 12px
    }
}

.header-grid__actions-search {
    position: relative
}

.search-icon-close {
    width: 15px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 15 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1.4137' y1='1.79602' x2='13.6549' y2='14.7172' stroke='%23010101' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='14' y1='2.41421' x2='1.41421' y2='15' stroke='%23010101' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;

}

@media(max-width: 1023px) {
    .header-grid__actions-search {
        display: block;
        top: -4px;
    }

    .header-grid__actions-search-bg {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: #c03838;
        top: 0;
        left: -100%;
        z-index: -1;
        transition: all .3s ease;
    }

    .header-grid__actions-search-bg.is-open {
        left: 0;
    }

    .header-grid__actions-favs {
        margin-top: -5px;
    }
}

@media(max-width: 1023px) {
    .header-grid__actions-store {
        display: none
    }
}

.header-grid__actions-search.active input {
    right: 20px;
    opacity: 1;
    pointer-events: auto
}

.header-grid__actions-search input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #000;
    padding: 0 0 5px;
    background: none;
    margin-right: 10px;
    position: absolute;
    right: 2000px;
    top: 0;
    transition: all .3s ease;
    opacity: 0;
    pointer-events: none
}

.high-jewelry-page .header-grid__actions-search input {
    border-bottom: 1px solid #fff;
    color: #fff
}

.header-grid__actions-search input:focus {
    outline: none
}

.header-grid__actions-search button {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.88235' cy='6.88235' r='6.13235' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M11.6475 10.5879L18.0004 16.9408' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    width: 19px;
    height: 18px;
    display: block;
    font-size: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.high-jewelry-page .header-grid__actions-search button {
    filter: brightness(0) invert(1)
}

.header-grid__actions-favs {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.2267 16.3826L2.03271 8.63376L2.02324 8.62356L2.01339 8.61372C0.328867 6.92919 0.32887 4.19804 2.0134 2.51351C3.69792 0.828988 6.42908 0.828988 8.1136 2.51351L8.76894 3.16885L9.29927 3.69918L9.8296 3.16885L10.485 2.5134C12.1696 0.828869 14.9007 0.828868 16.5853 2.51339C18.2698 4.19792 18.2698 6.92908 16.5853 8.6136L16.5781 8.6208L16.5711 8.6282L9.2267 16.3826Z' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    width: 19px;
    height: 18px;
    display: block;
    font-size: 0
}

.high-jewelry-page .header-grid__actions-favs {
    filter: brightness(0) invert(1)
}

.header-grid__actions-store {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0253 18.2063C12.8721 18.3156 12.6885 18.3744 12.5003 18.3744C12.312 18.3744 12.1285 18.3156 11.9753 18.2063C7.44809 14.9794 2.64341 8.34188 7.50059 3.54563C8.83359 2.23324 10.6297 1.49837 12.5003 1.5C14.3753 1.5 16.1743 2.23594 17.5 3.54469C22.3572 8.34094 17.5525 14.9775 13.0253 18.2063Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5002 9.9375C12.9975 9.9375 13.4744 9.73996 13.8261 9.38833C14.1777 9.03669 14.3752 8.55978 14.3752 8.0625C14.3752 7.56522 14.1777 7.08831 13.8261 6.73667C13.4744 6.38504 12.9975 6.1875 12.5002 6.1875C12.003 6.1875 11.526 6.38504 11.1744 6.73667C10.8228 7.08831 10.6252 7.56522 10.6252 8.0625C10.6252 8.55978 10.8228 9.03669 11.1744 9.38833C11.526 9.73996 12.003 9.9375 12.5002 9.9375Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 21px;
    height: 20px;
    font-size: 0;
    margin-top: -1px
}

.high-jewelry-page .header-grid__actions-store {
    filter: brightness(0) invert(1)
}

.footer {
    background: #f9f9f9;
    padding-top: 106px;
    padding-bottom: 86px;
    margin-top: 100px
}

.high-jewelry-page .footer {
    background: #000
}

.footer .title {
    text-transform: none
}

.footer-grid {
    display: flex;
    justify-content: space-between
}

@media(min-width: 1024px) {
    .footer-grid {
        justify-content: center
    }
}

@media(max-width: 1023px) {
    .footer-grid {
        flex-direction: column
    }
}

.footer-grid__left {
    display: flex;
    gap: 30px;
    flex: 1;
    max-width: 60%;
    justify-content: space-between
}

@media(max-width: 1023px) {
    .footer-grid__left {
        max-width: 100%;
        flex-wrap: wrap
    }
}

.footer-grid__left .footer-column {
    flex: 1;
    max-width: 30%
}

@media(max-width: 1023px) {
    .footer-grid__left .footer-column {
        max-width: 100%
    }
}

.footer-grid__left .title {
    margin-bottom: 50px
}

.high-jewelry-page .footer-grid__left .title {
    color: #fff
}

.footer-grid__left ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-grid__left ul li {
    margin-bottom: 20px
}

.footer-grid__left ul li:last-child {
    margin-bottom: 0
}

.footer-grid__left ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #000;
    letter-spacing: -0.4px;
    text-decoration: none;
    transition: all .3s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.high-jewelry-page .footer-grid__left ul li a {
    color: #fff
}

.footer-grid__left ul li a:hover {
    color: #656565;
    border-bottom: 1px solid #656565
}

.footer .social-icons {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 20px
}

.high-jewelry-page .footer .social-icons img {
    filter: brightness(0) invert(1)
}

.footer .social-icons .social-icon {
    transition: opacity .3s ease
}

.footer .social-icons .social-icon:hover {
    opacity: .6
}

.high-jewelry-page .footer .newsletter-form {
    color: #fff
}

@media(max-width: 1023px) {
    .footer .newsletter-form {
        margin-top: 80px
    }
}

.footer .newsletter-form .title {
    margin-bottom: 20px;
    font-style: italic
}

.footer .newsletter-form .forminator-label {
    display: none
}

.footer .newsletter-form-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 6px
}

.footer .newsletter-form input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    background: none;
    margin-right: 10px
}

.high-jewelry-page .footer .newsletter-form input {
    border-bottom: 1px solid #fff;
    color: #fff
}

.footer .newsletter-form input:focus {
    outline: none
}

.footer .newsletter-form button {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all .3s ease
}

.high-jewelry-page .footer .newsletter-form button {
    color: #000;
    background-color: #fff
}

.footer .newsletter-form button:hover {
    background: #333;
    color: #fff
}

.footer .newsletter-form .info {
    display: block;
    font-size: 12px;
    font-weight: 400;
    font-style: italic
}

.footer .newsletter-form .info a {
    color: #000
}

.high-jewelry-page .footer .newsletter-form .info a {
    color: #fff
}

.subfooter {
    color: #b8b8b8;
    padding: 20px 0;
    font-size: 12px
}

.subfooter ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    justify-content: center
}

@media(max-width: 1023px) {
    .subfooter ul {
        flex-wrap: wrap;
        row-gap: 5px
    }
}

.subfooter a {
    color: #b8b8b8;
    text-decoration: none;
    transition: all .3s ease
}

.subfooter a:hover {
    color: #000
}

.high-jewelry-page .subfooter a:hover {
    color: #fff
}

.nav {
    text-align: center;
    margin-top: 20px
}

.high-jewelry-page .nav {
    background: #000;
    color: #fff
}

.nav .nav-show-mobile {
    display: none !important
}

@media(max-width: 1023px) {
    .nav .nav-show-mobile {
        display: block !important
    }
}

.nav-toggle {
    display: none;
    position: absolute;
    left: 10px;
    top: 40px;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 9999;
}

@media(max-width: 1023px) {
    .nav-toggle {
        display: block;
        top: 40px
    }
}

.nav-toggle span {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #000;
    margin: 5px 0;
    transition: all .3s ease
}

.high-jewelry-page .nav-toggle span {
    background: #fff
}

.nav-toggle.is-active span:first-child {
    transform: rotate(45deg) translate(0, 5px)
}

.nav-toggle.is-active span:last-child {
    transform: rotate(-45deg) translate(0, -5px)
}

.nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    row-gap: 5px;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto
}

@media(max-width: 1023px) {
    .nav > ul {
        max-width: 100%;
        text-align: left;
        position: fixed;
        top: 0px;
        left: -100%;
        width: 100%;
        height: -webkit-fill-available;
        background-color: #fff;
        padding: 100px 20px 20px;
        transition: left .3s ease;
        overflow-y: auto;
        z-index: 999;
        justify-content: flex-start;
        gap: 20px;
    }

    #menu-header > li.has-dropdown.js-nav-dropdown-open,
    #menu-header > li.js-nav-item {
        flex: 1 1 100%;
        padding: 10px 0;
        position: relative;
    }

    .high-jewelry-page .nav > ul {
        color: #fff;
        background-color: #000
    }

    .nav > ul.is-active {
        padding-left: 30px;
        left: 0;
        display: block;
        margin-top: 40px;
    }
}

.nav > ul > li > span,
.nav > ul > li > a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .05em;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer
}

@media(max-width: 1023px) {

    .nav > ul > li > span,
    .nav > ul > li > a {
        display: block;
        width: 100%;
        position: relative;
        z-index: 9999;
    }
}

.high-jewelry-page .nav > ul > li > span,
.high-jewelry-page .nav > ul > li > a {
    color: #fff
}

.nav > ul > li > span:hover,
.nav > ul > li > a:hover {
    color: #656565;
    border-bottom: 1px solid #656565
}

.nav > ul > li.is-open > span,
.nav > ul > li.is-open > a {
    text-shadow: 0 0 .65px #656565, 0 0 .65px #656565;
    border-bottom: 1px solid #656565
}

.nav > ul > li.is-open .nav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

@media(max-width: 1023px) {
    .nav > ul > li.is-open .nav-dropdown {
        display: flex;
        flex-flow: wrap;
    }
}

@media(max-width: 1023px) {

    #menu-header > li.bottom-line {
        border-bottom: 1px solid #E6E6E6;
        margin: 15px 0;
    }

    li.has-dropdown.js-nav-dropdown-open.is-closed {
        left: -100%;
        transition: left .3s ease;
    }

    li.has-dropdown.js-nav-dropdown-open.is-open {
        order: -1;
        left: 0;
        transition: left .3s ease;
    }

    body.high-jewelry-page li.has-dropdown.js-nav-dropdown-open.is-open span {
        color: #fff;
    }

    li.has-dropdown.js-nav-dropdown-open.is-open span {
        text-align: center;
        display: block;
        border-bottom: 0;
        color: #000000;
        position: relative;
    }

    body.high-jewelry-page li.has-dropdown.js-nav-dropdown-open.is-open span::before {
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.999939L5.49622 5.74805L0.748108 10.4962' stroke='%23ffffff' stroke-width='1.6'/%3E%3C/svg%3E");
    }

    li.has-dropdown.js-nav-dropdown-open.is-open span::before {
        content: ' ';
        position: absolute;
        left: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.999939L5.49622 5.74805L0.748108 10.4962' stroke='%23171717' stroke-width='1.6'/%3E%3C/svg%3E");
        width: 7px;
        height: 12px;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
    }


    body.high-jewelry-page li.has-dropdown.js-nav-dropdown-open:not(.is-open) span::after,
    body.high-jewelry-page li.js-nav-item:not(.mobile-no-arrow)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.999939L5.49622 5.74805L0.748108 10.4962' stroke='%23ffffff' stroke-width='1.6'/%3E%3C/svg%3E") !important;
    }

    li.has-dropdown.js-nav-dropdown-open:not(.is-open) span::after,
    li.js-nav-item:not(.mobile-no-arrow)::after {
        content: ' ';
        position: absolute;
        right: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.999939L5.49622 5.74805L0.748108 10.4962' stroke='%23171717' stroke-width='1.6'/%3E%3C/svg%3E");
        width: 7px;
        height: 12px;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
    }

    .nav-dropdown-inner-grid-col ul li a {
        position: relative;
        display: block;
    }

    .nav-dropdown-inner-grid-col ul.nav-dropdown-inner-grid-col-collections li a {
        color: #A47E1B;
    }

    body.high-jewelry-page .nav-dropdown-inner-grid-col ul li a::before {
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.999939L5.49622 5.74805L0.748108 10.4962' stroke='%23ffffff' stroke-width='1.6'/%3E%3C/svg%3E");
    }

    .nav-dropdown-inner-grid-col ul li a::before {
        content: ' ';
        position: absolute;
        right: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748108 0.999939L5.49622 5.74805L0.748108 10.4962' stroke='%23171717' stroke-width='1.6'/%3E%3C/svg%3E");
        width: 7px;
        height: 12px;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
    }

    .nav-dropdown-inner-grid-col-collections,
    .nav-dropdown-inner ul li.nav-dropdown-inner-grid-col-collections a {
        color: #A47E1B;
    }
}

.logged-in .nav-dropdown {
    top: 170px
}

.nav-dropdown {
    width: 100%;
    height: auto;
    padding: 20px 0 30px;
    background-color: #fff;
    position: absolute;
    top: 170px;
    left: 0;
    z-index: 100;
    text-align: left;
    box-shadow: 0px 40px 40px rgba(0, 0, 0, .05);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease
}

.high-jewelry-page .nav-dropdown {
    color: #fff;
    background-color: #000
}

@media(max-width: 1023px) {
    .nav-dropdown {
        position: static;
        box-shadow: none;
        padding: 10px 0 0;
        transform: none;
        display: none
    }

    .nav-dropdown .nav-hidden-mobile {
        display: none !important
    }

    .high-jewelry-page .nav-dropdown {
        background-color: #000
    }
}

.nav-dropdown--with-offset {
    padding-left: var(--offset-left)
}

@media(max-width: 1023px) {
    .nav-dropdown--with-offset {
        padding-left: 30px
    }
}

.nav-dropdown--with-offset .nav-dropdown-inner {
    display: block;
    width: fit-content;
    margin: 0
}

@media(max-width: 1023px) {
    .nav-dropdown--with-offset .nav-dropdown-inner {
        width: 100%
    }
}

.nav-dropdown-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto
}

@media(max-width: 1023px) {
    .nav-dropdown-inner {
        max-width: 100%;
        justify-content: flex-start;
        margin: 0;
        margin-top: 10px;
        flex: 1 1 100%;
    }
}

.nav-dropdown-inner--small {
    max-width: 900px
}

.nav-dropdown-inner-grid {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

@media(max-width: 1023px) {
    .nav-dropdown-inner-grid {
        flex-direction: column;
        gap: 30px
    }

    .nav-dropdown-inner-grid--engagement .nav-dropdown-inner-grid-col.nav-dropdown-inner-grid-col--images,
    .nav-dropdown-inner-grid .nav-dropdown-inner-grid-col--images,
    .nav-dropdown-inner-grid .nav-dropdown-inner-grid-col--images-small {
        display: none
    }
}

.nav-dropdown-inner-grid--engagement .nav-dropdown-inner-grid-col {
    display: block
}

.nav-dropdown-inner-grid-col {
    flex: 2;
    min-width: 0;
    display: flex;
    gap: 30px
}

@media(max-width: 1023px) {
    .nav-dropdown-inner-grid-col {
        font-style: italic;
        flex-direction: column
    }
}

.nav-dropdown-inner-grid-col--wide {
    flex: 3
}

.nav-dropdown-inner-grid-col--medium {
    flex: 3
}

.nav-dropdown-inner-grid-col--images {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.nav-dropdown-inner-grid-col--images img {
    width: 240px;
    height: 160px;
    object-fit: cover
}

.nav-dropdown-inner-grid-col--images-small img {
    width: 280px;
    height: 190px
}

.nav-dropdown-inner-grid-col p {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 10px;
    margin-top: -5px
}

@media(max-width: 1023px) {
    .nav-dropdown-inner-grid-col p {
        font-size: 14px;
        line-height: 28px;
        color: #939598;
        font-weight: 500;
        margin-bottom: 20px;
    }

    body.high-jewelry-page .nav-dropdown-inner-grid-col p {
        color: #ffffff;
    }


    .nav-dropdown-inner-grid-col--collections p,
    .nav-dropdown-inner-grid-col.nav-dropdown-inner-grid-col--collections p {
        color: #A47E1B;
    }
}

.nav-dropdown-inner-grid-col-img {
    width: 290px;
    height: 220px;
    object-fit: cover;
    margin-bottom: 8px
}

.nav-dropdown-inner .btn {
    margin-top: 40px
}

.nav-dropdown-inner ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-dropdown-inner ul a {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    color: #000
}

.high-jewelry-page .nav-dropdown-inner ul a {
    color: #fff
}

.nav-dropdown-inner ul a.active,
.nav-dropdown-inner ul a:hover,
.nav-dropdown-inner ul a:focus {
    text-decoration: underline
}

.nav-dropdown-inner ul a span {
    font-size: 12px;
    display: block
}

.nav-shapes {
    margin-top: -5px;
    display: grid
}

.high-jewelry-page .nav-shapes img {
    filter: brightness(0) invert(1)
}

.nav-shapes-col > p {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.8
}

@media(max-width: 1023px) {
    .nav-shapes-col > p {
        font-size: 13px;
        line-height: 1.85
    }
}

.nav-shapes ul {
    gap: 20px;
    margin-top: 15px
}

.nav-shapes ul li a {
    display: flex;
    align-items: center;
    gap: 10px
}

.nav-collections {
    display: flex;
    gap: 30px;
    margin-top: 10px
}

.nav-collections-single {
    text-decoration: none;
    text-align: center;
    color: #000
}

.nav-collections-single span {
    margin-top: 10px;
    display: block
}

.nav-collections a.active,
.nav-collections a:hover,
.nav-collections a:focus {
    text-decoration: underline
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 8px;
    margin-top: 70px
}

@media(max-width: 1023px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.high-jewelry-page .products-filters hr {
    border-top-color: #fff !important;
    margin-bottom: 30px !important
}

.products .product {
    text-align: center;
    position: relative;
    transition: all .3s ease
}

.products .product-image {
    background: #f9f9f9;
    aspect-ratio: 1/1;
    display: grid;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.high-jewelry-page .products .product-image {
    background: #000
}

.products .product-image img {
    transition: all .3s ease;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.products .product-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease;
    z-index: 10;
    border: 1px solid #000
}

.high-jewelry-page .products .product-hover-overlay {
    background: #000;
    border-color: #444;
    color: #fff
}

@media(max-width: 1023px) {
    .products .product-hover-overlay {
        display: none
    }
}

.products .product-hover-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px
}

.products .product-hover-gallery {
    flex: 1;
    position: relative;
    margin-bottom: 20px;
    height: 200px
}

.products .product-hover-gallery-slider {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 4px
}

.products .product-hover-gallery-track {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.products .product-hover-gallery-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.products .product-hover-gallery-slide.active {
    opacity: 1
}

.products .product-hover-gallery-slide img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain
}

.products .product-hover-gallery-single {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.products .product-hover-gallery-single img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain
}

.products .product-hover-gallery-prev,
.products .product-hover-gallery-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    font-size: 0;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat
}

.products .product-hover-gallery-prev:hover,
.products .product-hover-gallery-next:hover {
    transform: translateY(-50%) scale(1.1)
}

.products .product-hover-gallery-prev {
    left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.18762 15.3544L2.052 8.21875L9.18762 1.08313' stroke='%23171717' stroke-width='1.6'/%3E%3C/svg%3E%0A")
}

.products .product-hover-gallery-next {
    right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.811402 0.64563L7.94702 7.78125L0.811402 14.9169' stroke='%23171717' stroke-width='1.6'/%3E%3C/svg%3E%0A")
}

.products .product-hover-info {
    text-align: center
}

.products .product-hover-title {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 0 0 8px 0;
    line-height: 1.3
}

.high-jewelry-page .products .product-hover-title {
    color: #fff
}

.products .product-hover-sku {
    font-size: 10px;
    color: #000;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    letter-spacing: .5px
}

.high-jewelry-page .products .product-hover-sku {
    color: #fff
}

.products .product-hover-details {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #000;
    color: #000;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px;
    cursor: pointer;
    transition: all .3s ease
}

.products .product-hover-details:hover {
    background: #000;
    color: #fff
}

.high-jewelry-page .products .product-hover-details {
    background: #000;
    border-color: #fff;
    color: #fff
}

.high-jewelry-page .products .product-hover-details:hover {
    background: #fff;
    color: #000
}

.products .product-title {
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    text-decoration: none;
    color: #000;
    margin-top: 20px;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: all .3s ease
}

.high-jewelry-page .products .product-title {
    color: #fff
}

.products .product-title:after {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.599976L4.5 4.59998L0.5 8.59998' stroke='black'/%3E%3C/svg%3E%0A");
    content: "";
    display: inline-block;
    width: 6px;
    height: 9px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px
}

.products .product-like {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03271 8.13376L2.02324 8.12356L2.01339 8.11372C0.328867 6.42919 0.32887 3.69804 2.0134 2.01351C3.69792 0.328988 6.42908 0.328988 8.1136 2.01351L8.76894 2.66885L9.29927 3.19918L9.8296 2.66885L10.485 2.01339C12.1696 0.328869 14.9007 0.328868 16.5853 2.01339C18.2698 3.69792 18.2698 6.42908 16.5853 8.1136L16.5781 8.1208L16.5711 8.1282L9.2267 15.8826L2.03271 8.13376Z' stroke='%23848484' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    width: 19px;
    height: 17px;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
    font-size: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9;
    visibility: none;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease
}

.products .product-like.active {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='%23848484' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03271 8.13376L2.02324 8.12356L2.01339 8.11372C0.328867 6.42919 0.32887 3.69804 2.0134 2.01351C3.69792 0.328988 6.42908 0.328988 8.1136 2.01351L8.76894 2.66885L9.29927 3.19918L9.8296 2.66885L10.485 2.01339C12.1696 0.328869 14.9007 0.328868 16.5853 2.01339C18.2698 3.69792 18.2698 6.42908 16.5853 8.1136L16.5781 8.1208L16.5711 8.1282L9.2267 15.8826L2.03271 8.13376Z' stroke='%23848484' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

@media(max-width: 1023px) {
    .products .product-like {
        top: 10px;
        right: 10px
    }
}

.products .product-look {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='49' height='49' rx='24.5' stroke='black'/%3E%3Cpath d='M39.4056 24.5564L38.3449 25.6171C30.7297 33.2323 18.383 33.2323 10.7677 25.6171L9.70708 24.5564L10.7677 23.4957C18.383 15.8805 30.7297 15.8805 38.3449 23.4957L39.4056 24.5564Z' stroke='black'/%3E%3Ccircle cx='24.1127' cy='24.5564' r='6.5' stroke='black'/%3E%3C/svg%3E%0A");
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
    font-size: 0;
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 9
}

.products .product-look--right {
    left: auto;
    right: 40px
}

@media(max-width: 1023px) {
    .products .product-look {
        bottom: 10px;
        left: 10px
    }

    .products .product-look--right {
        right: 10px
    }
}

.products .product--big {
    grid-column: span 2;
    grid-row: span 2
}

.products .product--big .product-image,
.products .product--big .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width: 1023px) {
    .products .product--big {
        grid-column: span 1;
        grid-row: span 1
    }
}

.products .product:hover .product-image img {
    transform: scale(1.05)
}

.products .product:hover .product-title {
    border-bottom: 1px solid #656565;
    color: #656565
}

.products .product:hover .product-like {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.products--with-hover .product:hover {
    transform: scale(1.05);
    z-index: 15
}

.products--with-hover .product:hover .product-image img {
    transform: none
}

.products--with-hover .product:hover .product-like {
    z-index: 20
}

.products--with-hover .product:hover .product-hover-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

@media(max-width: 1023px) {
    .products--with-hover .product:hover .product-hover-overlay {
        opacity: 0;
        visibility: hidden;
        pointer-events: none
    }
}

.products--list {
    background: linear-gradient(180deg, #fbf8f7 -3.84%, #ffffff 8.3%);
    padding: 40px 0
}

.high-jewelry-page .products--list {
    background: rgba(0, 0, 0, 0)
}

.high-jewelry-page .products--list .choices[data-type*=select-one]::after {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.products--list .products-filters-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

@media(max-width: 1023px) {
    .products--list .products-filters-wrapper {
        row-gap: 0
    }
}

.products--list .products-filters-wrapper .choices {
    margin-bottom: 0
}

.products--list .products-filters-wrapper .choices__inner {
    border: none;
    background: rgba(0, 0, 0, 0);
    font-size: 12px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    letter-spacing: .7px;
    color: #000;
    padding-left: 0;
    text-transform: uppercase
}

.high-jewelry-page .products--list .products-filters-wrapper .choices__inner {
    color: #fff
}

.products--list .products-filters-wrapper .choices__list--dropdown,
.products--list .products-filters-wrapper .choices__list[aria-expanded] {
    width: 300px;
    z-index: 20
}

@media(max-width: 1023px) {

    .products--list .products-filters-wrapper .choices__list--dropdown,
    .products--list .products-filters-wrapper .choices__list[aria-expanded] {
        width: 50vw;
        left: 0
    }
}

.products--list .products-filters-wrapper .choices__list--dropdown .choices__placeholder,
.products--list .products-filters-wrapper .choices__list[aria-expanded] .choices__placeholder {
    display: none
}

.products--list .products-filters-wrapper .choices__list--dropdown .choices__item.is-selected,
.products--list .products-filters-wrapper .choices__list[aria-expanded] .choices__item.is-selected {
    font-weight: 600
}

.products--list .products-filters-wrapper .choices__list {
    padding-left: 0;
    word-break: keep-all
}

.products--list .products-filters-wrapper .choices[data-type*=select-one]::after {
    right: 5px
}

.products--list .products-filters-count {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    letter-spacing: .7px;
    color: #000
}

.high-jewelry-page .products--list .products-filters-count {
    color: #fff
}

.products--no-bg {
    background: rgba(0, 0, 0, 0)
}

.products--count-4 .products-grid {
    grid-template-columns: repeat(4, 1fr)
}

@media(max-width: 1023px) {
    .products--count-4 .products-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.products-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 130px
}

@media(max-width: 1023px) {
    .products-hero-grid {
        grid-template-columns: 1fr;
        gap: 40px
    }
}

.products-hero-grid__image img {
    width: 100%;
    height: auto;
    aspect-ratio: 619/474;
    object-fit: cover
}

@media(min-width: 480px) {
    .products-hero p {
        font-size: 15px
    }
}

.products-hero .title {
    font-size: 54px;
    line-height: 1.05;
    text-transform: none;
    margin-bottom: 40px
}

.high-jewelry-page .products-hero .title {
    color: #fff
}

@media(max-width: 1023px) {
    .products-hero .title {
        margin-bottom: 30px;
        font-size: 30px
    }
}

@media(max-width: 479px) {
    .products-hero .title {
        font-size: 32px
    }
}

.high-jewelry-page .product-info {
    color: #fff
}

.high-jewelry-page .product-info a {
    color: #fff
}

.product-info__grid {
    display: grid;
    grid-template-columns: 50% 400px;
    gap: 84px
}

@media(max-width: 1023px) {
    .product-info__grid {
        grid-template-columns: 1fr;
        gap: 40px
    }
}

.product-info__gallery {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 20px;
    position: relative;
    overflow: hidden;
    min-width: 0
}

.product-info__gallery::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 40px;
    background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 2
}

.high-jewelry-page .product-info__gallery::before {
    background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%)
}

@media(max-width: 1023px) {
    .product-info__gallery {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
        gap: 10px
    }

    .product-info__gallery::before {
        display: none
    }
}

.product-info__gallery-wishlist {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    font-size: 0;
    padding: 0;
    margin: 0
}

.product-info__gallery-thumbnails {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 600px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.product-info__gallery-thumbnails::-webkit-scrollbar {
    display: none
}

@media(max-width: 1023px) {
    .product-info__gallery-thumbnails {
        flex-direction: row;
        max-height: none;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .product-info__gallery-thumbnails::-webkit-scrollbar {
        display: none
    }
}

.product-info__gallery-thumbnails img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: border-color .3s ease
}

.product-info__gallery-thumbnails img.active {
    opacity: .6;
    filter: grayscale(100%)
}

@media(max-width: 1023px) {
    .product-info__gallery-thumbnails img {
        width: 80px
    }
}

.product-info__gallery-main {
    position: relative;
    aspect-ratio: 1;
    background: #f9f9f9;
    width: 100%;
    min-width: 0;
    overflow: hidden
}

.high-jewelry-page .product-info__gallery-main {
    background: #000
}

.product-info__gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity .2s ease-in-out
}

.product-info__gallery-arrow {
    position: absolute;
    bottom: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

.product-info__gallery-arrow:hover {
    background: #000;
    color: #fff
}

.product-info__gallery-arrow--prev {
    right: 70px
}

.product-info__gallery-arrow--next {
    right: 20px
}

.product-info__actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-bottom: -10px
}

.product-info__action {
    background-color: rgba(0, 0, 0, 0);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
    font-size: 0
}

.product-info__action--like {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03271 8.13376L2.02324 8.12356L2.01339 8.11372C0.328867 6.42919 0.32887 3.69804 2.0134 2.01351C3.69792 0.328988 6.42908 0.328988 8.1136 2.01351L8.76894 2.66885L9.29927 3.19918L9.8296 2.66885L10.485 2.01339C12.1696 0.328869 14.9007 0.328868 16.5853 2.01339C18.2698 3.69792 18.2698 6.42908 16.5853 8.1136L16.5781 8.1208L16.5711 8.1282L9.2267 15.8826L2.03271 8.13376Z' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    width: 19px;
    height: 17px
}

.product-info__action--like.active {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03271 8.13376L2.02324 8.12356L2.01339 8.11372C0.328867 6.42919 0.32887 3.69804 2.0134 2.01351C3.69792 0.328988 6.42908 0.328988 8.1136 2.01351L8.76894 2.66885L9.29927 3.19918L9.8296 2.66885L10.485 2.01339C12.1696 0.328869 14.9007 0.328868 16.5853 2.01339C18.2698 3.69792 18.2698 6.42908 16.5853 8.1136L16.5781 8.1208L16.5711 8.1282L9.2267 15.8826L2.03271 8.13376Z' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E%0A")
}

.high-jewelry-page .product-info__action--like {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03271 8.13376L2.02324 8.12356L2.01339 8.11372C0.328867 6.42919 0.32887 3.69804 2.0134 2.01351C3.69792 0.328988 6.42908 0.328988 8.1136 2.01351L8.76894 2.66885L9.29927 3.19918L9.8296 2.66885L10.485 2.01339C12.1696 0.328869 14.9007 0.328868 16.5853 2.01339C18.2698 3.69792 18.2698 6.42908 16.5853 8.1136L16.5781 8.1208L16.5711 8.1282L9.2267 15.8826L2.03271 8.13376Z' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E%0A")
}

.high-jewelry-page .product-info__action--like.active {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03271 8.13376L2.02324 8.12356L2.01339 8.11372C0.328867 6.42919 0.32887 3.69804 2.0134 2.01351C3.69792 0.328988 6.42908 0.328988 8.1136 2.01351L8.76894 2.66885L9.29927 3.19918L9.8296 2.66885L10.485 2.01339C12.1696 0.328869 14.9007 0.328868 16.5853 2.01339C18.2698 3.69792 18.2698 6.42908 16.5853 8.1136L16.5781 8.1208L16.5711 8.1282L9.2267 15.8826L2.03271 8.13376Z' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E%0A")
}

.product-info__action--share {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='19' viewBox='0 0 16 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6663 12.2153C12.2217 12.2151 11.7815 12.3058 11.372 12.4819C10.9624 12.658 10.5917 12.916 10.2819 13.2406L6.44118 10.7277C6.74329 9.93906 6.74329 9.06366 6.44118 8.27502L10.2819 5.76212C10.8588 6.36368 11.6346 6.72576 12.4588 6.77815C13.283 6.83055 14.097 6.56952 14.743 6.04567C15.3889 5.52183 15.8208 4.77249 15.9548 3.94295C16.0888 3.1134 15.9155 2.26274 15.4684 1.55589C15.0213 0.84904 14.3323 0.336362 13.535 0.117251C12.7377 -0.101861 11.8889 -0.0117947 11.1531 0.369987C10.4173 0.751769 9.847 1.39807 9.55273 2.18358C9.25845 2.96909 9.26118 3.83785 9.56039 4.62143L5.71969 7.13433C5.2572 6.65098 4.66362 6.31901 4.01482 6.18086C3.36603 6.0427 2.6915 6.10464 2.07747 6.35875C1.46343 6.61286 0.937787 7.0476 0.567726 7.6074C0.197665 8.16719 0 8.82661 0 9.50136C0 10.1761 0.197665 10.8355 0.567726 11.3953C0.937787 11.9551 1.46343 12.3899 2.07747 12.644C2.6915 12.8981 3.36603 12.96 4.01482 12.8219C4.66362 12.6837 5.2572 12.3517 5.71969 11.8684L9.56039 14.3813C9.30309 15.0568 9.26502 15.7985 9.45174 16.4976C9.63847 17.1968 10.0402 17.8167 10.598 18.2666C11.1559 18.7165 11.8406 18.9728 12.552 18.998C13.2633 19.0231 13.9638 18.8157 14.551 18.4062C15.1381 17.9967 15.5811 17.4067 15.8149 16.7224C16.0488 16.0381 16.0613 15.2955 15.8507 14.6035C15.64 13.9114 15.2172 13.3062 14.6442 12.8764C14.0711 12.4467 13.378 12.215 12.6663 12.2153ZM12.6663 1.35967C13.0617 1.35967 13.4483 1.47904 13.7771 1.7027C14.1059 1.92635 14.3622 2.24424 14.5136 2.61617C14.6649 2.98809 14.7045 3.39735 14.6273 3.79218C14.5502 4.18701 14.3598 4.54969 14.0801 4.83435C13.8005 5.11901 13.4442 5.31286 13.0564 5.3914C12.6685 5.46994 12.2665 5.42963 11.9011 5.27557C11.5357 5.12152 11.2235 4.86063 11.0037 4.52591C10.784 4.19119 10.6668 3.79766 10.6668 3.39509C10.6668 2.85526 10.8774 2.33754 11.2524 1.95583C11.6274 1.57411 12.136 1.35967 12.6663 1.35967ZM3.33529 11.5368C2.93983 11.5368 2.55325 11.4174 2.22444 11.1938C1.89562 10.9701 1.63934 10.6522 1.488 10.2803C1.33667 9.90836 1.29707 9.4991 1.37422 9.10427C1.45137 8.70943 1.6418 8.34676 1.92144 8.0621C2.20107 7.77744 2.55735 7.58358 2.94521 7.50504C3.33308 7.42651 3.73511 7.46682 4.10047 7.62087C4.46583 7.77493 4.77811 8.03581 4.99781 8.37054C5.21752 8.70526 5.33479 9.09879 5.33479 9.50136C5.33479 10.0412 5.12413 10.5589 4.74915 10.9406C4.37417 11.3223 3.86559 11.5368 3.33529 11.5368ZM12.6663 17.643C12.2708 17.643 11.8842 17.5237 11.5554 17.3C11.2266 17.0764 10.9703 16.7585 10.819 16.3865C10.6676 16.0146 10.628 15.6054 10.7052 15.2105C10.7823 14.8157 10.9728 14.453 11.2524 14.1684C11.532 13.8837 11.8883 13.6899 12.2762 13.6113C12.6641 13.5328 13.0661 13.5731 13.4314 13.7271C13.7968 13.8812 14.1091 14.1421 14.3288 14.4768C14.5485 14.8115 14.6658 15.2051 14.6658 15.6076C14.6658 16.1475 14.4551 16.6652 14.0801 17.0469C13.7051 17.4286 13.1966 17.643 12.6663 17.643Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 19px
}

.high-jewelry-page .product-info__action--share {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='19' viewBox='0 0 16 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6663 12.2153C12.2217 12.2151 11.7815 12.3058 11.372 12.4819C10.9624 12.658 10.5917 12.916 10.2819 13.2406L6.44118 10.7277C6.74329 9.93906 6.74329 9.06366 6.44118 8.27502L10.2819 5.76212C10.8588 6.36368 11.6346 6.72576 12.4588 6.77815C13.283 6.83055 14.097 6.56952 14.743 6.04567C15.3889 5.52183 15.8208 4.77249 15.9548 3.94295C16.0888 3.1134 15.9155 2.26274 15.4684 1.55589C15.0213 0.84904 14.3323 0.336362 13.535 0.117251C12.7377 -0.101861 11.8889 -0.0117947 11.1531 0.369987C10.4173 0.751769 9.847 1.39807 9.55273 2.18358C9.25845 2.96909 9.26118 3.83785 9.56039 4.62143L5.71969 7.13433C5.2572 6.65098 4.66362 6.31901 4.01482 6.18086C3.36603 6.0427 2.6915 6.10464 2.07747 6.35875C1.46343 6.61286 0.937787 7.0476 0.567726 7.6074C0.197665 8.16719 0 8.82661 0 9.50136C0 10.1761 0.197665 10.8355 0.567726 11.3953C0.937787 11.9551 1.46343 12.3899 2.07747 12.644C2.6915 12.8981 3.36603 12.96 4.01482 12.8219C4.66362 12.6837 5.2572 12.3517 5.71969 11.8684L9.56039 14.3813C9.30309 15.0568 9.26502 15.7985 9.45174 16.4976C9.63847 17.1968 10.0402 17.8167 10.598 18.2666C11.1559 18.7165 11.8406 18.9728 12.552 18.998C13.2633 19.0231 13.9638 18.8157 14.551 18.4062C15.1381 17.9967 15.5811 17.4067 15.8149 16.7224C16.0488 16.0381 16.0613 15.2955 15.8507 14.6035C15.64 13.9114 15.2172 13.3062 14.6442 12.8764C14.0711 12.4467 13.378 12.215 12.6663 12.2153ZM12.6663 1.35967C13.0617 1.35967 13.4483 1.47904 13.7771 1.7027C14.1059 1.92635 14.3622 2.24424 14.5136 2.61617C14.6649 2.98809 14.7045 3.39735 14.6273 3.79218C14.5502 4.18701 14.3598 4.54969 14.0801 4.83435C13.8005 5.11901 13.4442 5.31286 13.0564 5.3914C12.6685 5.46994 12.2665 5.42963 11.9011 5.27557C11.5357 5.12152 11.2235 4.86063 11.0037 4.52591C10.784 4.19119 10.6668 3.79766 10.6668 3.39509C10.6668 2.85526 10.8774 2.33754 11.2524 1.95583C11.6274 1.57411 12.136 1.35967 12.6663 1.35967ZM3.33529 11.5368C2.93983 11.5368 2.55325 11.4174 2.22444 11.1938C1.89562 10.9701 1.63934 10.6522 1.488 10.2803C1.33667 9.90836 1.29707 9.4991 1.37422 9.10427C1.45137 8.70943 1.6418 8.34676 1.92144 8.0621C2.20107 7.77744 2.55735 7.58358 2.94521 7.50504C3.33308 7.42651 3.73511 7.46682 4.10047 7.62087C4.46583 7.77493 4.77811 8.03581 4.99781 8.37054C5.21752 8.70526 5.33479 9.09879 5.33479 9.50136C5.33479 10.0412 5.12413 10.5589 4.74915 10.9406C4.37417 11.3223 3.86559 11.5368 3.33529 11.5368ZM12.6663 17.643C12.2708 17.643 11.8842 17.5237 11.5554 17.3C11.2266 17.0764 10.9703 16.7585 10.819 16.3865C10.6676 16.0146 10.628 15.6054 10.7052 15.2105C10.7823 14.8157 10.9728 14.453 11.2524 14.1684C11.532 13.8837 11.8883 13.6899 12.2762 13.6113C12.6641 13.5328 13.0661 13.5731 13.4314 13.7271C13.7968 13.8812 14.1091 14.1421 14.3288 14.4768C14.5485 14.8115 14.6658 15.2051 14.6658 15.6076C14.6658 16.1475 14.4551 16.6652 14.0801 17.0469C13.7051 17.4286 13.1966 17.643 12.6663 17.643Z' fill='white'/%3E%3C/svg%3E%0A")
}

.product-info__content,
.product-info__description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px
}

.product-info__description {
    gap: 30px;
    font-size: 13px;
    line-height: 1.7;
    font-weight: 400
}

.product-info__description a {
    align-self: flex-start
}

.product-info__description-details {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.product-info__description-details small {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: .05em;
    font-weight: 500
}

.product-info__description-details h1 {
    font-family: "Libre Caslon Text", serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2
}

.product-info__description-main {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.product-info__description-actions ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px
}

.product-info__description-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}

.product-info__description-buttons .button {
    width: 100%;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: .02em;
    display: block;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #000;
    color: #000;
    transition: all .3s ease
}

.high-jewelry-page .product-info__description-buttons .button {
    border-color: #fff;
    color: #fff
}

.product-info__description-buttons .button:hover {
    background: #000;
    color: #fff
}

.product-info__description-buttons .button--primary {
    background: #000;
    color: #fff
}

.high-jewelry-page .product-info__description-buttons .button--primary {
    background: #fff;
    color: #000
}

.product-info__description-buttons .button--primary:hover {
    background: #fff;
    color: #000
}

.artist-page .artist-content {
    padding: 80px 0 160px;
    background: #fff
}

@media(max-width: 1023px) {
    .artist-page .artist-content {
        padding: 60px 0
    }
}

.artist-page .artist-content .container,
.artist-page .artist-content .text-with-background__content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px
}

.artist-page .artist-image {
    margin: 80px auto
}

.artist-page .artist-title {
    font-family: "Libre Caslon Text", serif;
    font-size: 48px;
    line-height: 1.83;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 0 0 80px
}

@media(max-width: 1023px) {
    .artist-page .artist-title {
        font-size: 24px;
        margin: 0 0 60px
    }
}

.artist-page .artist-text-section {
    max-width: 707px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px
}

@media(max-width: 1023px) {
    .artist-page .artist-text-section {
        gap: 60px
    }
}

.artist-page .artist-paragraph {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    color: #000;
    text-align: justify;
    margin: 0;
    width: 100%
}

@media(max-width: 1023px) {
    .artist-page .artist-paragraph {
        font-size: 13px;
        line-height: 1.85
    }
}

.artist-page .artist-images-row {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    align-self: stretch;
    margin: 80px auto
}

@media(max-width: 1023px) {
    .artist-page .artist-images-row {
        flex-direction: column;
        gap: 20px
    }
}

.artist-page .artist-image-placeholder {
    background-color: #cac7c7;
    width: 470px;
    height: 403px;
    flex: 1
}

@media(max-width: 1023px) {
    .artist-page .artist-image-placeholder {
        width: 100%;
        height: 300px;
        max-width: 470px;
        flex: auto
    }
}

.artist-page .artist-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 6px 38px;
    width: 338px;
    height: 38px;
    transition: all .3s ease
}

@media(max-width: 1023px) {
    .artist-page .artist-cta-button {
        width: 100%;
        max-width: 338px;
        font-size: 13px;
        line-height: 1.85
    }
}

.artist-page .artist-cta-button:hover {
    background-color: #333;
    color: #fff
}

.story-page .story-content {
    padding: 80px 0 160px;
    background: #fff
}

@media(max-width: 1023px) {
    .story-page .story-content {
        padding: 60px 0
    }
}

.story-page .story-content .container,
.story-page .story-content .text-with-background__content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px
}

.story-page .story-title {
    font-family: "Libre Caslon Text", serif;
    font-size: 48px;
    line-height: 1.83;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 0 0 80px
}

@media(max-width: 1023px) {
    .story-page .story-title {
        font-size: 40px;
        margin: 0 0 60px
    }
}

.story-page .story-hero-image {
    margin: 0 auto 80px;
    text-align: center
}

.story-page .story-hero-image img {
    margin: 0 auto
}

@media(max-width: 1023px) {
    .story-page .story-hero-image {
        width: 100%;
        max-width: 562px;
        height: auto;
        margin: 0 auto 60px
    }
}

.story-page .story-text-section {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 80px
}

@media(max-width: 1023px) {
    .story-page .story-text-section {
        gap: 60px;
        max-width: 100%
    }
}

.story-page .story-paragraph {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 0
}

@media(max-width: 1023px) {
    .story-page .story-paragraph {
        font-size: 13px;
        line-height: 1.85
    }
}

.story-page .story-paragraph--wide {
    max-width: 926px;
    margin: 0 auto;
    text-align: justify
}

.story-page .story-paragraph--final {
    max-width: 745px;
    margin: 0 auto 80px;
    text-align: justify
}

.story-page .story-section {
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%
}

@media(max-width: 1023px) {
    .story-page .story-section {
        flex-direction: column;
        gap: 40px
    }
}

.story-page .story-section__content {
    padding: 100px 80px
}

@media(max-width: 1023px) {
    .story-page .story-section__content {
        max-width: 100%;
        padding: 40px 20px
    }
}

.story-page .story-section--left .story-section__content {
    order: 1
}

@media(max-width: 1023px) {
    .story-page .story-section--left .story-section__content {
        order: 2;
        max-width: 100%
    }
}

.story-page .story-section--left .story-section__image {
    order: 2
}

@media(max-width: 1023px) {
    .story-page .story-section--left .story-section__image {
        order: 1
    }
}

.story-page .story-section--right .story-section__content {
    order: 2
}

@media(max-width: 1023px) {
    .story-page .story-section--right .story-section__content {
        order: 2
    }
}

.story-page .story-section--right .story-section__image {
    order: 1
}

@media(max-width: 1023px) {
    .story-page .story-section--right .story-section__image {
        order: 1
    }
}

.story-page .story-section__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    background: #fff
}

.story-page .story-section__content .story-paragraph {
    max-width: 540px;
    text-align: left
}

@media(max-width: 1023px) {
    .story-page .story-section__content .story-paragraph {
        text-align: center
    }
}

.story-page .story-section__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.story-page .story-section__image--large {
    width: 720px;
    height: 530px
}

@media(max-width: 1023px) {
    .story-page .story-section__image--large {
        width: 100%;
        height: 300px;
        max-width: 720px
    }
}

.story-page .story-final-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    max-width: 707px;
    margin: 0 auto
}

@media(max-width: 1023px) {
    .story-page .story-final-section {
        gap: 40px
    }
}

.story-page .story-final-image {
    width: 554px;
    height: 377px;
    background-color: #d9d9d9
}

@media(max-width: 1023px) {
    .story-page .story-final-image {
        width: 100%;
        max-width: 554px;
        height: 280px
    }
}

.process-page .process-content {
    padding: 80px 0 160px;
    background: #fff
}

@media(max-width: 1023px) {
    .process-page .process-content {
        padding: 60px 0
    }
}

.process-page .process-content .container,
.process-page .process-content .text-with-background__content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px
}

.process-page .process-title {
    font-family: "Libre Caslon Text", serif;
    font-size: 48px;
    line-height: 1.83;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 0 0 80px
}

@media(max-width: 1023px) {
    .process-page .process-title {
        font-size: 24px;
        margin: 0 0 60px
    }
}

.process-page .process-hero-image {
    margin: 0 auto 80px
}

.process-page .process-hero-image img {
    margin: 0 auto
}

@media(max-width: 1023px) {
    .process-page .process-hero-image {
        width: 100%;
        max-width: 562px;
        height: auto;
        margin: 0 auto 60px
    }
}

.process-page .process-section {
    margin-bottom: 80px
}

@media(max-width: 1023px) {
    .process-page .process-section {
        margin-bottom: 60px
    }
}

.process-page .process-section__header {
    margin-bottom: 50px
}

@media(max-width: 1023px) {
    .process-page .process-section__header {
        margin-bottom: 40px
    }
}

.process-page .process-section__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px
}

@media(max-width: 1023px) {
    .process-page .process-section__content {
        gap: 40px
    }
}

.process-page .process-section__title {
    font-family: "Libre Caslon Text", serif;
    font-size: 40px;
    line-height: 1.275;
    font-weight: 400;
    color: #1d1818;
    text-align: center;
    margin: 0;
    max-width: 900px;
    margin: 0 auto
}

@media(max-width: 1023px) {
    .process-page .process-section__title {
        font-size: 32px
    }
}

.process-page .process-section__title--center {
    text-align: center;
    max-width: 738px
}

.process-page .process-section__image--large {
    width: 720px;
    height: 530px
}

.process-page .process-section__image--large img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width: 1023px) {
    .process-page .process-section__image--large {
        width: 100%;
        height: 300px;
        max-width: 720px
    }
}

.process-page .process-section--with-image {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center
}

@media(max-width: 1023px) {
    .process-page .process-section--with-image {
        grid-template-columns: 1fr
    }
}

.process-page .process-section--with-image .process-section__content {
    flex: 1;
    align-items: flex-start;
    padding: 100px 80px
}

@media(max-width: 1023px) {
    .process-page .process-section--with-image .process-section__content {
        padding: 40px 20px;
        align-items: center
    }
}

.process-page .process-section--with-image .process-section__title {
    text-align: left
}

@media(max-width: 1023px) {
    .process-page .process-section--with-image .process-section__title {
        text-align: center
    }
}

.process-page .process-section--reverse .process-section__image {
    order: 1
}

@media(max-width: 1023px) {
    .process-page .process-section--reverse .process-section__image {
        order: 1
    }
}

.process-page .process-section--reverse .process-section__content {
    order: 0
}

@media(max-width: 1023px) {
    .process-page .process-section--reverse .process-section__content {
        order: 2
    }
}

.process-page .process-paragraph {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    color: #000;
    text-align: justify;
    margin: 0;
    max-width: 926px
}

@media(max-width: 1023px) {
    .process-page .process-paragraph {
        font-size: 13px;
        line-height: 1.85
    }
}

.process-page .process-paragraph--center {
    text-align: justify;
    max-width: 745px;
    margin: 0 auto
}

.process-page .process-video-section {
    margin: 80px auto
}

@media(max-width: 1023px) {
    .process-page .process-video-section {
        margin: 60px auto
    }
}

.process-page .process-video-placeholder {
    width: 1004px;
    height: 377px;
    background-color: #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media(max-width: 1023px) {
    .process-page .process-video-placeholder {
        width: 100%;
        height: 250px;
        max-width: 1004px
    }
}

.process-page .process-video-text {
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    line-height: 1.5;
    font-weight: 400;
    color: #878787
}

@media(max-width: 1023px) {
    .process-page .process-video-text {
        font-size: 24px
    }
}

.process-page .process-final-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    max-width: 740px;
    margin: 0 auto
}

@media(max-width: 1023px) {
    .process-page .process-final-section {
        gap: 40px
    }
}

.process-page .process-section:first-of-type .process-section__content {
    max-width: 926px;
    margin: 0 auto
}

.process-page .process-section:first-of-type .process-paragraph {
    max-width: 100%
}

.process-page .process-section--with-image {
    max-width: 1440px;
    margin: 0 auto 80px
}

@media(max-width: 1023px) {
    .process-page .process-section--with-image {
        margin: 0 auto 60px
    }
}

.process-page .process-section--with-image .process-section__content {
    width: 720px
}

@media(max-width: 1023px) {
    .process-page .process-section--with-image .process-section__content {
        width: 100%
    }
}

.process-page .process-section--with-image .process-paragraph {
    max-width: 540px;
    text-align: left
}

@media(max-width: 1023px) {
    .process-page .process-section--with-image .process-paragraph {
        text-align: center;
        max-width: 100%
    }
}

@media(max-width: 1023px) {

    main.high-jewelry-page .container,
    main.high-jewelry-page .text-with-background__content {
        padding-left: 0;
        padding-right: 0
    }
}

.high-jewelry-page .high-jewelry-hero {
    width: 100%;
    position: relative;
    background-color: #000;
    max-height: 900px;
    overflow: hidden
}

@media(max-width: 1023px) {
    .high-jewelry-page .high-jewelry-hero {
        max-height: 350px
    }

    .high-jewelry-page .high-jewelry-hero img {
        opacity: 1 !important
    }
}

@media(max-width: 479px) {
    .high-jewelry-page .high-jewelry-hero {
        height: auto
    }
}

.high-jewelry-page .high-jewelry-hero__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: var(--text-color, #000);
    text-align: center
}

@media(max-width: 479px) {
    .high-jewelry-page .high-jewelry-hero__content {
        position: static;
        transform: none !important;
        padding-bottom: 20px
    }
}

.high-jewelry-page .high-jewelry-hero__content--position-center-left {
    left: 10%;
    transform: translateY(-50%)
}

.high-jewelry-page .high-jewelry-hero__content--position-center-right {
    left: auto;
    right: 10%;
    transform: translateY(-50%)
}

.high-jewelry-page .high-jewelry-hero__content--position-center-top {
    top: 10%;
    transform: translateX(-50%)
}

.high-jewelry-page .high-jewelry-hero__content--position-center-bottom {
    top: auto;
    bottom: 10%;
    transform: translateX(-50%)
}

.high-jewelry-page .high-jewelry-hero__content--position-top-left {
    top: 10%;
    left: 10%;
    transform: none
}

.high-jewelry-page .high-jewelry-hero__content--position-top-right {
    left: auto;
    top: 10%;
    right: 10%;
    transform: none
}

.high-jewelry-page .high-jewelry-hero__content--position-bottom-right {
    top: auto;
    bottom: 10%;
    right: 10%;
    transform: none
}

.high-jewelry-page .high-jewelry-hero__content--position-bottom-left {
    top: auto;
    bottom: 10%;
    left: 10%;
    transform: none
}

.high-jewelry-page .high-jewelry-hero__title {
    font-family: "Libre Caslon Text", serif;
    font-size: 70px;
    line-height: 1.4;
    font-weight: 400;
    color: #fff;
    margin: 0
}

@media(max-width: 1023px) {
    .high-jewelry-page .high-jewelry-hero__title {
        font-size: 40px
    }
}

@media(max-width: 479px) {
    .high-jewelry-page .high-jewelry-hero__title {
        font-size: 32px
    }
}

.high-jewelry-page .high-jewelry-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0
}

@media(max-width: 1023px) {
    .high-jewelry-page .high-jewelry-image {
        background: #000
    }
}

.high-jewelry-page .high-jewelry-item {
    width: 100%;
    height: 600px;
    display: flex;
    padding: 256px 0;
    position: relative
}

@media(max-width: 1023px) {
    .high-jewelry-page .high-jewelry-item {
        height: 400px;
        padding: 80px 0;
        background-color: #000
    }
}

.high-jewelry-page .high-jewelry-item--light .high-jewelry-item__content {
    justify-content: flex-start
}

.high-jewelry-page .high-jewelry-item--light .high-jewelry-item__info {
    align-items: flex-start;
    text-align: left
}

.high-jewelry-page .high-jewelry-item--light .high-jewelry-item__title {
    text-align: left
}

.high-jewelry-page .high-jewelry-item--light .high-jewelry-item__subtitle {
    text-align: left
}

.high-jewelry-page .high-jewelry-item--dark .high-jewelry-item__content {
    justify-content: flex-end
}

.high-jewelry-page .high-jewelry-item--dark .high-jewelry-item__info {
    align-items: flex-end;
    text-align: right
}

.high-jewelry-page .high-jewelry-item--dark .high-jewelry-item__title {
    text-align: right
}

.high-jewelry-page .high-jewelry-item--dark .high-jewelry-item__subtitle {
    text-align: right
}

.high-jewelry-page .high-jewelry-item--dark .high-jewelry-item__cta {
    align-self: flex-end
}

.high-jewelry-page .high-jewelry-item__content {
    display: flex;
    align-items: flex-end;
    width: calc(100% - 300px);
    margin-left: 150px;
    position: relative;
    z-index: 2
}

@media(max-width: 1023px) {
    .high-jewelry-page .high-jewelry-item__content {
        width: calc(100% - 100px);
        margin-left: 50px
    }
}

.high-jewelry-page .high-jewelry-item__info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 555px;
    max-width: 100%
}

@media(max-width: 1023px) {
    .high-jewelry-page .high-jewelry-item__info {
        width: 100%;
        max-width: 400px
    }
}

.high-jewelry-page .high-jewelry-item__subtitle {
    font-family: "Libre Caslon Text", serif;
    font-size: 27px;
    line-height: 2.44;
    font-weight: 400;
    color: #fff;
    margin: 0
}

@media(max-width: 1023px) {
    .high-jewelry-page .high-jewelry-item__subtitle {
        font-size: 24px;
        line-height: 1.5
    }
}

.high-jewelry-page .high-jewelry-item__title {
    font-family: "Libre Caslon Text", serif;
    font-size: 40px;
    line-height: 1.65;
    font-weight: 400;
    color: #fff;
    margin: 0
}

@media(max-width: 1023px) {
    .high-jewelry-page .high-jewelry-item__title {
        font-size: 32px;
        line-height: 1.4
    }
}

.high-jewelry-page .high-jewelry-item__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px
}

.content-item-1 {
    position: absolute !important;
    left: 5%;
    top: 5%;
    margin-left: 0 !important
}

@media(max-width: 1023px) {
    .content-item-1 {
        position: static !important;
        margin-left: 50px !important
    }
}

.content-item-2 {
    position: absolute !important;
    right: 10%;
    bottom: 15%;
    margin-left: 0 !important
}

@media(max-width: 1023px) {
    .content-item-2 {
        position: static !important;
        margin-left: 50px !important
    }
}

.banner {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 5px 0
}

.banner a {
    color: #fff;
    text-decoration: underline;
    font-weight: 600
}

.title {
    font-family: "Libre Caslon Text", serif;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 400;
    text-transform: uppercase
}

.title--lowercase {
    text-transform: none
}

@media(max-width: 1023px) {
    .title {
        font-size: 30px
    }
}

@media(max-width: 479px) {
    .title {
        font-size: 32px
    }
}

.title--27px {
    font-size: 27px
}

@media(max-width: 1023px) {
    .title--27px {
        font-size: 24px
    }
}

.title sup {
    font-size: 60%
}

.collection-hero {
    padding: 160px 0px 100px;
    background: linear-gradient(180deg, #fbf8f7 0.45%, #ffffff 100%)
}

.collection-hero .container,
.collection-hero .text-with-background__content {
    display: flex;
    flex-direction: column;
    gap: 60px
}

.collection-hero .items .item-icon {
    width: 140px
}

.collection-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 470px
}

.single-collection .two-columns-grid__image img {
    max-height: 615px
}

.single-collection .items .item {
    width: 140px
}

.breadcrumbs {
    margin-bottom: 44px
}

.high-jewelry-page .breadcrumbs {
    color: #fff
}

.high-jewelry-page .breadcrumbs a,
.high-jewelry-page .breadcrumbs span {
    color: #fff
}

.breadcrumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.breadcrumbs ul li {
    font-size: 11px
}

.breadcrumbs ul li::after {
    content: "/";
    display: inline-block;
    margin: 0 5px;
    font-size: 9px
}

.breadcrumbs ul li:last-child::after {
    content: ""
}

.breadcrumbs span {
    color: #000
}

.breadcrumbs a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: all .3s ease
}

.breadcrumbs a:hover {
    color: #656565;
    border-bottom: 1px solid #656565
}

.items {
    display: flex;
    gap: 20px;
    margin: 0 auto 10px;
    flex-wrap: wrap;
    justify-content: center
}

@media(max-width: 1023px) {
    .items {
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        scroll-snap-type: x mandatory;
        margin: 0 0 10px
    }
}

.items-no-gap {
    gap: 0
}

.items .item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #000;
    width: 110px
}

@media(max-width: 1023px) {
    .items .item {
        flex: 0 0 auto;
        scroll-snap-align: start
    }
}

.items .item-icon {
    margin-bottom: 6px;
    width: 90px;
    transition: all .3s ease
}

.items .item-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
    padding: 10px;
    transition: all .3s ease
}

.items .item:hover .item-icon {
    transform: scale(1.2)
}

.items .item:hover .item-text {
    text-shadow: 0 0 .65px #000, 0 0 .65px #000
}

.hero {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    height: calc(100vh - 170px);
}

@media(max-width: 1025px) {
    .hero {
        height: auto !important;
    }
}

.hero .hero-image {
    width: 100%;
    object-fit: cover
}

@media(max-width: 1000px) {

    //479px
    .hero .hero-image {
        max-height: 350px;
        position: static
    }
}

.hero-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: var(--text-color, #000);
    text-align: center
}

@media(max-width: 1199px) {
    .hero-text {
        width: 80%
    }
}

@media(max-width: 479px) {
    .hero-text {
        width: auto;
        position: static;
        transform: none !important
    }
}

.hero .subtitle {
    font-family: "Libre Caslon Text", serif;
    font-style: italic;
    font-size: 27px;
    line-height: 66px;
    color: var(--text-color, #000)
}

@media(max-width: 479px) {
    .hero .subtitle {
        font-size: 24px
    }
}

@media(max-width: 1023px) {
    .hero .subtitle {
        font-size: 18px
    }
}

.hero .title {
    font-size: 70px;
    color: var(--text-color, #000)
}

@media(max-width: 1023px) {
    .hero .title {
        font-size: 30px
    }
}

@media(max-width: 479px) {
    .hero .title {
        font-size: 32px
    }
}

.hero--position-center-left .hero-text {
    left: 10%;
    transform: translateY(-50%)
}

.hero--position-center-right .hero-text {
    left: auto;
    right: 10%;
    transform: translateY(-50%)
}

.hero--position-center-top .hero-text {
    top: 10%;
    transform: translateX(-50%)
}

.hero--position-center-bottom .hero-text {
    top: auto;
    bottom: 10%;
    transform: translateX(-50%)
}

.hero--position-top-left .hero-text {
    top: 10%;
    left: 10%;
    transform: none
}

.hero--position-top-right .hero-text {
    left: auto;
    top: 10%;
    right: 10%;
    transform: none
}

.hero--position-bottom-right .hero-text {
    top: auto;
    bottom: 10%;
    right: 10%;
    transform: none
}

.hero--position-bottom-left .hero-text {
    top: auto;
    bottom: 10%;
    left: 10%;
    transform: none
}

.hr {
    height: 1px;
    background: #000;
    margin: 50px auto;
    width: 100%
}

@media(max-width: 1599px) {
    .hr {
        margin: 30px auto
    }
}

@media(max-width: 1279px) {
    .hr {
        margin: 20px auto
    }
}

@media(max-width: 1023px) {
    .hr {
        margin: 10px auto
    }
}

.single-column {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
    min-height: 500px;
    max-height: 80vh;
    height: 100vh;
    position: relative
}

@media(max-width: 479px) {
    .single-column {
        min-height: auto;
        padding: 0;
        height: auto
    }
}

.single-column__content {
    position: absolute;
    bottom: 30%;
    z-index: 2;
    width: 100%
}

.single-column__content .title small {
    display: block;
    margin-top: 10px;
    font-size: 27px;
    font-style: italic
}

@media(max-width: 1023px) {
    .single-column__content .title small {
        font-size: 24px
    }
}

@media(max-width: 479px) {
    .single-column__content .title small {
        font-size: 20px
    }
}

@media(max-width: 1023px) {
    .single-column__content {
        position: static;
        margin-top: 40px
    }
}

@media(max-width: 1023px) {
    .single-column--float {
        height: 400px
    }
}

@media(max-width: 479px) {
    .single-column--float {
        height: auto
    }
}

.single-column--float * {
    color: #fff
}

.single-column--float .single-column__content {
    position: absolute;
    top: 20%;
    right: 5%;
    width: auto
}

@media(max-width: 479px) {
    .single-column--float .single-column__content {
        position: static;
        margin: 0;
        padding-left: 40px;
        padding-right: 40px;
        text-align: center;
        margin-top: 40px
    }
}

.single-column--center {
    aspect-ratio: 1440/616;
    height: auto;
    max-width: 100%;
    width: 100%
}

.single-column--center .single-column__content {
    text-align: center;
    display: grid;
    align-items: center;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px
}

.single-column--center .single-column__content .title {
    font-size: 32px
}

.single-column--center .single-column__content .title small {
    font-size: 60px
}

.two-columns {
    max-width: 100%;
    overflow-x: hidden
}

.page.high-jewelry-page .two-columns {
    color: #fff
}

.page.high-jewelry-page .two-columns .hr {
    background: #fff
}

.page.high-jewelry-page .two-columns .title {
    color: #fff
}

.two-columns-grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.two-columns-grid__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width: 1599px) {
    .two-columns-grid__image img {
        object-fit: contain
    }
}

@media(max-width: 1023px) {
    .two-columns-grid__image {
        order: 0 !important;

    }
}

.two-columns-grid__content {
    padding: 90px 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    order: 1
}

.two-columns-grid__content .subtitle {
    font-size: 26px;
    font-family: "Libre Caslon Text", serif;
    margin-bottom: 20px
}

.two-columns-grid__content .btn {
    align-self: flex-start
}

.two-columns-grid__content p {
    font-size: 15px;
    line-height: 1.8
}

@media(max-width: 1279px) {
    .two-columns-grid__content p {
        font-size: 14px;
        line-height: 1.7
    }
}

@media(max-width: 1599px) {
    .two-columns-grid__content {
        padding: 40px 70px
    }
}

@media(max-width: 1023px) {
    .two-columns-grid__content {
        order: 1;
        background: rgba(0, 0, 0, 0);
        max-width: 100%;
        overflow-x: hidden;
        padding: 70px 60px
    }
}

@media(max-width: 479px) {
    .two-columns-grid__content {
        padding: 70px 20px
    }
}

.two-columns-grid--reverse .two-columns-grid__content {
    order: 1
}

.two-columns-grid--reverse .two-columns-grid__image {
    order: 0
}

.two-columns--vertical .two-columns-grid {
    grid-template-columns: 1fr
}

.two-columns--vertical .two-columns-grid__image img {
    max-height: 350px
}

@media(max-width: 1023px) {
    .two-columns .two-columns-grid {
        grid-template-columns: 1fr
    }
}

.text-with-background {
    position: relative
}

@media(max-width: 1023px) {
    .text-with-background {
        display: flex;
        flex-direction: column
    }
}

.text-with-background__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media(max-width: 1023px) {
    .text-with-background__content {
        width: 100%;
        left: 0;
        top: 0;
        position: relative;
        order: 1;
        transform: none;
        padding-top: 40px
    }
}

.text-with-background__content-inner {
    max-width: 50%;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    text-align: center
}

@media(max-width: 1023px) {
    .text-with-background__content-inner {
        max-width: 100%
    }
}

.text-with-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 720px
}

@media(max-width: 1023px) {
    .text-with-background img {
        order: 0
    }
}

.text-with-background--right .text-with-background__content {
    transform: translate(0, -50%);
    max-width: 50%
}

@media(max-width: 1023px) {
    .text-with-background--right .text-with-background__content {
        max-width: 100%;
        transform: none;
        padding-top: 40px
    }
}

.video {
    position: relative;
    height: 800px;
    overflow: hidden
}

@media(max-width: 1023px) {
    .video {
        aspect-ratio: 16/9;
        height: auto
    }
}

.video-banner {
    height: 470px
}

.video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9
}

.shape-video video {
    aspect-ratio: 635/486;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.shape-value {
    background: linear-gradient(180deg, #fbf8f7 24.74%, #ffffff 100%);
    padding: 160px 0 100px
}

.shape-value .container,
.shape-value .text-with-background__content {
    max-width: 1200px
}

.shape-value-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px
}

@media(max-width: 1023px) {
    .shape-value-grid {
        grid-template-columns: 1fr
    }
}

.shape-value-grid__right {
    display: flex;
    justify-content: center;
    width: 100%
}

.shape-value-grid__right img {
    max-width: 444px
}

.shape-value-shape {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05em;
    font-size: 12px
}

.shape-value-shape img {
    width: 140px
}

.blockquote {
    padding-top: 140px;
    padding-bottom: 140px
}

.blockquote-inner {
    max-width: 70%;
    margin: 0 auto
}

@media(max-width: 1023px) {
    .blockquote {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.contact-grid {
    display: grid;
    grid-template-columns: 2fr 4fr;
    align-items: center;
    gap: 30px;
    margin: 0 auto
}

@media(max-width: 1023px) {
    .contact-grid {
        grid-template-columns: 1fr
    }
}

.contact-image img {
    transform: translateX(20%)
}

@media(max-width: 1023px) {
    .contact-image img {
        transform: none;
        max-width: 90%;
        margin: 0 auto;
        position: relative;
        z-index: 1
    }
}

.contact-info {
    background-color: #f9f9f9;
    padding: 100px 180px
}

@media(max-width: 1023px) {
    .contact-info {
        padding: 50px 50px;
        margin-top: -120px;
        z-index: 0;
        position: relative;
        padding-top: 120px
    }
}

.contact-info .btn {
    width: 100% !important
}

.blog-pagination {
    display: flex;
    justify-content: center;
    margin-top: 100px;
    gap: 30px
}

.blog-pagination span,
.blog-pagination a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: all .3s ease
}

.blog-pagination span:hover,
.blog-pagination a:hover {
    color: #656565
}

.blog-pagination span {
    font-weight: bold
}

.blog-single-meta {
    margin-top: 20px
}

.blog-single-meta .blog-post-meta {
    text-align: center;
    align-items: center;
    justify-content: center
}

.blog-single-author {
    background: #f9f9f9;
    padding: 130px 190px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 16px;
    line-height: 1.7
}

.blog-single-author-inner {
    max-width: 860px;
    margin: 0 auto
}

.blog-single-author-grid {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 112px;
    margin-top: 34px
}

.blog-single .wp-post-image {
    width: 100%
}

.blog-single p,
.blog-single figure,
.blog-single ul,
.blog-single ol {
    margin-bottom: 100px
}

.blog-single p,
.blog-single li {
    font-size: 16px;
    line-height: 1.7
}

.blog-single--page h1,
.blog-single--page h2,
.blog-single--page h3,
.blog-single--page h4,
.blog-single--page h5,
.blog-single--page h6,
.blog-single--page p,
.blog-single--page figure,
.blog-single--page ul {
    margin-bottom: 20px
}

.blog-posts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 21px;
    row-gap: 100px
}

@media(max-width: 1023px) {
    .blog-posts {
        grid-template-columns: 1fr 1fr;
        row-gap: 50px
    }
}

.blog-sticky {
    margin-bottom: 100px
}

.blog-sticky .blog-post {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: center
}

@media(max-width: 1023px) {
    .blog-sticky .blog-post {
        grid-template-columns: 1fr;
        gap: 21px
    }
}

.blog-sticky .blog-post-title {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.1
}

.blog-post-image {
    margin-bottom: 40px
}

.blog-post-content {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.blog-post-content .btn {
    align-self: flex-start
}

.blog-post-meta {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .05em
}

.blog-post-meta li::after {
    content: "|";
    display: inline-block;
    margin: 0 8px 0 5px
}

.blog-post-meta li:last-child::after {
    content: ""
}

.blog-post-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
    font-family: "Libre Caslon Text", serif
}

.blog-post-title a {
    text-decoration: none;
    color: #000
}

.stores {
    margin-bottom: 80px
}

@media(max-width: 1023px) {
    .stores {
        margin-bottom: -100px
    }
}

.stores-search {
    max-width: 1015px;
    margin: 0 auto 80px
}

.stores-search-form {
    width: 100%;
    position: relative
}

.stores-search input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    background: none;
    margin-right: 10px;
    width: 100%
}

.stores-search input:focus {
    outline: none
}

.stores-search button {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.88235' cy='6.88235' r='6.13235' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M11.6484 10.5879L18.0014 16.9408' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    font-size: 0;
    border: none;
    width: 19px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.stores-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    height: 610px
}

@media(max-width: 1023px) {
    .stores-container {
        grid-template-columns: 1fr;
        height: auto;
        margin-left: -20px;
        margin-right: -20px
    }

    .stores-container .stores-map {
        order: 0
    }

    .stores-container .stores-list {
        order: 1;
        height: 70vh;
        clip-path: none
    }
}

.stores-list {
    background: #fff;
    box-shadow: 8px 0 10px 0px rgba(0, 0, 0, .1);
    clip-path: inset(0 -15px 0 0);
    position: relative;
    z-index: 2;
    padding: 24px;
    overflow-y: auto;
    padding-top: 0
}

@media(max-width: 1023px) {
    .stores-list {
        padding: 0;
        box-shadow: 0px -15px 10px 0px rgba(0, 0, 0, .1)
    }
}

.stores-list ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0
}

@media(max-width: 1023px) {
    .stores-list ul {
        padding: 25px
    }
}

.stores-list ul li {
    background: #f9f9f9;
    padding: 30px;
    cursor: pointer
}

.stores-list ul li.active {
    background: #fbf8f7
}

.stores-list ul li h3 {
    font-weight: 600;
    font-size: 14px
}

.stores-list ul li p {
    font-weight: 400;
    font-size: 12px
}

.stores-list ul li a {
    margin-top: 10px
}

.stores-list-empty {
    display: none;
    text-align: center;
    padding: 20px;
    background: #f9f9f9
}

.stores-map {
    position: relative;
    z-index: 1
}

.stores-map .gm-ui-hover-effect {
    width: 24px !important;
    height: 24px !important;
    outline: none !important
}

.stores-map .gm-ui-hover-effect span {
    margin: 4px !important;
    width: 18px !important;
    height: 18px !important
}

.favorites-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #000
}

.favorites-header h2 {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px
}

.favorites-header button {
    margin-bottom: 10px
}

.how-to-buy-ring {
    background: #000
}


@media(max-width: 1025px) {
    .hero .hero-image {
        display: none;
    }

    .how-to-buy-ring {
        padding-bottom: 40px
    }

    .hero--position-center-top .hero-text {
        transform: none;
    }

    .hero-text {
        position: unset;
        transform: unset;
        width: 100%;

    }


    section.hero.mb-140px {
        margin-bottom: 40px !important;
    }

    .high-jewelry-page .high-jewelry-hero img {
        display: none;
    }

    main div.mb-140px {
        margin-bottom: 40px !important;
    }

    section.text-in-center.mb-70px {
        margin-bottom: 40px;
    }

    section.two-columns.mb-70px {
        margin-bottom: 0px;
    }

    .text-in-center__title {
        line-height: 40px;
    }

    .stores-map {
        display: none;
    }

    .stores-search-form {
        width: 94%;
        padding: 0 0 0 20px;
    }


}


@media(max-width: 1024px) {
    .stores-search-form {
        padding: 0 0 0 20px;
    }
}

/*# sourceMappingURL=style.css.map */