/** Shopify CDN: Minification failed

Line 565:0 Unexpected "}"

**/






div.product__wrapper {
  width: 100vw;
  display: flex;
  /* overflow-x: hidden; */
}

/* IMAGE STYLE */
div.image__wrapper {
  width: 50vw;
  display: flex;
  flex-wrap: wrap;
  -webkit-animation: 1s ease-in-out 0s normal forwards 1 fadein;
  animation: 1s ease-in-out 0s normal forwards 1 fadein;
  margin-top: -1vh;
}

@keyframes fadein{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

/* img.img-magnifier-container {
  max-width: 50vw;
} */

/* img.image:nth-child(3) {
  z-index: 100;
} */

/* MAGNIFIER */

* {box-sizing: border-box;}

.img-magnifier-container {
  position:relative;
  overflow: hidden;
  /* max-width: 50vw; */
  width: 50vw;
}

.img-magnifier-glass {
  position: absolute;
  border-radius: 50%;
  cursor: none;
  width: 140px;
  height: 140px;
  background-size: auto;
}

img.image {
  margin-bottom: 0px;
  padding: 0px;
  /* object-fit: cover; */
  /* margin-top: -1px; */
  /* max-width: 50vw; */
  /* margin-left: -1px; */
}


/* ALL TEXT STYLE */
div.text__wrapper {
  width: 50vw;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  z-index: 20;
}

.scroll-to-top {
   position: sticky;
   transition: 350ms ease-in;
   width: 24vw;
   margin-top: 12vh;
   display: inline-block;
   vertical-align: middle;
}

div.overflow__container {
  position: -webkit-sticky;
  position: sticky;
  top: 12vh;
  margin-bottom: 25vh;
}


/* TITLE PRICE STYLE */
div.title__container {
  width: 24vw;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4vh;
  height: 20px;
}


/* DESCRIPTION STYLE */
div.description__container {
  width: 24vw;
  margin-bottom: 2vh;
}

.size__guide__product {
  height: 78vh;
  overflow: scroll;
}


p#yellowGoldDescription {
  display: none;
  opacity: 0;
  transition: linear 0.25s, opacity 0.25s;
  transition-delay: 0.2s;
}

p#yellowGoldDescription.active {
  display: block;
  opacity: 1;
  transition-delay: 0.2s, 0.2s;
}

p#whiteMoonstoneDescription {
  /* height: 0vh; */
  display: none;
  opacity: 0;
  transition: linear 0.25s, opacity 0.25s;
}

p#whiteMoonstoneDescription.active {
  /* height: auto; */
  display: block;
  opacity: 1;
}

p#roseQuartzDescription {
  /* height: 0vh; */
  display: none;
  opacity: 0;
  transition: linear 0.25s, opacity 0.25s;
}

p#roseQuartzDescription.active {
  /* height: auto; */
  display: block;
  opacity: 1;
}

p#amberDescription {
  /* height: 0vh; */
  display: none;
  opacity: 0;
  transition: linear 0.25s, opacity 0.25s;
}

p#amberDescription.active {
  /* height: auto; */
  display: block;
  opacity: 1;
}


p#redCarnelianDescription {
  /* height: 0vh; */
  display: none;
  opacity: 0;
  transition: linear 0.25s, opacity 0.25s;
}

p#redCarnelianDescription.active {
  /* height: auto; */
  display: block;
  opacity: 1;
}

p#whiteGoldDescription {
  /* height: 0vh; */
  display: none;
  opacity: 0;
  transition: linear 0.25s, opacity 0.25s;
}

p#whiteGoldDescription.active {
  /* height: auto; */
  display: block;
  opacity: 1;
}

p#greenAventurineDescription {
  /* height: 0vh; */
  display: none;
  opacity: 0;
  transition: linear 0.25s, opacity 0.25s;
}

p#greenAventurineDescription.active {
  /* height: auto; */
  display: block;
  opacity: 1;
}

p#blueChalcedonyDescription {
  /* height: 0vh; */
  display: none;
  opacity: 0;
  transition: linear 0.25s, opacity 0.25s;
}

p#blueChalcedonyDescription.active {
  /* height: auto; */
  display: block;
  opacity: 1;
}

p#orangeCalciteDescription {
  /* height: 0vh; */
  display: none;
  opacity: 0;
  transition: linear 0.25s, opacity 0.25s;
}

p#orangeCalciteDescription.active {
  /* height: auto; */
  display: block;
  opacity: 1;
}




/* DETAILS STYLE */
div.show__details__wrapper {
  /* background-color: red; */
  width: 24vw;
  margin-bottom: 2vh;
  position: relative;
  z-index: 1000;
}

a#hiddenDetailsButton {
  cursor: pointer;
  color: #000000;
  /* display: flex;
  gap: 5px; */
}

img.plus {
  width: 7.5px;
  height: 7.5px;
  margin-left: 5px;
}

img.cross {
  /* width: 7.5px; */
  height: 7.5px;
  margin-left: 5px;
}

img.cross:hover {
  filter: invert(80%) sepia(3%) saturate(1008%) hue-rotate(4deg) brightness(89%) contrast(93%);
}

a#hiddenDetailsButton:hover {
  text-decoration: underline;
  color: #B9B3A5;
}

a#hiddenDetailsButton:hover .plus {
  filter: invert(80%) sepia(3%) saturate(1008%) hue-rotate(4deg) brightness(89%) contrast(93%);
}

div#hiddenDetails {
  pointer-events: none;
  opacity: 0;
  max-height: 0vh;
  transition: max-height 0.2s linear 0.25s, opacity 0.25s;
  width: 25vw;
  margin-top: 1vh;
  margin-bottom: 3vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

div#hiddenDetails.clicked {
  opacity: 1;
  max-height: 20vh;
  /* height: auto; */
  pointer-events: all;
  transition: opacity 0.5s linear 0.25s, max-height 0.25s;
  display: flex;
  justify-content: space-between;
}

span.hidden__details__text__wrapper {
  display: flex;
  gap: 5px;
  width: 11.5vw;
}

#yellowGoldDetails {
  display: none;
}

#yellowGoldDetails.active {
  display: block;
}


#whiteMoonstoneDetails {
  display: none;
}

#whiteMoonstoneDetails.active {
  display: block;
}

#roseQuartzDetails {
  display: none;
}

#roseQuartzDetails.active {
  display: block;
}

#amberDetails {
  display: none;
}

#amberDetails.active {
  display: block;
}

#redCarnelianDetails {
  display: none;
}

#redCarnelianDetails.active {
  display: block;
}

#whiteGoldDetails {
  display: none;
}

#whiteGoldDetails.active {
  display: block;
}

#greenAventurineDetails {
  display: none;
}

#greenAventurineDetails.active {
  display: block;
}

#blueChalcedonyDetails {
  display: none;
}

#blueChalcedonyDetails.active {
  display: block;
}

#orangeCalciteDetails {
  display: none;
}

#orangeCalciteDetails.active {
  display: block;
}



/* VARIENT STYLE */
div.varient__wrapper {
  width: 23vw;
  display: flex;
  gap: 3rem;
  margin-bottom: 4vh;
  position: relative;
}

img.size__contact__plus {
  width: 7.5px;
  height: 7.5px;
  margin-left: 5px;
  margin-top: 1px;
}

img.size__contact__plus:hover {
  filter: invert(80%) sepia(3%) saturate(1008%) hue-rotate(4deg) brightness(89%) contrast(93%);
}

img.size__contact__plus.active {
  filter: invert(80%) sepia(3%) saturate(1008%) hue-rotate(4deg) brightness(89%) contrast(93%);
}

a#customSizeButton {
  /* position: absolute; */
  /* margin-left: 12.5vw; */
  /* margin-top: -4px; */
  /* margin-left: 5vw; */
}

a#customSize {
  position: absolute;
  margin-top: -4vh;
  margin-left: 6rem;
  opacity: 0;
  pointer-events: none;
  color: #B9B3A5;
  color: #000000;
  text-decoration: underline;
  pointer-events: none;
  transition: height 0.2s linear 0.25s, opacity 0.25s;
}

a#customSize:hover {
  text-decoration: underline;
  color: #B9B3A5;
}

a#customSize.active {
  position: absolute;
  margin-top: -4vh;
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.5s linear 0.25s, height 0.25s;
}

fieldset.product-form__input {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  gap: 0.5rem 3rem;
  width: 24vw;
}

label.finish__label {
  display: flex;
  flex-wrap: wrap;
  /* background-color: red; */
  /* opacity: 0.5;
  position: absolute;
  margin-left: 10vw;
  width: 0px;
  display: flex; */
}

legend.form__label {
  font-family: "Untitled-sans";
  font-size: 13px;
  font-size: 13px;
  color: #000000;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}

span.variant__color {
  display: flex;
  text-align: center;
  cursor: pointer;
  width: 11px;
  height: 11px;
  border-radius: 7.5px;
  padding: 0rem 0rem;
  margin-top: 2px;
}


.product-form__input input[type="radio"] + .color-swatch {
  border: 0px solid #f4f5ff;
  width: 11px;
  height: 11px;
  border-radius: 7.5px;
  padding: 0;
  /* margin-top: 2.5px; */
  margin-top: 6px;
}

.product-form__input input[type="radio"]:checked + .color-swatch,
.product-form__input input[type="radio"]:hover + .color-swatch {
  border: 0.75px solid #000000;
  text-decoration: none;
}

label.yellowGold {
  background-color: #ffde76;
}


label.diamond {
  background-color: #def4f7;
}

label.jadeite {
  background-color: #25D594;
}

label.pink__quartz {
  background-color: #F7CAC9;
}

label.blue__chalcedony {
  background-color: #d1d6ed;
}

label.orange__calcite {
  background-color: #e39a4e;
}

label.white__moonstone {
  background-color: #f5f3ef;
}

label.rose__quartz {
  background-color: #F7CAC9;
}

label.amber {
  background-color: #ffbf00;
}

label.red__carnelian {
  background-color: #AE1616;
}

label.white_gold {
  background-color: #C4BFBF;
}

label.green__aventurine {
  background-color: #95C4A0;
}

.variantText {
  position: absolute;
    left:0;
    opacity: 0;
    width: 10vw;
    text-align: left;
    margin-top: 15px;
    color: #B9B3A5;
    pointer-events: none;
}

.variantText.active {
    position: absolute;
  right: 90px;
  opacity: 1;
}
}

.chain__mobile input[type='radio'] + label {
  /* line-height: 17px; */
  gap: 1rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  padding-left: 0px;
  white-space: nowrap;
}



/* MADE TO ORDER & PRE ORDER MESSAGES */
.variant__detail {
  margin-bottom: 2vh;
}

p#preOrder {
  opacity: 0;
  pointer-events: none;
  left: 0vw;
  text-align: left;
  /* transition-delay: 0.5s; */
  /* transition: linear 0.25s, opacity 0.25s; */
  height: 0vh;
  /* margin-top: -1vh; */
}

p#preOrder.active {
  opacity: 1;
  pointer-events: all;
  height: auto;
  margin-bottom: 0vh;
}

p#madeToOrder {
  opacity: 0;
  pointer-events: none;
  left: 0vw;
  text-align: left;
  /* transition: linear 0.25s, opacity 0.25s; */
  height: 0vh;
  /* transition-delay: 0.5s; */
}

p#madeToOrder.active {
  opacity: 1;
  pointer-events: all;
  height: auto;
}




/* SLIDE OUT MODAL BUTTONS */
div.buttons__wrapper {
  width: 24vw;
  margin-bottom: 7vh;
}

p.product__buttons__tag {
  line-height: 20px;
}

a.product__buttons:hover {
  text-decoration: underline;
  color: #B9B3A5;
}




/* BUTTON STYLE */
/* BUY BUTTON */

div.add__to__cart__wrapper {
  width: 24vw;
  height: 5vh;
  display: flex;
  justify-content: center;
  transition: 0.25s;
  position: absolute;
}

.buy__button__style {
  width: 24vw;
  height: 5vh;
  margin: 0px;
  background-color: #F5F5F5;
  border-radius: 2.5px;
  transition: 0.25s
}

.buy__button__style:hover {
  background-color: #000000;
  transition: 0.25s
}

span.product__button__text {
  font-family: "Untitled-sans";
  font-size: 13px;
  color: #000000;
  letter-spacing: 0rem;
}

.buy__button__style:hover span {
  color: #ffffff;
  transition: 0.25s
}


button.sold__out__button {
  opacity: 0.5;
}

/* SOLD OUT */

/* .sold__out {
  background-color: #000000;
}

span.sold__out {
  font-family: "Untitled-sans";
  font-size: 13px;
  color: #ffffff;
  letter-spacing: 0rem;
} */


/* NOTIFY BUTTON */
.notify__when__availible {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
  transition-delay: 1s;
}

.notify__when__availible.active {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.4s;
  transition-delay: 1s;
}

.notify__button__style {
  width: 24vw;
  height: 5vh;
  margin: 0px;
  background-color: #000000;
  border-radius: 2.5px;
  transition: 0.25s;
}

span.notifyNote {
  font-family: "Untitled-sans";
  font-size: 13px;
  color: #ffffff;
  letter-spacing: 0rem;
}

.notify__button__style:hover span {
  color: #000000;
  transition: 0.25s
}

.notify__button__style:hover {
  background-color: #F5F5F5;
  transition: 0.25s
}

/* div.back__button {
  position: relative;
  margin-top: 16.5vh;
} */

div.back__button {
  position: absolute;
  top: 0px;

  position: absolute;
    top: -45px;
    background-color: yellow;
    /* width: 500px; */
    /* height: 20px; */
    margin-left: -61.5vw;
}

a.back__button {
  position: absolute;
  /* color: #B9B3A5; */
  position: absolute;
  width: 200px;
  height: 100px;
  display: flex;
  align-items: center;
}

a.back__button:hover {
  color: #000000;
  text-decoration: underline;
}




hr#bottomLine {
  border: none;
  height: 0.5px;
  background-color: rgba(62, 41, 7, 0.5);
  display: block;
  margin: 0 0 0 0;
  width: 100vw;
}

div.mobile__hero__image {
  display: none;
}

div.product__title__price__mobile {
  display: none;
}

div.color__title__wrapper__mobile {
  display: none;
}





div.variant__color {
    cursor: pointer;
    width: 11px;
    height: 11px;
    border-radius: 7.5px;
    margin-top: 6px;
    position: relative;
    pointer-events: none;
}

.restock-alerts-branding-text{
    display:none!important;
}

.restock-alerts-notify-button{
    font-family: Untitled-sans!important;
    font-size: 13px;
    color: #000;
    letter-spacing: 0rem;
    background-color: #b9b3a5;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 24vw!important;
    border-radius: 2.5px;
}

.button:disabled{
  display: none!important;
}






























/* Container Box */
.restock-alerts-modal-box {
  max-width: 400px !important;
  width: 50vw !important;
  background-color: rgba(217, 217, 217, 0.5) !important;
  border-radius: 0 !important;
  padding: 20px !important;
  font-family: BraziliaThreeCG, sans-serif !important;
}

/* Title Text */
.restock-alerts-form-title {
  font-size: 15px !important;
  color: white !important;
  margin-bottom: 20px !important;
}

/* Input Fields */
.restock-alerts-email-input,
.restock-alerts-sms-input,
.restock-alerts-country-select,
.restock-alerts-variant-select {
  border-radius: 0 !important;
  /* border: 1px solid #000 !important; */
  background-color: #fff !important;
  color: #000 !important;
  font-size: 15px !important;
  padding: 8px !important;
  font-family: BraziliaThreeCG, sans-serif !important;
}

/* Submit Button */
.restock-alerts-submit-button {
  width: auto !important;
  padding: 3px 15px !important;
  margin: auto !important;
  background-color: rgb(217, 217, 217) !important;
  border-radius: 0 !important;
  font-size: 15px !important;
  color: black !important;
  font-family: BraziliaThreeCG, sans-serif !important;
  border: none !important;
}

/* Hide branding */
.restock-alerts-branding-text {
  display: none !important;
}

/* Close icon */
.restock-alerts-modal-close-btn {
  filter: invert(1); /* Optional: makes it white */
}

/* Optional: tweak labels */
.fieldLabelTextStyle {
  font-size: 14px !important;
  color: white !important;
  font-family: BraziliaThreeCG, sans-serif !important;
  font-weight: 300 !important;
}

.formTitleStyle{
  font-size: 14px !important;
  color: white !important;
  font-family: BraziliaThreeCG, sans-serif !important;
  font-weight: 300 !important;
}

.submitButtonStyle{
  background-color: #f6f6f7!important;
}

.modalBoxLowerSectionStyle{
  border-radius: 0px!important;
  padding: 0!important;
  margin: 10px 20px!important;
}

.restock-alerts-toast,
.restock-alerts-sms-label-span,
.restock-alerts-sms-input-container{
  display: none!important;
}

.restock-alerts-sms-channel-form{
  margin-top: 0px!important;
}

.restock-alerts-email-channel-form{
  margin-bottom: 0px!important;
}


/* test */

.variantText {
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.variantText.visible {
  opacity: 1;
}