:root {

  --Mainprimary: #DDCBAB;
  --primary1: #FFFFFF;
  --primary2: #FCFAF7;
  --primary3: #F8F5EE;
  --primary4: #F5EFE6;
  --primary5: #F5EFE6;
  --primary6: #EBE0CD;
  --primary7: #E4D5BC;
  --primary8: #B1A289;
  --primary9: #2F2D2B;
  --primary10: #585144;
  --primary11: #423D33;
  --primary12: #2C2922;
  --primary13: #161411;

  --Mainsecondary: #3D3A36;
  --secondary1: #F8FDFD;
  --secondary2: #ECEBEB;
  --secondary3: #D8D8D7;
  --secondary4: #C5C4C3;
  --secondary5: #B1B0AF;
  --secondary6: #8B8986;
  --secondary7: #64615E;
  --secondary8: #312E2B;
  --secondary9: #252320;
  --secondary10: #181716;
  --secondary11: #121110;
  --secondary12: #0C0C0B;
  --secondary13: #060605;


  --neutral1: #FAFAFA;
  --neutral2: #F5F5F5;
  --neutral3: #EDEDED;
  --neutral4: #E6E6E6;
  --neutral5: #D9D9D9;
  --neutral6: #CBCBCB;
  --neutral7: #ADADAD;
  --neutral8: #868686;
  --neutral9: #717171;
  --neutral10: #4F4F4F;
  --neutral11: #353535;
  --neutral12: #212121;
  --neutral13: #0C0C0C;

  --warning1: #FFF8E1;
  --warning2: #F4B740;
  --warning3: #A9791C;

  --error1: #FFF2F2;
  --error2: #ED2E2E;
  --error3: #C30000;

  --sucess1: #F3FDFA;
  --sucess2: #00BA88;
  --sucess3: #00966D;

  --MainWhite: #FFFFFF;
  --MainBlack: #000000;
  --disable: #BBBBBB;

  --custom-1: #F1F1F1;
  --custom-2: #D5D5D5;
  --custom-3: #D1D1D1;
  --custom-4: #FF0000;
  --custom-5: #505050;
  --custom-6: #F9F9F9;
  --custom-7: #C00000;
  --custom-8: #909090;
  --custom-9: #C03744;
  --custom-10: #DC3D3D;
  --custom-11: #877A05CC;
  --custom-12: #685ED9CC;
  --custom-13: #4E4E4E;
  --custom-14: #C2C2C2;
  --custom-15: #E5E5EA;
  --custom-16: #F3F3F3;
  --custom-17: #2F2D2B;
  --custom-18 : #9E9E9E;
}

:root {
  --HeaderHeight: 108px;
  --headerheight : 108px;
  --gap1: 0.25rem;
  --gap2: 0.5rem;
  --gap3: 0.75rem;
  --gap4: 1rem;
  --gap5: 1.25rem;
  --gap6: 1.5rem;
  --gap7: 1.75rem;
  --gap8: 2rem;
  --gap9: 2.25rem;
  --gap10: 0.625rem;
  --gap11: 2.5rem;
  --WrapperSize: 1440px;

  --font-size-1: 10px;
  --font-size-2: 12px;
  --font-size-3: 14px;
  --font-size-4: 16px;
  --font-size-5: 18px;
  --font-size-6: 24px;
  --font-size-7: 28px;
  --font-size-8: 32px;

  --checkboxheight : 20px;

}


.zr-header {
  height: var(--headerheight);
}


img {
  user-select:none;
}

footer {
  margin-top: 4rem;
}

.zr-header-pos {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.zr-header-h {
  margin-top: var(--HeaderHeight) !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: clip;
  font-size: 16px;
  font-family: 'iranyekan', serif !important;
  /* user-select: none; */
  /* font-family: 'BYekan', Tahoma, Arial, sans-serif; */
  /* text-align: right; */
}

img {
  -webkit-user-drag: none;
  user-drag: none;
}


.zr-new-products-slider {
  margin-left: -1rem;
}

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

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}


ul {
  list-style: none;
  padding: 0px;
  margin: 0px
}

body::-webkit-scrollbar {
  width: 0.25rem;
}

body::-webkit-scrollbar-track {
  background: var(--Mainsecondary);
}

body::-webkit-scrollbar-thumb {
  background: var(--Mainprimary);
}

body {
  background-color: var(--neutral2);
  /* background: red; */
}

a,
button,
select,
input[type=button] {
  cursor: pointer;
}

body, ul, li, a, p, h3, h4, h5, h6 {
  font-size: 1rem;
}

input,
select,
textarea,
button {
  border: 0;
  outline: 0;
}

textarea {
  resize: none !important;
  width: 100% !important;
}

/**********global style**********/
.zr-main-wrapper {
  width: 100%;
  max-width: calc(100% - 240px);
  margin: auto;
}

.zr-common-wrapper {
  width: 100%;
  max-width: 1680px;
  margin: auto;
}

.zr-flex-end {
  align-items: flex-end;
}



.zr-main-bg {
  background-color: var(--neutral2);
}

.zr-block-pd-10 {
  padding-block: 10px;
}

.zr-block-pd-14 {
  padding-block: 0.875rem;
}

.zr-inline-pd-10 {
  padding-inline: 0.625rem;
}

.zr-pb-10 {
  padding-block: 10px;
}

.zr-pi-10 {
  padding-inline: 10px;
}

.zr-p-10 {
  padding: 10px;
}

.zr-wrapper {
  width: 90%;
  max-width: 1440px;
  margin: auto;
}

.zr-wrapper-2 {
  width: 100%;
  max-width: calc(100% - 240px);
  margin: auto;
}

.zr-product-slider-container {
  max-width: 1680px !important;
}

.zr-white-font {
  color: var(--MainWhite) !important;
}

.zr-white-bg {
  background: var(--MainWhite) !important;
}

.zr-color-greylight {
  color: var(--custom-8);
}

.zr-color-greylight-1 {
  color: var(--neutral9) !important;
}

.zr-main-secondary-border {
  border: 1px solid var(--Mainsecondary) !important;
}

.zr-main-primary-border {
  border: 1px solid var(--Mainprimary) !important;
}

.zr-visible-flow {
  overflow: visible !important;
}

.zr-flex-start {
  justify-content: flex-start;
}


.zr-hide-scroll-bar {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.zr-hide-scroll-bar::-webkit-scrollbar {
  display: none;
}

.zr-pt-64 {
  padding-top: 4rem;
}

.zr-cursor {
  cursor: pointer;
}



/* gaps */

.zr-pb-10 {
  padding-block: 10px;
}

.zr-pi-10 {
  padding-inline: 10px;
}

.zr-p-10 {
  padding: 10px;
}

.zr-nowrap-txt {
  white-space: nowrap;
}


.zr-flex {
  flex: 1;
}


.zr-gap-1 {
  gap: var(--gap1);
}

.zr-gap-2 {
  gap: var(--gap2);
}

.zr-gap-3 {
  gap: var(--gap3);
}

.zr-gap-4 {
  gap: var(--gap4);
}

.zr-gap-5 {
  gap: var(--gap5);
}

.zr-gap-6 {
  gap: var(--gap6);
}

.zr-gap-7 {
  gap: var(--gap7);
}

.zr-gap-8 {
  gap: var(--gap8);
}

.zr-gap-9 {
  gap: var(--gap9);
}

.zr-gap-10 {
  gap: var(--gap10);
}

.zr-gap-11 {
  gap: var(--gap11);
}

.zr-gap-29 {
  gap: 29px;
}

.zr-gap-64 {
  gap: 4rem;
}

.zr-main-primary-bg {
  background-color: var(--Mainprimary);
}

.zr-main-secondary-bg {
  background-color: var(--Mainsecondary);
}

.zr-main-primary-txt-color {
  color: var(--Mainprimary);
}

.zr-main-secondary-txt-color {
  color: var(--Mainsecondary);
}

.zr-main-radius {
  border-top-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
}

.zr-main-radius-2 {
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.zr-main-radius-3 {
  border-top-right-radius: 4rem;
  border-bottom-left-radius: 4rem;
}

.zr-main-radius-4 {
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.zr-main-radius-5 {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.zr-row {
  flex-direction: row;

}

.zr-flex {
  flex: 1;
}

.zr-right-txt-align {
  text-align: right;
}

.zr-center-txt-align {
  text-align: center;
}

.zr-left-txt-align {
  text-align: left;
}


.zr-justify-txt-align {
  text-align: justify;
}

.zr-center {
  align-items: center;
}

.zr-120-inline-gap {
  max-width: calc(100% - 240px);
}

.zr-line-height-180 {
  line-height: 180%;
}

.zr-line-height-100 {
  line-height: 100%;
}

.zr-line-height-32 {
  line-height: 32px;
}

.zr-desc-text-color {
  color: var(--neutral10);
}

.zr-desc-text-color-2 {
  color: var(--neutral9);
}

.max-w-fit {
  max-width: fit-content;
}

.max-w-full {
  max-width: 100%;
}

.zr-sliders-number-style {
  font-family: 'Adore', sans-serif !important;
}

.zr-island-font {
  font-family: 'Island Moments', cursive;
}

.zr-rotate-x {
  transform: scale(-1);
}

.zr-main-border {
  border: 1px solid var(--neutral4);
}

.zr-main-gray-bg {
  background: var(--neutral4);
}

.zr-main-border-b {
  border-bottom: 1px solid var(--neutral4);
}

.zr-b-hide {
  border: 1px solid transparent;
}

/* ---------font-size-class---------*/
.zr-fz-10 {
  font-size: var(--font-size-1);
}

.zr-fz-12 {
  font-size: var(--font-size-2);
}

.zr-fz-14 {
  font-size: var(--font-size-3);
}

.zr-fz-16 {
  font-size: var(--font-size-4);
}

.zr-fz-18 {
  font-size: var(--font-size-5);
}

.zr-fz-24 {
  font-size: var(--font-size-6);
}

.zr-fz-28 {
  font-size: var(--font-size-7);
}


.zr-fz-32 {
  font-size: var(--font-size-8);
}

.zr-fz-40 {
  font-size: 40px;
}

/* ---------scroll bar style---------*/
::-webkit-scrollbar,
.zr-scroll-custom::-webkit-scrollbar {
  width: 5px !important;
  border-radius: 4px !important;
  direction: ltr !important;

}

::-webkit-scrollbar-track,
.zr-scroll-custom::-webkit-scrollbar-track {
  background: var(--custom-3) !important;
  border-radius: 16px !important;
  direction: ltr !important;

}

::-webkit-scrollbar-thumb,
.zr-scroll-custom::-webkit-scrollbar-thumb {
  background: var(--Mainprimary) !important;
  border-radius: 4px !important;
  direction: ltr !important;

}

::-webkit-scrollbar-thumb:hover,
.zr-scroll-custom::-webkit-scrollbar-thumb:hover {
  background: var(--Mainprimary) !important;
  direction: ltr !important;

}

::-webkit-scrollbar {
  height: 0px;
  /* or 2px if you want a tiny one */
}


/***********start custom style***********/

.zr-header-icons-hover {
  border: 1px solid transparent;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
}

.zr-header-icons-hover.active {
  border: 1px solid var(--Mainprimary);
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background: var(--neutral10);
}

.profile-drop-down img {
  width: 24px;
  height: 24px;
}



.zr-badge-circle {
  position: absolute;
  margin-top: 15px;
  margin-right: 6px;
  background: var(--custom-4);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  right: 0;
  border: 0;
  color: transparent;
}

.responsive-navbar {
  display: none;
}

.zr-main-page-border {
  border: 1px solid var(--Mainprimary) !important;
}

.zr-menu-items-style:hover .zr-products-arrow {
  transform: rotate(180deg);
}




.zr-logo {
  max-width: 158px;
  max-height: 60px;
  margin-block: 10px;
}

.zr-logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.zr-menu-items-style {

  color: var(--disable);
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border: 1px solid transparent;
  width: 100px;
  height: 44px;
}


.zr-menu-items-style:nth-child(2) {
  width: 114px;
}

.zr-products-arrow-hover {
  display: none;
}

.zr-nav-bb {
  border-bottom: 1px solid var(--Mainprimary);
}

.zr-tiny-img {
  width: 24px !important;
  height: 24px !important;
  object-fit: cover;
}

.zr-tiny-img-2 {
  width: 32px !important;
  height: 32px !important;
  object-fit: cover;
}

/* basket */
.zr-bask-icon {
  width: 40px !important;
  height: 40px !important;
}

/* .zr-cart-icon-space::before {
content: "";
position: absolute;
width: 50px;
height: 50px;
margin-top: 1rem;
} */

.zr-drop-down-basket-count {
  background: var(--secondary6);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--MainWhite);
}

.zr-basket-title-container div:nth-child(1) {
  gap: 4px;
  align-items: center;
}

.zr-timer-container {
  gap: 4px;
}

.zr-timer-container span {
  background: var(--Mainprimary);
  padding: 4px 12px;
  min-width :85px;
  display: flex;
  justify-content: center;
}

.zr-timer-container p {
  color: var(--custom-5);
}

.zr-cart-container {
  background: var(--MainWhite);
  display: flex;
  left: 500px;
  right: auto;
  max-height: calc(100svh - 120px - 32px);
  min-width: 576px;
  top: calc(100% + -0.5rem);
  min-width: 480px;
  min-height: 905px;
  z-index: 500;
  position: absolute;
  overflow: hidden;
  flex-direction: column;
}

.zr-basket-item {
  background: var(--custom-6);
  border: 1px solid var(--neutral3);
}

.zr-order-img {
  aspect-ratio: 120/120;
  max-width: 120px;
  border-radius: 0.5rem;
  overflow: hidden;
}

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

.zr-trash-icon {
  background: var(--custom-7);
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  margin-inline: 44px;
}

.zr-ordered-h {
  height: 645px;
  max-height: 645px;
}

.zr-total-price-container {
  background: var(--neutral4);
  border: 1px solid var(--neutral4);

}

.zr-discount-container div:nth-child(1) {
  border-bottom: 1px solid var(--Mainsecondary);
  max-width: 137px;
  padding-block: 0.5rem;
  display: flex;
}

.zr-discount-container div:nth-child(2) {
  border-bottom: 1px solid var(--custom-9);
  width: 137px;
  padding-block: 0.5rem;
  display: none;

}

.zr-discount-container div:nth-child(2) p {

  color: var(--custom-9);
}


/* mega menu */


.zr-mega-nav {
  border: 1px solid var(--Mainprimary);
  border-radius: 0rem 2rem 0rem 2rem;
  display: none;
  background-color: var(--MainWhite);
  color: var(--MainBlack);
  position: absolute;
  top: 119px;
  z-index: 1000;
  right: 0;
  margin-right: 120px;
  /* display: flex; */
}

.zr-mega-nav::after {
  content: "";
  position: absolute;
  top: -6%;
  right: -24px;
  width: 20%;
  height: 33px;
  right: 13%;

}

.zr-sub-menu-item-title {
  padding: 1rem 2rem;
  text-align: right;
}

/* .zr-sub-menu-li-layout {
border-top: 1px solid var(--Mainprimary);
border-right: 1px solid var(--Mainprimary);
border-top-right-radius: 1rem;
max-height: 488px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
direction: rtl;
position: relative;
overflow: visible;
} */

.zr-sub-menu-li-layout::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  border-top: 1px solid var(--Mainprimary);
  top: -1px;
  left: -14px;
}





.zr-sub-2:hover>.zr-third-stage::before {
  content: "";
  position: absolute;
  /* top: 59px; */
  /* right: 419px; */
  width: 40px;
  height: 40px;
  /* border-top-left-radius: 2rem; */
  z-index: 1;
  border-top: 1px solid var(--Mainprimary);
  top: -1px;
  /* margin-right: -13px; */
  right: -132px;
}

/* .zr-sub-menu-li-layout::after {
content: "";
position: absolute;
top: 59px;
right: 625px;
width: 4%;
height: 33px;
border-top: 1px solid var(--Mainprimary);
} */

.zr-sub-menu-li-layout li {
  font-size: var(--font-size-4);
  font-weight: 400;
  color: var(--neutral9);
  padding: 1rem 0.5rem 1rem 92px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: visible;
  box-sizing: border-box;
  min-width : 200px;
}

/* .zr-sub-menu-li-layout li:nth-child(1), li:nth-child(8){
padding: .5rem 0.5rem 1rem 146px;
} */

.zr-sub-2-title {
  position : relative;
}

.zr-sub-2-title::before {
  content : '';
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18.9698 8.46976C19.0395 8.40008 19.1222 8.3448 19.2132 8.30709C19.3043 8.26938 19.4019 8.24997 19.5004 8.24997C19.599 8.24997 19.6965 8.26938 19.7876 8.30709C19.8786 8.3448 19.9614 8.40008 20.031 8.46976C20.1007 8.53944 20.156 8.62217 20.1937 8.71321C20.2314 8.80426 20.2508 8.90184 20.2508 9.00039C20.2508 9.09893 20.2314 9.19651 20.1937 9.28756C20.156 9.3786 20.1007 9.46133 20.031 9.53101L12.531 17.031C12.4614 17.1007 12.3787 17.1561 12.2876 17.1938C12.1966 17.2316 12.099 17.251 12.0004 17.251C11.9019 17.251 11.8043 17.2316 11.7132 17.1938C11.6222 17.1561 11.5394 17.1007 11.4698 17.031L3.96979 9.53101C3.82906 9.39028 3.75 9.19941 3.75 9.00039C3.75 8.80136 3.82906 8.61049 3.96979 8.46976C4.11052 8.32903 4.30139 8.24997 4.50042 8.24997C4.69944 8.24997 4.89031 8.32903 5.03104 8.46976L12.0004 15.4401L18.9698 8.46976Z' fill='black'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
  width : 24px;
  height : 24px;
  position: absolute;
  left: 0;
  margin-left: 1rem;
}



.zr-sub-menu-li-layout li:nth-child(n+9) {
  /* border-right: 1px solid var(--Mainprimary); */
  /* the split line */
  /* padding-top: .5rem; */

}

.zr-sub-menu-li-layout li:nth-child(9) {
  /* border-right: none; */
}



.zr-sub-menu-li-layout {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 488px;
  min-height: 488px;
}


.zr-third-stage {
  min-height: 488px;
}


.zr-sub-menu-li-layout:has(li:nth-child(10))>li:nth-child(-n + 9) {
  border-left: 1px solid var(--Mainprimary);
}



.zr-third-stage-list li {
  font-size: var(--font-size-4);
  font-weight: 400;
  color: var(--neutral9);
  padding: 1rem 0.5rem 1rem 146px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  box-sizing: border-box;
}



.zr-parent-round-img {
  /* aspect-ratio: 500 / 763; */
  max-width: 500px;
  max-height: 763px;

}

.zr-child-round-img {
  border-radius: 300px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.zr-parent-round-img-smaller {
  /* aspect-ratio: 246 / 334; */
  max-width: 246px;
  max-height: 334px;
  min-height: 334px;

}

.zr-child-round-img-smaller {
  border-radius: 300px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.zr-main-slider-sec-1 {
  padding: 1rem 0rem 2rem 1rem;
  max-width: 960px;
}

.zr-desc-container {
  /* max-width: 687px; */
}

.zr-desc-container {
  margin: 16px 75px;
}

.zr-desc-layout {
  max-width: 373px;
}

.zr-hero-section-radius {
  border-bottom-left-radius: 268px;
}

.kaj {
  left: 2%;
  top: 4%;
}

.zr-show-btn-pd {
  padding: 21px 33px;
  position : relative;
  z-index : 99;
}

/* category section */
.zr-category {
  padding-block: 76px;
}

/* Ensure category row can scroll horizontally within its section */
.zr-category .zr-cat-container,
.zr-category .zr-cat-list {
  overflow-x: auto;
  overflow-y: hidden;
}

.zr-cat-container {
  max-width: 1440px;
  margin: 0 auto;
  overflow-x: auto;
  /* enable horizontal scroll when children overflow */
  overflow-y: visible;
}

.zr-cat-list {
  display: flex;
  /* flex-wrap: wrap; */
  /* gap: 1rem; */
  padding: 0;
  margin: 0;
  list-style: none;
  max-width: 1440px;
  width: 100%;
  gap: 24px;
  overflow-x: auto;
  overflow-y: hidden;
  /*-webkit-overflow-scrolling: touch;
  scrollbar-color: var(--neutral7) transparent;
  scroll-snap-type: x mandatory; 
  justify-content: center;*/
  scroll-snap-type: x mandatory;
  direction: ltr;
  padding-top: 4px;
}

/* Make horizontal scrollbar visible for category list only */
.zr-cat-list::-webkit-scrollbar {
  height: 6px;
  /* show horizontal bar */
}

.zr-cat-list::-webkit-scrollbar-track {
  background: transparent;
}

.zr-cat-list::-webkit-scrollbar-thumb {
  background: var(--neutral7);
  border-radius: 4px;
}

.zr-cat-card-layout {
  /* جلوگیری از جمع شدن آیتم‌ها؛ اجازه بده خارج شوند تا اسکرول افقی فعال شود */
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 12px; */
  width: 260px;
  height: 198px;
}

.zr-cat-image-box {
  /* aspect-ratio: 250 / 145; */
  width: 250px;
  height: 145px;
  max-width: 250px;
  max-height: 145px;
  min-width: 250px;
  min-height: 145px;
  width: 100%;
  position: relative;
  overflow: hidden;
  outline: 3px solid transparent;
  border-top-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  margin-top: 0.5rem;
}

.zr-cat-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.zr-line-1 {
  margin-top: -40px;
  border: 1px solid var(--Mainprimary);
}

/*********NEW PRODUCR**********/
.zr-new-products {
  margin-top: 85px;
  padding-bottom : 60px;
}

.zr-gray-btn {
  padding: 0.5rem 2rem;
  border: 1px solid var(--neutral4);
  background-color: var(--custom-1);
}

.zr-product-card {
  max-width : 323px;
  border: 3px solid #00000000;
  position : relative;
}

.zr-product-card-container {
  background-color: var(--primary1);
  overflow: hidden;
  /* aspect-ratio: 323/480; */
}

.zr-product-card-img {
  aspect-ratio: 323/350;
  max-width: 323px;
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--neutral4);
}

.zr-product-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* display: block; */
}

.zr-grams-hr {
  flex: 1;
  height: 1px;
  border: none;
  background-color: #ccc;
}

.zr-circle {
  border: 1px solid var(--Mainprimary);
  width: 5px;
  height: 5px;
  clip-path: circle(50% at 50% 50%);

}

/* BANNER */
.zr-banner-container-1 {
  /* aspect-ratio: 1680/500; */
  max-width: 1680px;
  width: 100%;
  padding-bottom: 48px;
  margin-inline: auto;
}

.zr-banner-img-1 {
  max-height: 500px;
  border-top-right-radius: 120px;
  border-top-left-radius: 120px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ABOUT US CONTENT MAIN PAGE */
.zr-about-us-container-main-page {
  padding-top: 95px;
  gap: 4rem;
  width: 100%;
  max-width: 1680px;
  margin: auto;
}

.zr-2-pic-about-us-right {
  max-width: 533px;
  max-height: 364px;
  gap: 22px;
  margin-bottom: 7px;
  align-items: flex-end;
}

.zr-2-pic-about-us-right>div:nth-child(2) img {
  border-top-right-radius: 4rem;
}

.zr-2-pic-about-us-right>div:nth-child(2) {
  /* padding-top: 68px; */
  max-width: 257px;

}

.zr-about-us-banner-sec-1 {
  max-width: 533px;
  gap: 8px;
  margin-bottom: auto;
  margin-top: 2rem;
}

/* ellipse */
.zr-ellipse-container {
  /* aspect-ratio: 464/750; */
  width: 464px;
  height: 750px;
  max-height: 750px;
  position: relative;
}

.zr-ellipse-container img {
  border-radius: 50% / 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 2;
  position: relative;
}

.zr-ellipse-container::after {
  content: "";
  position: absolute;
  display: block;
  padding-bottom: 120%;
  background: url(../IMAGE/icons/kaj2.svg) no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(0deg);
  margin-top: -161%;
  z-index: 1;
  width: 100%;
  height: 100%;
}

/* section left */
.zr-about-us-banner-section-left-banner {
  max-width: 544px;
  gap: 13px;
  /* margin-bottom: auto;*/
  margin-top: 2rem;
  align-self: stretch;
}

.zr-about-us-banner-section-left-banner  > div:last-child {
  margin-top : auto; 
}

.zr-left-about-us-img-index {
  /* aspect-ratio: 544/298; */
  width: 544px;
  height: 298px;
  max-height: 298px;
}

.zr-about-us-right-side-1 {
  width: 263px;
  height: 367px;
}

.zr-about-us-right-side-2 {
  width: 257px;
  height: 298px;
}

.zr-left-about-us-img-index img {
  border-top-right-radius: 63px;

}

.zr-about-us-section-btn {
  background: transparent;
  border: 1px solid var(--primary1);
  color: var(--primary1);
  padding: 0.5rem 2rem;
}

.zr-mb-blck-sec {
  margin-bottom: 65px;
}

/* COLLCATION */
.zr-collaction-container {
  /* padding-top: 127px; 
  border-top-right-radius: 120px;
  border-bottom-left-radius: 120px;*/
  min-height: 820px;
}

.zr-collaction-title {
  font-size: 64px;
}

.zr-collaction-desc {
  max-width: 316px;
  direction: rtl;
  margin-bottom: 98px;
}


.zr-img-collaction-slider {
  aspect-ratio: 421/516;
  max-width: 421px;
}

.zr-collaction-layout {
  gap: 117px;
}

.zr-small-images {
  /* aspect-ratio: 273/334; */
  /* max-height: 334px; */
  max-width: 273px;
  overflow: hidden;

}

.zr-collaction-slider-parent {
  max-height: 516px;
}


.zr-border-br-1 {
  border-bottom-right-radius: 1.5rem;
}

.zr-border-br {
  border-bottom-right-radius: 64px;
  z-index: 2;
  position: relative;
}

/* .zr-img-r::after{
position: absolute;
display: block;
background: url(../IMAGE/icons/Ellipse1.png) no-repeat;
background-size: contain;
background-position: center;
transform: rotate(-7deg);
z-index: 2;
width: 280px;
height: 100%;
max-width: 115px;
top: -16%;
right: -27px;
} */

.zr-border-tl {
  /* border-top-left-radius: 1.5rem; */
  border-bottom-left-radius: 64px;

}

.zr-images-parent {
  position: relative;
}

/* SOCIAL MEDIA SECTION */
.zr-sm-sec {
    padding-top: 95px;
    padding-bottom: 120px;
}

.zr-sm-sec-1 {
  gap: 1.5rem;
}



.zr-sm-padding {
  /* margin-bottom: 120px;*/
  align-items: flex-start;
  max-height: 544px;
}

.zr-banner-img-2 {
  margin: auto;
  max-height: 500px;
  border-bottom-left-radius: 120px;
  border-bottom-right-radius: 120px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ------------- */


.zr-images-col {
  /* aspect-ratio: 324/324; */
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.zr-sm-sec-1 div:nth-child(1) {
  border-top-right-radius: 4rem;
}

.zr-sm-sec-1 div:nth-child(2) {
  border-bottom-right-radius: 4rem;
}

.zr-sm-sec-2 div:nth-child(1) {
  border-top-left-radius: 4rem;
}

.zr-sm-sec-2 div:nth-child(2) {
  border-bottom-left-radius: 4rem;
}

.zr-sm-sec-3 div {
  aspect-ratio: 449/544;
  max-width: 449px;
  border-top-right-radius: 4rem;
}

.zr-sm-sec-4 {
  position: relative;
  /* height: 544px; */
}

.zr-sm-sec-4 div:nth-child(1) {
  aspect-ratio: 512/305;
  max-height: 305px;
  border-top-right-radius: 4rem;
}

.zr-sm-sec-4 .zr-follow-us {
  padding-top: 71px;
  position: relative;
  z-index: 1;
}


.zr-sm-sec-4 .zr-follow-us:nth-child(2)::before {
  content: "";
  position: absolute;
  display: block;
  background: url(../IMAGE/icons/kaj3.svg) no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(-164.27deg);
  z-index: 2;
  width: 100%;
  height: 100%;
  /* max-width: 115px; */
  top: 22%;
  right: 4px;
}

.zr-sm-sec-4 .zr-follow-us:nth-child(2)::after {
  content: "";
  position: absolute;
  display: block;
  background: url(../IMAGE/icons/kaj3.svg) no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(-3.27deg);
  z-index: 2;
  width: 100%;
  height: 100%;
  /* max-width: 115px; */
  top: 22%;
  right: 4px;
}

.zr-img-wrap {
  /* width: 100%; */
  /* aspect-ratio: 1 / 1; */
  overflow: hidden;
}

.zr-odd-image-frame {
  aspect-ratio: 324/324;
  max-height: 324px;
}

.zr-even-image-frame {
  aspect-ratio: 324/196;
  max-height: 196px;
}

.zr-garanty-wrapper {
  display: flex;
  flex-direction: row-reverse;
  max-width: 1680px;
  margin: 0 auto;
  /* gap: 240px; */
  justify-content: space-between;
}

.zr-garanty-wrapper div {
  margin-bottom: auto;
  max-width: 400px;
}

.zr-garanty-desc {
  max-width: 351px;
}

.zr-gap-12px {
  gap: 12px;
}

/* blogs slider */

.zr-blogs-slider-container {
  margin-top: 42px;
  margin-bottom: 83px;
  gap: 2rem;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: visible;
}


.zr-blogs-slider-container::before {
  content: '';
  max-width: 638px;
  width: 100%;
  height: 1869px;
  border: 1px solid var(--Mainprimary);
  position: absolute;
  border-radius: 50%;
  transform: rotate(72deg) translate(-50%);
  top: -226px;
  left: 36%;
  display: block;
}

.zr-blogs-card-container {
  border-radius: 1000px 1000px 0px 0px;
  background-color: var(--MainWhite);
  max-height: 607px;
  aspect-ratio: 316/607;
  border-bottom: 5px solid var(--Mainprimary);
  display: flex !important;
  flex-direction: column;
  transition: border-bottom 0.3s ease-in;
  /*margin-inline: 12px;
  max-width: 316px;*/
}



.zr-blogs-img-frame {
  aspect-ratio: 300/435;
  max-height: 435px;
  padding: 0.5rem;
  position: relative;
  overflow: hidden;
}


.zr-blogs-img-frame img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 1000px;
}


.zr-arc-bottom {
  position: absolute;
  bottom: -125px;
  left: 50%;
  width: 83%;
  aspect-ratio: 1.25 / 1;
  background: var(--MainWhite);
  border-radius: 50%;
  z-index: 2;
  transform: translate(-50%);
  padding-top: 2rem;
  display: flex;
  justify-content: center;
  gap: var(--gap4);
  min-width: 249px;
  min-height: 199px;
}


.zr-inline-line {
  border-bottom: 2px solid black;
  width: 2rem;
  height: 0;
  padding-top: 1rem;
}

.zr-blogs-card-property {
  padding-inline: 0.5rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.zr-read-more-blogs {
  padding-block: 1rem;
  display: flex;
  justify-content: center;
  flex: 1;
  align-items: center;
}

.zr-blogs-ellipse {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
  margin-top: -20px;
  width: 100%;
}

/* .zr-wide-wrapper{
max-width: 1920px;
margin: auto;
} */


/* footer */
.zr-footer {
  text-align: right;
  width: 100%;
  max-width: 1680px;
  max-height: 386px;
  height: 386px;
  margin: auto;
  /* margin-bottom: 2rem; */
  /* aspect-ratio: 1680 / 386; */
  display: flex;
  justify-content: center;
  /* gap: var(--gap8); */
  position: relative;
  overflow: visible;
  background: var(--primary9);

}



.zr-footer::before {
  content: "" !important;
  background: url(../IMAGE/icons/footerEllipsesvg.svg) no-repeat center;
  position: absolute;
  width: 150px;
  height: 159px;
  left: 0;
  background-size: contain;
  transform: rotate(359deg);
  margin-top: -80px;
  margin-left: -61px;
}


.zr-footer-col {
  max-width: 536px;
  max-height: 344px;
  height: 100%;
  width: 100%;
  aspect-ratio: 536 / 344;
  padding-top: 41px;
}

.zr-foot-line::before {
  content: "";
  position: absolute;
  width: 84%;
  border-bottom: 1px solid var(--Mainprimary);
  left: 0;
  max-width: calc(100% - 240px);
  margin-top: 50px;

}



.zr-namads-container li {
  max-width: 148px;
  padding: 10px 44px;
}

.zr-namads-container li>img {
  width: 60px;
  height: 70px;
  /* object-fit: contain; */
}

.zr-links-col {
  flex: 1;
}

.zr-links-col a:nth-child(1) {
  color: var(--Mainprimary);
  font-size: var(--font-size-4);
}


.zr-links-col a {
  padding: 16px 26px;
  text-align: center;
  color: var(--custom-2);
  font-size: var(--font-size-3);
}

.zr-social-media-foot-icon {
  padding-inline: 89px;
  display: flex;
  gap: 2rem;
}

.zr-social-media-foot-icon a>img {
  width: 33px;
  height: 33px;
}

address {
  font-style: unset;
}

.zr-sm-sec-1-footer div:nth-child(3) {
  margin-bottom: 12px;
  justify-content: space-between;
}

.zr-sm-sec-1-footer div:nth-child(1)>h1 {
  color: var(--Mainprimary);
  text-align: justify;
}

.zr-foot-namad {
  padding: 76px 46px 32px 46px;
  justify-content: flex-end;
}



.zr-website-name-footer {
  font-family: 'Adore', sans-serif !important;
  font-size: 73px;
  font-weight: 400;
  color: var(--Mainprimary);
}

.zr-namads-container li:nth-child(2) {
  border-right: 1px solid var(--custom-3);
  border-left: 1px solid var(--custom-3);
}

.zr-footer-cols-layout li:nth-child(1)>div {
  padding-inline: 46px;
  display: flex;
  flex-direction: row-reverse;
}

.zr-footer-cols-layout {
  gap: 34px;
}

.zr-footer-ellipse {
  width: 52px;
  height: 159px;
  z-index: 1000;
  position: relative;
}

.zr-footer-ellipse img {
  width: 100%;
  height: 100%;
  object-fit: contain;

}

.zr-footer-cols-layout li:nth-child(1) {
  justify-content: flex-end;
}

.zr-footer-col-3 {
  padding: 86px 32px 28px 32px;
  justify-content: flex-end;
  gap: 1rem;

}



/* Basket */

/* .zr-drop-down-basket {
display: none;
opacity: 0;
transform: translateY(-12px) scale(0.98);
transition: opacity 1s ease, transform 1s cubic-bezier(0.16, 1, 0.3, 1);
pointer-events: none;
width: 100%;
max-width: 100%;
left: 0;
min-width: 100% !important;
position: fixed;
top: 0;
background: #00000080;
min-height: 100svh;

}

.zr-drop-down-basket.open {
display: flex;
opacity: 1;
transform: translateY(0) scale(1);
pointer-events: auto;
} */



.zr-drop-down-basket {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  background: #00000080;

  display: flex;

  opacity: 0;
  transform: scale(0.98);
  /* خیلی ملایم */
  transition: opacity 0.4s ease, transform 0.4s ease;

  pointer-events: none;
  visibility: hidden;
}

.zr-drop-down-basket.open {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
  visibility: visible;
}





/* .zr-drop-down-basket-child {
min-width: 576px;
max-width: 576px;
z-index: 500;
max-height: 100svh;
min-height: 100svh;
background: var(--MainWhite);
overflow: hidden;
flex-direction: column;
min-height: 100svh;
transform: translateY(-24px);
opacity: 0;
transition: opacity 1s ease, transform 1s cubic-bezier(0.16, 1, 0.3, 1);
display: none;
}

.zr-drop-down-basket.open .zr-drop-down-basket-child {
transform: translateY(0);
opacity: 1;
display: flex;
} */


.zr-drop-down-basket-child {
  min-width: 576px;
  max-width: 576px;
  height: 100svh;

  background: var(--MainWhite);
  z-index: 500;

  display: flex;
  flex-direction: column;
  overflow: hidden;

  /* حالت بسته */
  transform: translateX(-100%);
  opacity: 0;

  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.4s ease;

  will-change: transform, opacity;
}

.zr-drop-down-basket.open .zr-drop-down-basket-child {
  transform: translateX(0);
  opacity: 1;
}


.zr-cart-icon {
  width: 32px;
  height: 32px;
}

.zr-link-discount {
  border-bottom: 1px solid var(--MainBlack);
}

.zr-btn-checkout,
.zr-btn-discount {
  min-height: 60px;
  max-width: 220px;
}


.zr-bg-mainred {
  background-color: var(--error3);
}

.zr-basket-delete {
  width: var(--widthbasket);
  height: var(--heightbasket);
}



.zr-timer-box {
  background: var(--secondary8);
}

.zr-drop-down-basket-count {
  /* background: var(--primary5); */
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.zr-bsket-img-parent {
  width: var(--imgBasketWidth);
  height: var(--imgBasketWidth);
}

.zr-bsket-delete-parent {
  width: var(--imgBasketWidth);
}




.zr-box-search-dropdown {
  width: 100%;
  display: none;
  position: absolute;
  height: 168px;
  background: var(--white);
  left: 0;
  top: calc(100% + 1px);
}

.zr-search-icon-hover,
.zr-search-icon-active,
.zr-box-search:is(.zr-active-search, :hover) .zr-search-icon-main {
  display: none;
}

.zr-box-search:not(.zr-active-search):hover .zr-search-icon-hover,
.zr-box-search.zr-active-search .zr-search-icon-active {
  display: flex;
}


.zr-search-parent {
  width: 352px;
  height: 40px;
  border: 1px solid var(--gray5);
}

.zr-user-arrow-icon-parent:is(.zr-active-user, :hover) .zr-user-arrow-main-icon,
.zr-user-arrow-active-icon,
.zr-user-arrow-hover-icon {
  display: none;
}

.zr-user-arrow-icon-parent.zr-active-user .zr-user-arrow-active-icon,
.zr-user-arrow-icon-parent:hover:not(.zr-active-user) .zr-user-arrow-hover-icon {
  display: flex;
}

.zr-box-user-dropdown {
  display: none;
  box-shadow: 0px 0px 20px 0px #00000026;
  top: calc(100% + 1rem) !important;
  width: 170px;
  min-height: 188px;
  left: 0;
  background: var(--gray2);
}


.zr-badge-count {
  width: 20px;
  height: 20px;
}


.zr-basket-title {
  color: var(--Mainsecondary);
}

.zr-total-price-icon div {
  padding: 0.25rem;
  background: var(--Mainprimary);
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zr-total-price-icon p {
  color: var(--Mainsecondary);
  font-weight: bold;
  white-space: nowrap;
}

.zr-basket-btns {
  width: 100%;
  max-height: 45px;
  height: 45px;
  border: none;
}




.search-input {
  direction: rtl;
  text-align: right;
  background-color: transparent !important;
  border: none;
  display: none;
  color: var(--MainWhite);
}





.zr-search-layout-selected-active {
  border: 1px solid var(--Mainprimary);
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background: var(--neutral10);
  position: relative;
  overflow: visible;
}

.zr-search-icon-close {
  content: "";
  position: absolute;
  background: url('/themes/website/moissanite/image/icons/cancel-search.svg') no-repeat;
  width: 24px;
  height: 24px;
  /* left: 53%; */
  right: 0;
  margin-right: -32px;
  display: none;
}

.search-input-active,
.zr-search-icon-close-active,
.zr-profile-drop-down.active {
  display: flex;
}

.zr-profile-drop-down {
  width: 199px;
  height: fit-content;
  background: var(--MainWhite);
  padding: .25rem .25rem;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  box-shadow: 0px 0px 10px 0px #0000001A;
  /* display: none; */
  justify-content: center;
  z-index: 1000;
}

.zr-profile-container li {
  padding: 8px 0px;
  font-size: var(--font-size-3);
  font-weight: 500;
}

.zr-profile-container li:first-child {
  padding: 18px 0px;
  gap: 10px;
  background : var(--neutral2) !important;
  border-radius: 0.25rem;
}


.zr-products-arrow {
  transform: rotate(180deg);
}

.zr-rotate-reverse {
  transform: rotate(0deg) !important;
}


.zr-res-sub-2-arrow.zr-res-open>a {
  color: var(--MainBlack);
  padding-block: 0.75rem;
}




/* .zr-discount-tag {
width: 30px;
height: 30px;
background: var(--custom-10);
color: var(--MainWhite);
margin-left: 12px;
margin-top: 12px;
left: 0;
} */

.zr-product-lables {
  bottom: 0;
  right: 0;
  gap: 6px;
  margin-bottom: 12px;
  margin-right: 12px;
  overflow: hidden;
  /*max-height: 25px;*/
  width: 90%;
  flex-wrap: wrap;
  direction: rtl;
  display: flex;
  justify-content: flex-start;
}

.zr-product-lables .zr-exist-pro {
  background: var(--custom-11);
}

.zr-product-lables .zr-new-pro {
  background: var(--custom-12);
}

.zr-line-inline {
  width: 30px;
  height: 1px;
  background: url('/themes/website/moissanite/image/icons/lines-inline.svg') no-repeat center;
}




.zr-product-card {
  margin-left: 1rem;

}

/* .zr-new-products-slider {

margin-left: -1rem;
}

.zr-new-products-slider .zr-product-card {
margin-left: 1rem;
} */

.zr-collaction-slider {
  width: 100%;
  max-width: 421px;
  gap: 20px;
}

.zr-images-parent {
  margin-top: -52px;
  max-height: 516px;
}

.zr-collaction-slide {
  /* aspect-ratio: 421/516; */
  max-width: 421px;
  max-height: 516px;
}

.zr-collaction-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .zr-blogs-slider {
width: 100%;
margin-inline: -12px;
} */


.zr-blogs-slider {
  width: 100%;
  /* margin-left: -24px; */
  /* here dear 
  margin-inline: -12px;*/
}




/* .zr-blog-slider-layout {
max-width: 1695px;
width: 100%;
} */


.zr-blog-slider-layout {
  max-width: 1695px;
  /* width: 100%; */
  width: calc(100% + 1rem);
  /* hear dear */
}



/* BLOG DETAIL */
.zr-top-blog-img {
  width: 100%;
  max-height: 836px;
}

.zr-top-blog-img img {
  width: 100%;
  height: 100%;
  max-height: 836px;
  object-fit: cover;
}

/* 1120 */
.zr-blog-desc-container {
  width: 100%;
  max-width: 799px;
  border-top-right-radius: 399.5px;
  border-top-left-radius: 399.5px;
  min-height: 30rem;
}

.zr-blog-detail-title {
  padding-top: 177px;
  padding-inline: 61px;
}

.zr-blog-detail-title h1 {
  font-size: 40px;
}

.zr-title-subtitle-blog {
  align-items: center;
}

.zr-sub-title-container {
  max-width: 453px;
  position: relative;
  padding-inline: 2rem;
}

.zr-sub-title-container::before {
  content: "";
  background-color: var(--Mainprimary);
  width: 24px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.zr-sub-title-container::after {
  content: "";
  background-color: var(--Mainprimary);
  width: 24px;
  height: 2px;
  position: absolute;
  top: 0;
  right: 0;
}

.zr-sub-title-blog-detail {
  max-width: 373px;
}

.zr-blogs-text-container {
  margin-top: 73px;
}

.zr-article-text {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 72px;
}

.zr-mid-img-article {
  max-height: 510px;
  width: 100%;
  object-fit: cover;
}

.zr-mid-img-article-child {
  max-width: 375px;
  width: 100%;
  object-fit: cover;
}

.zr-blog-detail-sec-1 {
  margin-bottom: 2rem;
  margin-top: -606px;
  z-index: 10;
  position: relative;
}

/* blog list */

.zr-list-blogs-container {
  margin-top: 2rem;
}

.zr-list-blogs-container {
  gap: 48px;
  width: 100%;
  max-width: calc(100% - 240px);
}

.zr-cards-blog-container {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 10px;
}

.zr-blog-card {
  margin-left: 0 !important;
}

.page-number{
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
}

.zr-paging-selected, .active-page-number, .zr-selected-nums {
  color: var(--MainWhite);
  background: var(--Mainsecondary);
  border-bottom-left-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 0.5rem;
}

.zr-list-blogs-container .zr-nums {
  width: 30px;
  height: 30px;
}
/*.zr-about-us-sec-1 {
margin-top: 130px;
}*/

.zr-about-us-sec-1 ul {
  /* max-width: calc(100% - 660px); */
  max-width: 1260px;
  justify-content: center;
  padding-top: 20px !important;
}

.zr-overflow-visible {
  overflow: visible !important;
}

.zr-info-img-1 {
  max-width: 411px;
  max-height: 617px;
  /* aspect-ratio: 411/617; */
  margin-top: -2px;
}

.zr-info-img-2 {
  max-width: 377px;
  max-height: 564px;
  /* aspect-ratio: 377/564; */
  margin-top: 101px;
  position: relative;
  overflow: visible !important;
}



.zr-info-img-2::before {
  content: "";
  position: absolute;
  background: url('/themes/website/moissanite/image/icons/circle-kaj.svg') no-repeat center;
  width: 271px;
  height: 271px;
  left: -112px;
  top: -110px;
  transform: rotate(173deg);
}

.zr-info-img-3 {
  max-width: 422px;
  max-height: 355px;
  /* aspect-ratio: 422/355; */
  margin-top: 45px;
  overflow: hidden;

}

.zr-info-img-4 {
  max-width: 277px;
  max-height: 224px;
  /* aspect-ratio: 277/224; */
  margin-top: 41px;
  position: relative;
  overflow: visible;
}

.zr-info-img-4::before {
  content: "";
  position: absolute;
  background: url('/themes/website/moissanite/image/icons/circle-kaj.svg') no-repeat center;
  width: 244px;
  height: 271px;
  top: 318px;
  transform: rotate(61deg);
  right: -110px;
  top: -120px;

}

.zr-info-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-right-radius: 4rem;
}

.zr-info-img-2 img,
.zr-info-img-3 img,
.zr-info-img-4 img {
  border-top-left-radius: 4rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zr-aboutus-desc {
  max-width: 1016px;
  margin: auto;
}




.zr-about-us-slider {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto 88px;
  position: relative;
  overflow: visible;
}

.zr-about-us-slides,
.zr-about-us-center-slides {
  position: relative;
  overflow: hidden;
}

.zr-about-us-slides {
  max-width: 257px;
  min-width: 257px;
  min-height: 380px;
  aspect-ratio: 257 / 380;
  border-radius: 200px;
}

.zr-about-us-center-slides {
  max-width: 464px;
  min-width: 464px;
  min-height: 750px;
  aspect-ratio: 464 / 750;
  border-radius: 50% / 50%;
  position: relative;
  overflow: visible;
}

.zr-about-us-center-slides img {
  border-radius: 50% / 50%;
}

.zr-about-us-center-slides::before {
  content: '';
  position: absolute;
  width: 306px;
  height: 867px;
  border-radius: 50% / 50%;
  border: 1px solid var(--Mainprimary);
  left: 80px;
  transform: rotate(33deg);
  top: -19px;
}

.zr-about-us-center-slides::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--Mainsecondary);
  border-radius: 50% / 50%;
  z-index: 6;
  left: 0;
}

.zr-about-us-center-slides img {
  position: relative;
  z-index: 7;
}



.zr-about-us-slides img,
.zr-about-us-center-slides img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1.3s ease-in-out;
}

.zr-about-us-slides img.active,
.zr-about-us-center-slides img.active {
  opacity: 1;
}

.zr-about-us-mobile-controls {
  display: flex;
  justify-content: space-between;
  padding-inline: 24px;
  align-items: center;
  gap: 20px;
  margin-top: 10px;
  width: 300px;
  margin: auto;
}

.zr-about-us-mobile-controls button {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
}

.zr-about-us-mobile-controls .zr-about-us-counter {
  font-size: 24px;
  font-weight: 400;
  color: var(--MainWhite);
  direction: rtl;
  font-family: 'Adore', sans-serif !important;
}

.zr-about-us-mobile-controls .zr-about-us-prev,
.zr-about-us-mobile-controls .zr-about-us-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--Mainprimary);
  position: relative;
  overflow: visible;
}

.zr-about-us-mobile-controls .zr-about-us-prev::before {
  content: '';
  position: absolute;
  width: 49px;
  height: 12px;
  background: url(../IMAGE/icons/arrow-about-us.svg) no-repeat;
  left: -24px;
  top: 24px;
  background-size: cover;
  transition : width 0.1s ease;
}

.zr-about-us-mobile-controls .zr-about-us-next::before {
  content: '';
  position: absolute;
  width: 49px;
  height: 12px;
  background: url(../IMAGE/icons/arrow-about-us.svg) no-repeat;
  right: -24px;
  top: 24px;
  transform: scale(-1);
  background-size: cover;
  transition : width 0.1s ease;
}

.zr-about-us-prev:hover ,
.zr-about-us-next:hover {
  background-color : var(--Mainprimary);
}


.zr-about-us-prev:hover::before ,
.zr-about-us-next:hover:before {
  width: 19px;
}



.zr-aboutus-slider-bg {
  /*border-top-right-radius: 959.5px;
  border-top-left-radius: 959.5px;*/
  min-height: 1530px;
  margin-top: 4rem;
  max-width: 1920px;
  overflow: visible;
}

.zr-aboutus-slider-bg::before {
  content: "";
  position: absolute;
  /* background: url('../IMAGE/icons/img-gallery-circle-1.svg') center no-repeat; */
  border: 1px solid var(--Mainprimary);
  border-radius: 50% 50%;
  height: 46px;
  width: 427px;
  left: 50%;
  transform: translate(-50%);
  top: 0;
  margin-top: 42px;	
}

.zr-img-gallery-title {
  margin-block: 56px 80px;
}

.zr-about-us-banner {
  max-width: 530px;
  max-height: 707px;
  width: 100%;
  height: 100%;
  margin-bottom: -329px !important;
  object-fit: cover;
  overflow: hidden;
  padding-top: 67px;
}


.zr-about-us-banner img {
  width: 100%;
  height: 100%;
  max-width: 530px;
  max-height: 707px;
  object-fit: cover;
}

.zr-mb-abtus {
  margin-bottom: 315px !important;
}

.zr-contact-us-container {
  padding-top: 22px !important;
  max-width: 1198px;
  justify-content: center;
}

.zr-up-section {
  width: 800px;
  height: 411px;
  border-top-right-radius: 400px;
  border-top-left-radius: 400px;
}

.zr-iframe {
  margin-top: 100px;
  margin-inline: 100px;
  border-top-right-radius: 400px;
  border-top-left-radius: 400px;
  max-height: 452px;
  height: 100%;
  aspect-ratio: 598 / 452;
  z-index: 2;
}

.zr-down-section {
  max-width: 1198px;
  width: 100%;
  padding-top: 90px;
  justify-content: center;
  border-bottom-left-radius: 1000px;
  border-bottom-right-radius: 1000px;
}


.zr-contact-us-title {
  padding-block: 55px;
  max-width: calc(100% - 154px);
  margin-inline: auto;
  z-index: 3;
}

.zr-contact-info-box-container {
  padding-inline: 1.5rem;
}

.zr-contact-info-box {
  max-width: 367px;
  /* aspect-ratio: 367/345; */
  flex: 1;
  border: 1px solid var(--neutral4);
  border-top-right-radius: 4rem;
  display: flex;
  flex-direction: column;
  /* max-height: 345px; */
  height: 345px;
}

.zr-contact-info-box .zr-call-icons {
  width: 60px;
  height: 60px;
}

.zr-contact-info-box-bottom-line {
  height: 50px;
  position: absolute;
  bottom: 0;
}

.zr-send-message-conainer {
  margin-top: 39px !important;
  padding-bottom: calc(1.5rem + 2rem) !important;
}

.zr-message-title {
  width: 368px;
  /* padding: 5.5px 157px; */
}

.zr-message-title h1 {
  /* white-space: nowrap; */
  text-align: center;
}

.zr-message-input {
  background: var(--neutral2);
  border: 1px solid var(--neutral4);
  padding: 1rem 1.5rem;
}

.zr-input-layout {
  /* padding-inline: 116px; */
}

.zr-message-input-textarea {
  height: 118px;
}

.zr-btn-send-container button {
  width: 219px;
  height: 46px;
}

.zr-product-detail-container {
  padding-top: 2.5rem;
  max-width: 1920px;
  margin: auto;
}

.zr-crumb-item {
  width: 100%;
}

.zr-unselected-fav-container {
  background: var(--MainWhite);
  border: 1px solid var(--Mainsecondary);
  max-width: fit-content;
  padding: 0.5rem;
}

.fav-unselected {
  display: flex;
}

.fav-hover-unselected {
  display: none;
}



.zr-selected-fav-container {
  /* display: none !important; */
  background: var(--Mainsecondary);
  border: 1px solid var(--Mainprimary);
  max-width: fit-content;
  padding: 0.5rem;
}

.zr-selected-fav-container p {
  color: var(--MainWhite);
}


.fav-selected {
  display: flex;
  /* box-shadow: 0px 0px 12px 0px #DDCBABB2; */

}

.zr-info-product-container {
  max-width: 808px;
  width: 100%;
  height: 100%;
  margin-bottom: auto;
  min-width: 470px;
}

.zr-br-b-gray {
  border-bottom: 1px solid var(--neutral4);
}

.zr-drop-down-details {
  max-width: 280px;
}

.zr-drop-down-details-parent {
  border: 1px solid var(--custom-13);
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  width: 100%;
  max-width: 280px;

  background: var(--MainWhite);
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.zr-drop-down-details-opened {
  border-bottom: 1px solid var(--neutral9) !important;

}

.zr-opened-p {
  color: var(--Mainsecondary);
}

.drop-down-rotate img {
  transform: rotate(180deg) !important;
}

.zr-child-drop-down {
  padding-inline: 12px;
  padding-block: 20px;
}

.zr-child-drop-down-item-selected {
  background: var(--Mainprimary) !important;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.zr-child-drop-down-item div>p {
  color: var(--MainBlack) !important;
}

.zr-drop-down-child {
  height: 232px;
  position: absolute;
  width: 100%;
  top: 102%;
  border-left: 1px solid #4E4E4E;
  border-right: 1px solid #4E4E4E;
  border-bottom: 1px solid #4E4E4E
}

.zr-main-pic {
  aspect-ratio: 621/621; 
  max-width: 621px;
  max-height: 621px;
  height: 100%;
  width: 621px;
}

.zr-main-pic img {
  border: 1px solid var(--neutral4);
  height: 100%;
  width: 100%;
  object-fit: cover;
  max-height: 621px;
}

.zr-finger-images {
  max-height: 621px;
  width: 150px;
}



.zr-finger-img-frame {
  border-bottom-left-radius: 11px;
  border-top-right-radius: 11px;
  overflow: hidden;
  aspect-ratio: 140/140;
  max-width: 140px;
  max-height: 140px;
  min-height: 140px;
  width: 100%;
  height: 100%;
}

.zr-finger-img-frame img {
  border: 1px solid var(--neutral4);
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.zr-selected-finger-img-frame {
  border-bottom-left-radius: 11px;
  border-top-right-radius: 11px;
  padding: 8px;
  border: 1px solid var(--MainBlack);
}

.zr-add-to-cart {
  max-width: 305.5px;
  width: 100%;
  height: 66px;
  transition: ease-out 0.3s;

}
#divAddCart {
  max-width: 305.5px;
  width: 100%;
  height: 66px;
}

.zr-pro-price {
  max-width: 305px;
}

.zr-pro-price-parent div {
  /* flex: 305px 1 1; */
}

.zr-desc-box,
.zr-price-calc-box,
.zr-price-calc-pro-box,
.zr-send-massage,
.zr-info-box
{
  max-width: 840px;
  max-height: fit-content;
}


.zr-comment-right-side {
  align-items: center;
}

.zr-send-massage {
  margin-top : 1rem;
}


.zr-info-title {
  background: var(--neutral4);
  border: 1px solid var(--neutral4);
  border-top : none;
}

.zr-info-title:last-child {
  border-bottom-left-radius: 1rem;
}

.zr-info-table li {
  border-top: 1px solid var(--neutral4);
}

.zr-table-title {
  height: 100%;
  max-height: 64px;
  background: var(--neutral4);
}

.zr-property-title-info {
  height: 100%;
  max-height: 61px;
}

.zr-property-title-info div {
  width: 100%;
  max-width: 167px;
  display: flex;
  flex-direction: row;
  flex: 1167px 1 1;
  justify-content: center;
  padding-block: 1rem;
}

.zr-property-title-info div {
  border-right: 1px solid var(--neutral4);
}

.zr-property-title-info div:nth-child(1) {
  border-right: none;
}


/* comment */
.zr-comment-section {
  padding-top: 66px;
  border-top-right-radius: 120px;
}

.zr-comment-container,
#divComment ,
.zr-comment-form
{
  max-width: 800px;

}

.zr-comment-container {
  position : relative;
  overflow : visible;
}

.zr-manager-commnet-container::before {
  content: "";
  height: 17px;
  width: 5px;
  background: var(--MainBlack);
  position: absolute;
  margin-top: -17px;
  left: 30%;
  bottom : 100%;
}

.zr-manager-commnet-container::after {
  content: "";
  height: 17px;
  width: 5px;
  background: var(--MainBlack);
  position: absolute;
  margin-top: -17px;
  right: 30%;
  bottom : 100%;
}

.zr-see-more-comments {
  max-width: 164px;
  width: 100%;
  height: 44px;
  background: var(--custom-1);
}

.zr-enter-info {

  height: 44px;
  background: var(--neutral2);
}

.zr-send-btn {
  min-width: 145px;
  max-width: 164px;
  width: 100%;
  height: 44px;
  transition: ease-out 0.3s;
}


.zr-secret-txt {
  padding-top: 10px;
}

/* .sp-f-check {
margin: 0 !important;
width: 19px;
height: 19px;
border: 1.5px solid var(--MainBlack);
border-radius: 1rem;

} */

.sp-f-check {
  width: 20px !important;
  height: 20px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border: 1.5px solid #333 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  position: relative !important;
  background: var(--MainWhite) !important;
  overflow: hidden;
}

.sp-f-check:checked::after {
  content: "✔" !important;
  position: absolute !important;
  top: -1px !important;
  left: -1px !important;
  font-size: 14px !important;
  color: var(--MainWhite) !important;
  background: var(--Mainsecondary);
  width: 19px !important;
  height: 25px !important;
  transform: rotate(1deg) !important;
  padding-right: 3px;

}



.zr-new-products-detail-page {
  margin-bottom: 120px;
  max-width: 1680px;
  width: 100%;
  margin: auto;
}


/* استایل برای شمارنده اسلایدر */
.zr-new-products-slider .slick-dots li button {
  display: none;
  /* نقطه پیش‌فرض رو حذف می‌کنیم */
}

.zr-new-products-slider .slick-dots li span.custom-dot {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.zr-new-products-slider .slick-dots li.slick-active span.custom-dot {
  color: #e74c3c;
  /* رنگ صفحه فعال */
}


/* ------------------------------------ */

.zr-filters {
  max-width: 400px;
  min-width: 400px;
  width: 100%;
  height: 54px;

}

.zr-search-result {
  /* padding: 17px 32px; */
  white-space: nowrap;
}

.zr-sort {
  max-width: 400px;
  min-width: 400px;
  width: 100%;
  height: 54px;
}

.zr-selected-sort {
  background: var(--neutral2);
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.zr-selected-sort p {
  color: #000;
}

.zr-products-container {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-width: 1680px;
  row-gap: 1.5rem;
  gap: 1rem;
}

.zr-product {
  max-width: 323px;
  outline: 1px solid var(--neutral4);
  box-sizing: content-box;
  position : relative;
}



.zr-item-filter,
.search-result
{
  display: flex;
  gap: 0.5rem;
  background: var(--MainWhite);
  padding: 0 1rem;
  border-top-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
  border: 1px solid var(--Mainsecondary);
  max-height: 34px;
  min-height: 34px;
  align-items: center;
  max-width: fit-content;
  min-width: fit-content;
  border-bottom-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.zr-item-filter p {
  white-space: nowrap;
}


.zr-opened-sort-box {
  display : none;
  width: 400px;
  min-height: 204px;
  max-height: 204px;
  height: 204px;
  position: absolute;
  top: calc(100% - -0.5rem);
  z-index: 1;
  border-radius: 0.25rem;
  box-shadow: 0px 0px 10px 0px #0000001A;
  padding: 0.5rem;
  gap: 0.5rem;

}

.active.item-orderby {
  color: var(--MainBlack) !important;
  font-weight: 700;
}

.zr-filter-bg {
  background: #00000080;
  width: 100%;
  position: fixed;
  height: 100svh;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
  opacity: 0;
  transition: opacity .4s ease;
  z-index : -1;
  pointer-events: none;
}

.zr-filter-bg.show {
  opacity: 1;
  z-index :  1001 ;
  pointer-events: auto;
}



.zr-filters-container {
  width: 472px;
  height: 100svh;
  position: fixed;
  right: 0;
  top: 0;
  background: var(--neutral2);
  transform: translateX(100%);
  transition: transform 0.4s ease;
  z-index : 1003;
}

/* وقتی باز میشه*/ 
.zr-filter-bg.show > .zr-filters-container{
  transform: translateX(0);
}


.zr-opened-arrow {
  transform: scale(-1);
}

.zr-filter-title {
  padding-top: 49px;
}

.zr-item-hasfilter {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: var(--Mainsecondary);
  display:none;
}

.zr-hasfilter .zr-item-hasfilter {
  display : block; 
}

.zr-bb-filter {
  border-bottom: 1px solid var(--disable);
}

.zr-child-filters {
  display: none;
}

.zr-child-filters.active {
  display: flex;
  border-bottom: 1px solid var(--disable);
}

.zr-filters-arrow {
  transform: rotate(360deg);
}

.zr-rotate-img {
  transform: rotate(180deg);
}

.zr-input-items {
  padding-block: 5.5px;
  padding-right: 1rem;
}



.zr-sub-filter {
  margin-top: 7.5px;
  margin-right: 2rem;
  border-right: 1px solid var(--custom-3);
}

.zr-cat {
  height: 180px;
  overflow: auto;
}

.zr-child-ul {
  margin-top: 5.5px;
}



.zr-slider-container {
  height: 8px;
  background: var(--secondary3);
  width: 100%;
  top: 7px;
}

.zr-slider-container {
  height: 8px;
  background: var(--secondary3);
  width: 100%;
  top: 7px;
  position: relative;
  border-radius: 6px;
}

/* ================= Custom dual-range slider (price/weight) ================ */
.P-range {
  position: relative;
  width: 100%;
  /* padding-top: 14px; leave room for thumbs */
}

.P-range input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 24px;
  width: 100%;
  margin: 0;
  background: transparent;
  pointer-events: none;
  /* we enable on thumbs only */
}

/* Track is hidden; we use .zr-slider-container as the visual track */
.P-range input[type="range"]::-webkit-slider-runnable-track {
  height: 8px;
  background: transparent;
}

.P-range input[type="range"]::-moz-range-track {
  height: 8px;
  background: transparent;
}

.P-range input[type="range"]::-ms-track {
  height: 8px;
  background: transparent;
  border: 0;
  color: transparent;
}

/* Highlight between two thumbs */
.zr-range-highlight {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #3c3a37;
  /* dark center like the mock */
  border-radius: 6px;
}

/* Thumb styles - circular with white ring and dark inner dot */
.P-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2f2c29;
  border: 4px solid #ffffff;
  /* white ring */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
  /* make thumb draggable */
  cursor: pointer;
  margin-top: -6px;
  /* center over 8px track */
}

.P-range input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2f2c29;
  border: 4px solid #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
  cursor: pointer;
}

.P-range input[type="range"]::-ms-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2f2c29;
  border: 4px solid #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
  cursor: pointer;
}

/* Improve touch target spacing a bit */
.P-range .in-minvalue {
  z-index: 3;
}

.P-range .in-maxvalue {
  z-index: 4;
}


.zr-selected-filter-lable-inside {
  row-gap: 10px;
  height: 66px;
  overflow: auto;
  min-height: 66px;
}

.zr-filters-h {
  max-height: 90svh;
  overflow-y: auto;
  padding-bottom: 2rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.zr-filters-h::-webkit-scrollbar {
  display: none;
}


.zr-range-style-input {
  /* width: 180px; */
  height: 43px;
  border: 1px solid #BBBBBB;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 8px;
}

.zr-black-font input::placeholder {
  color: var(--MainBlack) !important;
}


.zr-black-color {
  color: var(--MainBlack) !important;
}

.zr-message-input.zr-message-input-textarea textarea::placeholder {
  color : #717171;
}

/* ----------------------------------------------------- */
.slick-slider {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
  color: #00000000 !important;
}


.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1 !important;
}

.slick-dots {
  position: unset;
}



/* -----------------------next------------------------ */
.slick-next::before,
.zr-slider-controls .zr-next-btn::before {
  content: "" !important;
  background: url(../IMAGE/icons/arrow-icon.svg) no-repeat center/cover;
  transform: scale(-1);
  position: absolute;
  width: 8px;
  height: 15.5px;
  top: 38%;
  margin-right: 2.7rem;
}

.slick-next::after,
.zr-slider-controls .zr-next-btn::after {
  content: "" !important;
  position: absolute;
  height: 1px;
  width: 50px;
  background: var(--Mainsecondary);
  transition: width 0.4s ease-in-out;
  left: 0;
  margin-left: -21px;
  transform-origin: right;
}



.slick-next,
.zr-slider-controls .zr-next-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--Mainsecondary);
  order: 2;
  background: transparent;
  transition: background 0.5s ease-in-out;
  position: relative;
  overflow: visible;
  /* order: 3; */
  /* position: unset; */
}


/* -------------------prev----------------- */






.slick-prev::before,
.zr-slider-controls .zr-prev-btn::before {
  content: "" !important;
  background: url(../IMAGE/icons/arrow-left-slider.svg) no-repeat center;
  transform: scale(-1);
  position: absolute;
  width: 8px;
  height: 15.5px;
  top: 38%;
  right: 0;
  margin-right: -24px;
}

.slick-prev::after,
.zr-slider-controls .zr-prev-btn::after {
  content: "" !important;
  position: absolute;
  height: 1px;
  width: 50px;
  background: var(--Mainsecondary);
  transition: width 0.4s ease-in-out;
  right: 0;
  margin-right: -22px;
  transform-origin: right;
}


.slick-prev,
.zr-slider-controls .zr-prev-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--Mainsecondary);
  order: 2;
  background: transparent;
  transition: background 0.5s ease-in-out;
  position: relative;
  overflow: visible;
  /* order: 3; */
  /* position: unset; */
}



.zr-blog-counter-slider {
  font-family: 'Adore', sans-serif !important;
  display: flex;
  justify-content: center;
}

.sp-h-auto {
  height: fit-content !important;
}

.zr-products {
  max-width: 1680px;
  margin: auto;
}

.zr-lable-ul {
  max-width: 1920px;
  overflow-y: hidden;
  overflow-x: auto;
  padding-left: 1rem;
}

.zr-pro-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zr-res-opened-sort,
.zr-submit-btn-layout,
.zr-res-x-icon {
  display: none;
}


.zr-footer-logo {
  max-height: 70px;
  max-width: 180px;
}


.zr-mid-img-article-child {
  max-width: 100% !important;
}

.zr-1-line {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.zr-2-line,
.zr-blog-slide-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.zr-list-blogs-container {
  max-width: 1675px !important;
}

.zr-pro-count-2 {
  display: none;
}

.zr-desk-nav {
  display: flex;
}

.zr-left-txt {
  text-align: end;
}

.zr-product-title {
  text-align: justify;
}

.zr-pic-res-container {
  display: none !important;
}



.zr-desktop-add,
.zr-desktop-price,
.zr-product-title,
.zr-code-product,
.zr-liked-txt {
  display: flex;
}



.zr-product-title-res-box,
.zr-res-add {
  display: none;
}


.zr-info-table-section {
  max-width: 1680px;
  margin: auto;
  width: 100%;
  padding-bottom : 2rem;
}

.zr-comment-wrapper {
  width: 100%;
  max-width: 1680px;
  margin: auto;
}

.zr-get-info div {
  /*max-width: 368px;*/
  width: 100%;
}

/* ------------------------------------------ */

.zr-hero-section {
  max-height: 927px;
  height: 100%;
}


.zr-sec-1-hero {
  width: 50%;
}

.zr-parent-round-img-smaller {
  margin-left: 1rem;
}

.zr-sec-2-hero {
  width: 50%;
  height: 100%;
}


/* .zr-main-slider-sec-1 {
margin-left : -1rem;
} */

.zr-third-dots {
  display: flex;
}

.zr-show-btn-pd .zr-no-hover {
  display: block;
}

.zr-show-btn-pd .zr-hover {
  display: none;
}

.zr-product-lables li {
  max-width: fit-content;
  max-height: fit-content;
  padding: 0px !important;
  padding-inline: 2px;
}

.zr-product-lables li>span {
  margin-inline: 5px
}

/* -------------------------footer--------------------------------- */
.zr-foot-container {
  align-items: flex-end;
  position: relative;
}

.zr-foot-container::before {
  content: "";
  position: absolute;
  width: 82%;
  left: 0;
  top: 0;
  height: 1px;
  background: var(--Mainprimary);
  margin-top: 77px;
}


.zr-foot-container .zr-foot-items {
  flex: 1 1 536px;
  max-height: 344px;

}

.zr-foot-logo {
  max-height: 60px;
  max-width: 180px;
}

.zr-foot-logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 60px;
  max-width: 180px;
}

.zr-foot-desc {
  /*padding-bottom: 80px;
  padding-top: 16px;*/
  max-height: 125px;
}

.zr-foot-desc > p {
  color : var(--MainWhite);
}

.zr-namads {
  width: 148px;
  height: 90px;
}

.zr-namads img {
  max-width: 60px;
  width: 100%;
  height: 100%;
  max-height: 70px;
  object-fit: cover;
}

.zr-foot-items-1 {
  padding-bottom: 2rem;
  padding-inline: 46px;
}

.zr-namad-con .zr-namads:nth-child(2) {
  border-left: 1px solid var(--custom-3);
  border-right: 1px solid var(--custom-3);
}

.zr-foot-items .zr-important-link {
  /* max-width: 162px;*/
  flex: 1 1 162px;
  height : 273px;
  justify-content: flex-start;
}

.zr-important-link p {
  color: var(--Mainprimary);
}

.zr-link-list a {
  color: var(--custom-2);
  font-size: 14px;
  font-weight: 400;
  column-gap : 0px;

}

.zr-foot-items-2 {
  /*padding-bottom: 86px;*/
  min-height: 344px;
  align-items: flex-end;
}

.zr-foot-items-3 {
  padding-bottom: 28px;
  padding-inline: 2rem;
}

.zr-link-list {
  max-height: 175px;
  flex-wrap: wrap; 
}

.zr-product-slider-container::before {
  content: '';
  position: absolute;
  background: url('/themes/website/moissanite/image/icons/proslider.svg') no-repeat;
  background-size: contain;
  left: 0;
  transform: rotate(354deg);
  margin-top: -46px;
  width: 1828px;
  height: 1919px;

}

.zr-img-l,
.zr-img-r {
  position: relative;
  overflow: visible;
}

.zr-img-l::before {
  content: '';
  position: absolute;
  width: 112px;
  height: 370px;
  left: 0;
  border: 1px solid #c56a43;
  border-radius: 50%;
  transform: rotate(49deg);
  margin-left: -2px;
  margin-top: -167px;
}



.zr-img-r::before {
  content: '';
  position: absolute;
  width: 59px;
  height: 196px;
  right: 0;
  z-index: 99;
  border: 1px solid #c56a43;
  border-radius: 50%;
  transform: rotate(315deg);
  margin-top: -84px;
  margin-right: -12px;
}


/* -------------------------------------------- */

.zr-hero-section-container {
  min-height: 819px;
  width: 100%;
  max-width: 1920px;
  margin: auto;
  cursor: grab;
}

.zr-hero-section-container * {
  cursor: inherit;
}

.zr-show-btn-pd span {
  white-space : nowrap; 
}


.zr-show-btn-pd img {
  max-width: 66px;
  max-height: 21px;
}

.zr-show-btn-pd {
  max-width :  299px !important;
  justify-content: space-between;
  align-items: center;
}

.zr-hero-section-container.zr-is-dragging {
  cursor: grabbing;
}

.zr-about-us-slider {
  cursor: grab;
}

.zr-about-us-slider * {
  cursor: inherit;
}

.zr-about-us-slider.zr-is-dragging {
  cursor: grabbing;
}


.zr-hero-img-container {
  background: var(--Mainsecondary);
  border-bottom-left-radius: 268px;
  height: 100%;
  width: 50%;
  min-height: 819px;
  max-width: 960px;
  justify-content: flex-end;

}


.zr-main-hero-img {
  width: 100%;
  min-width: 500px;
  min-height: 763px;
  max-width: 500px;
  max-height: 763px;
  position: relative;
  overflow: visible !important;
}


.zr-main-hero-img::before {
  content: '';
  position: absolute;
  width: 296px;
  height: 838px;
  border: 1px solid var(--Mainprimary);
  border-radius: 50% 50%;
  left: 111px;
  transform: rotate(33deg);
  top: -12px;
}


.zr-main-hero-img::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--Mainsecondary);
  border-radius: 300px;
  z-index: 5;
}




.zr-main-hero-img {
  border-radius: 300px;
}

.zr-main-hero-img img {
  border-radius: 300px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 6;
}

.zr-finger-hero-img {
  min-width: 246px;
  min-height: 334px;
  max-width: 246px;
  max-height: 334px;
  border-radius: 300px;
}

.zr-finger-hero-img img {
  border-radius: 300px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- */
.zr-finger-hero-img,
.zr-main-hero-img {
  position: relative;
  /* overflow: hidden; */
  overflow: visible;
}

.zr-finger-hero-img img,
.zr-main-hero-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.8s ease-in-out;
  opacity: 1;
}


/* ---------------------------------- */
.zr-hero-desc-container {
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.zr-hero-desc-list {
  position: relative;
  max-width: 687px;
  max-height: 407px;
  margin-inline: 75px;
  margin-bottom: 1.5rem;
}

.zr-slide {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  transition: none;
}

.zr-slide.active {
  opacity: 1;
  position: relative;
}

.zr-hero-desc-container .zr-slide .zr-hero-title,
.zr-hero-desc-container .zr-slide .zr-hero-sub-title {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

.zr-hero-desc-container .zr-slide.active .zr-hero-title,
.zr-hero-desc-container .zr-slide.active .zr-hero-sub-title {
  opacity: 1;
}

/* استایل‌های اصلی */
.zr-hero-title {
  font-size: 40px;
  font-weight: 700;
  max-height: 108px;
  min-height: 108px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zr-hero-sub-title {
  max-width: 373px;
  text-align: center;
  line-height: 120%;
  margin-right: auto;
  position: relative;
  max-width: 373px;
  min-width: 373px;
  max-height: 93px;
  min-height: 93px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: visible;
  text-overflow: ellipsis;
}

.zr-hero-sub-title::before,
.zr-hero-sub-title::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 24px;
  background: var(--Mainprimary);
}

.zr-hero-sub-title::before {
  top: 0;
  right: -44px;
}

.zr-hero-sub-title::after {
  bottom: 0;
  left: -24px;
}

/* ------------------------------------------- */

.zr-slider-controls {
  /* position: absolute; */
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  z-index: 10;
  margin-left: auto;
  overflow: visible;
  gap: 30px !important;
  margin-right: -51px;
}


.zr-slider-counter {
  margin: 0 15px;
  font-size: 24px;
  font-weight: 400;
  order: 2;
  min-width: 65px;
  font-family: 'Adore', sans-serif !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* -------------------------------------- */

.zr-discount-tag {
  right: 0;
  top: 12px;
  margin-right: 12px;
  z-index: 10;
  background: var(--error3);
  /* min-height: 32px;
  max-height: 32px; */
  height: clamp(32px, 32px, 32px);
  color: var(--MainWhite);
  min-width: 32px;
  overflow: visible;
}

.zr-opened-sort-box {
  z-index: 2 !important;

}

.zr-desc-discount {
  background: var(--custom-16) !important;
  color: var(--MainBlack);
  min-height: 30px;
  margin-left: 1px;
  gap :4px;
}

.zr-delete-label {
  border: 1px solid var(--error3) !important;
}

.zr-delete-label p {
  color: var(--error3);
  max-width: 118px !important;
}

.zr-share-container-1 {
  width: 127px;
  height: 40px;
  border: 1px solid var(--custom-14);
  gap: 6px;
  margin-left: 10px;

}

.zr-share-container-1 img {
  max-width: 24px;
  max-height: 24px;
  object-fit: contain;
}

.zr-discount-price {
  color: var(--neutral9);
  padding-left: 8px;
}

.zr-discount-tag-container {
  position: relative;
}

.zr-discount-detail {
  display: none;
  top: 100%;
  position: absolute;
  background: var(--MainWhite);
  right: 0;
  color: var(--MainBlack);
  margin-top: 0.5rem;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: 0px 0px 8px 0px #00000040;
  min-width: 190px;
  width: 100%;
  z-index: 9;
}


.zr-discount-title {
  background: var(--error3);
  min-height: 30px;
  margin : 4px;
}

.zr-discount-detail-row {
  border-bottom: 1px solid var(--custom-15);
  gap: 10px;
  min-height : 30px;
  align-items: center;

}

.zr-discount-detail-row:last-child {
  border-bottom: none;
}

.zr-discount-detail img {
  width: 12px;
  height: 12px;
  display: none;
}


.zr-discount-timer {
  min-height: 32px;
  min-width: 190px;
  right: 0;
  background: var(--error3);
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.zr-discount-time-box {
  background: var(--custom-16);
  height: 30px;
  margin-left: 1px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.zr-discount-color {
  color: var(--disable);
}


.zr-disc-box {
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: var(--error-s-3);
  width: fit-content;
  height: 32px;
}


.zr-disc-box:hover::before {
  content:'';
  position : absolute;
  width : 100%;
  height : 20px;
  top : 85%;
  left : 0;
}


.zr-dicount-res-box {
  background: var(--error3);
  /* width: 57px; */
  min-height: 24px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 8px;
}


.zr-dicount-res-box-res {
  left: 0;
  direction: rtl;
  min-width: 190px;
}

.zr-discount-tag:hover::before {
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    height: 60px;
}

.zr-discount-tag:hover+.zr-discount-detail{
  display: flex !important;
}


.zr-sub-2 {
  position: relative;
}

.zr-sub-2::before {
  content: '';
  background: url('/themes/website/moissanite/image/icons/sub-menu-arrow-1.svg') no-repeat;
  position: absolute;
  left: 15px;
  top: 20px;
  max-width: 24px;
  max-height: 24px;
  width: 9px;
  height: 24px;
  background-size: contain;
}

.zr-sub-2:hover::before {
  background: url('/themes/website/moissanite/image/icons/sub-menu-arrow-2.svg') no-repeat;
  left: 8px;
  top: 17px;
  width: 24px;
  height: 24px;
  background-size: contain;
}

/* Persist hover visuals when submenu is opened via click */
.zr-sub-2.zr-opened::before {
  background: url('/themes/website/moissanite/image/icons/sub-menu-arrow-2.svg') no-repeat;
  left: 8px;
  top: 17px;
  width: 24px;
  height: 24px;
  background-size: contain;
}


.zr-third-stage {
  width: 237px;
  max-width: 235px;
  position: absolute;
  background: var(--MainWhite);
  /* background: var(--neutral2); */
  height: 489px;
  /* max-height: 427px; */
  right: 100%;
  z-index: 99;
  /* margin-top: -60px; */
  overflow: visible;
  flex-direction: column;
  display: none;



}

/* .zr-third-stage::before {
content: '';

} */


.zr-third-stage-list {
  height: 444px;
  margin-top: -12px;
  width: 100%;
  background: var(--neutral2);
  border-top-right-radius: 1rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-top: 8px;
}

.zr-third-stage-list::-webkit-scrollbar {
  display: none;
}

.zr-third-level-title {
  border-top-right-radius: 1rem;
  min-height: 56px;
  padding-inline: 8px 16px;
  justify-content: space-between;
}

li.zr-submenu-open {
  background: var(--neutral2);
}

li.zr-submenu-open:last-child {
  border-bottom-left-radius: 12px;
}

.zr-res-sub-2-arrow.zr-res-open::before {
  background: url('/themes/website/moissanite/image/icons/sub-menu-arrow-2.svg') no-repeat;
  background-size: contain;
  width: 24px;
  transform: rotate(90deg);
  left: 8px;
  top: 10px;
}




/* color for responsive sub menu items */
.zr-sub-menu-items-res {
  color: #000;
}

.zr-sub-menu-items-res a {
  color: #000;
}

/* apply black color only when the third-stage list is open (display: flex) */
.zr-third-stage-ul.sp-d-flex .zr-sub-menu-items-res,
.zr-third-stage-ul.sp-d-flex .zr-sub-menu-items-res a {
  color: #000;
}

.zr-third-level-title img {
  transform: rotate(270deg);
}

.zr-new-products-slider-counter-1 {
  position: unset;
  bottom: 50px;
  left: 50%;
  margin: auto;
  width: calc(100% - -1rem);
  transform: translateY(14px);
  /*transform: translate(-50%);*/
}

.zr-new-products-slider .slick-prev {
  right: -44px;
}

.zr-new-products-slider .slick-next {
  left: -44px;
}

.zr-blog-slider-layout .zr-blog-counter-slider {
  position: unset;
  left: 50%;
  transform: translateY(44px);
  margin-bottom: 10px ;
  font-size: 24px;
}

.zr-collaction-counter {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: -50px;
}

.zr-collaction-slider .slick-prev {
  right: -44px;
}

.zr-collaction-slider .slick-next {
  left: -44px;
}

.see-all-btn-2 {
  display: none;
}

.see-all-btn-2-pro {
  display : none;
}

.zr-main-hero-img-none-before::before {
  content: none;
}

.zr-blog-slide-desc {
  position: absolute;
  bottom: -60px;
  color: var(--MainWhite);
  min-height: 42px;
}


.zr-blogs-slider-container-before::before {
  content: none;
}


.zr-copy-right-container {
  max-width: 1680px;
  padding-block: 1rem;
}


.zr-izargar-link {
  color: #004999;
  text-decoration: underline;
  text-decoration-color: #004999;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}


.zr-hea-sec-2 {
  min-height: 80px;
}

.zr-hea-sec-1 {
  min-height: 36px;
  justify-content: space-between;
  padding-inline: 2rem;
}



article>p {
  line-height: 180%;
}


.zr-res-info {
  min-height: 50px;
  display: flex;
  justify-content: flex-start;
}


.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

input:checked+.switch-slider {
  background-color: var(--Mainprimary);
}

.switch-slider.round {
  border-radius: 32px;
}

.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #6B6B6B;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.switch-slider:before {
  left: calc(100% + -21px);
}

.switch-slider.round:before {
  border-radius: 50%;
}

.switch-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: var(--MainWhite);
  -webkit-transition: .4s;
  transition: .4s;
}

.zr-share-2-1 {
  border: 1px solid var(--Mainsecondary);
  background: var(--MainWhite);
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.zr-share-2-2 {
  border: 1px solid var(--Mainprimary);
  background: var(--Mainsecondary);
  width: 40px;
  height: 40px;
}


.zr-new-products-propage::before {
  content: unset;
}

.zr-lock-scroll {
  overflow: hidden;
}

.zr-blogs-slide .slick-next {
  left: -34px !important;
}


.zr-blogs-slide .slick-prev {
  right: -34px !important;
}

#close-basket {
  color: var(--MainBlack);
  border-radius: 0px !important;
  border-top-right-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
  border-color : var(--Mainsecondary);
  color : var(--MainBlack);
  font-weight : 500;
  font-size : 1rem;
}

#close-basket:hover {
  border-color : var(--Mainprimary);
}



.zr-pro-slider {
  margin-inline: -0.5rem;
  width: calc(100% + 1rem) !important;
  z-index: 3;
  display: flex;
  padding-bottom: 60px;
  flex-direction: column;
  align-items: center;
}





/*.zr-li-products .zr-pro-img-hover {
display: block;
}
*/
.zr-li-products .zr-pro-img-unhover {
  display: none;
}




.zr-sub-2:hover>.zr-third-stage::before {
  left: 100%;
  right: 0;
  top: 0;
}

.zr-sub-2:hover>.zr-third-stage::after {
  /* left: 100%; */
  left: -12px;
  top: 0;
  content: "";
  position: absolute;
  /* top: 59px; */
  /* right: 419px; */
  width: 27px;
  height: 44px;
  /* border-top-left-radius: 2rem; */
  z-index: 0;
  /* border-top: 1px solid var(--Mainprimary); */
  /* top: -1px; */
  /* margin-right: -13px; */
  /* right: -132px; */
  background-color: var(--Mainprimary);
}



.zr-mega-nav .zr-mega-nav-li {
  /* background: white !important; 
  z-index: 1000000000;
  */
  position: relative;
  min-width : 200px;
}

.zr-mega-nav ,
.zr-mega-nav > div {
  overflow : visible;  
}


.zr-sub-menu-li-layout {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 488px;
  min-height: 488px;
  background: white;
  border-top: 1px solid var(--Mainprimary);
  border-right: 1px solid var(--Mainprimary);
  /*border-top-right-radius: 1rem;*/
  max-height: 488px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  direction: rtl;
  /* padding-top: 0.5rem; */
  position: relative;
  overflow: visible;
}


.zr-gray-btn,
.zr-btn-send-container button,
.zr-see-more-comments,
.zr-send-btn {
  color: var(--MainBlack);
}



.zr-go-to-up {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index :10;
}

.progress-ring {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
  z-index: 1;
}

.progress-ring__bg {
  pointer-events: none;
}

.progress-ring__circle {
  stroke-dasharray: 138;
  stroke-dashoffset: 138;
  transition: stroke-dashoffset 0.2s linear;
  pointer-events: none;
}

.zr-up {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zr-up-icon {
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
}



.zr-blogs-slider .slick-prev {
  right: -49px !important;
}



.zr-product-a img {
  transform: rotate(360deg);
}



.noScrollBody {
  overflow: hidden;
}


.zr-pro-count-1 {
  display: none !important;
}

.zr-collaction-title.zr-island-font {
  font-family: 'iranyekan', serif !important; 
}

.zr-ellipse-text {
  max-width: 280px;
  width: 100%;
  margin: auto; 
}

.zr-social-media > li,
.zr-social-media > li > a {
  display: flex;
  border-radius: 50%;
  background: var(--Mainprimary);
  width: clamp(33px, 33px, 33px);
  justify-content: center;
  align-items: center;
  height: clamp(33px, 33px, 33px); 
}

.zr-namad-con {
  min-height : 82px; 
}

.zr-blog-title-box {
  min-height : 54px; 
  align-items: center;
}

.zr-key-overlay, .sp-drop-parent-res {
  display: none;
}

.sp-justify-left {
  justify-content: left;
}

.responsive-hidden {
  justify-content: flex-start;
  flex: none !important;
}

.sp-drop-button {
  border-radius: 1rem !important;
  padding-left: 45px !important;
}

.sp-drop-parent {
  border: 1px solid var(--custom-13);
  width: 280px !important;
  height: 46px;
  display: flex;
  align-items: center;
  /* padding-inline: 1rem;*/
  width: 280px !important;
  background : #fff;
  min-width: 280px !important;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}


.zr-drop-dn-layout {
  width: 90%;
  justify-content: space-between !important;
}



.sp-drop-button:after {
  background: url('/themes/website/moissanite/image/icons/arrow-down.svg');
  border: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  top: 50%;
  /* left: 12px; */
  left: 8px;
  transform: translateY(-50%);
}

.zr-select-weight.sp-drop-items {
  overflow: auto !important;
  scrollbar-width: none;
  top: 100%;
  background: #fff;
  left: -1px;
  min-width : 280px;
  border-radius: 0px !important;
  border-bottom-left-radius: 0.5rem !important;
  border: 1px solid var(--custom-13) !important;
}

.sp-drop-items li:not(:last-child) {
  margin-bottom: 0.5rem;
}


.sp-drop-items li {
  border-radius: 0.5rem !important;
  min-height: 46px !important;
}


.sp-drop-parent-show .sp-drop-button:after {
  transform: rotate(181deg) !important;
  top: 17%;
}

.sp-drop-button.rotating:after {
  transform: translateY(-50%);
}

.sp-drop-parent-show {
  border-bottom-left-radius: 0rem;
}

.sp-drop-items {
  top: 45px; 
}


.sp-drop-item:hover {       
  color : #000 !important;
  border-radius : 0.5rem !important;
  background: var(--neutral2) !important;
  /*border-top-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important; 
  */
}

.item-selected:not(:only-child), 
.sp-drop-active {
  background: var(--Mainprimary) !important;
  border-radius : 0.5rem !important;
  /*  border-top-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;*/
  color : #000 !important;
}

.sp-drop-item {
  min-height : 38px !important;
  align-items: center;
}

.zr_pd_gall_list_item  {
  width: 140px;
  height: 140px;
  min-height: 140px;
  border-bottom-left-radius: 11px;
  border-top-right-radius: 11px;  
}

.selected-pic {
  border: 1px solid var(--MainBlack);
}

.zr-img-list-parent  {
  scrollbar-width : none; 
}

.product-detail-img {
  gap: 1rem; 
}

.zr_pd_gall_list_item img {
  width: 120px;
  max-height: 120px;
  aspect-ratio: 120 / 120;
  object-fit :  cover ;
  border: 1px solid var(--neutral4);
  border-bottom-left-radius: 11px;
  border-top-right-radius: 11px;
}

.finger-img-light-box > div {
  max-width: 120px;
  max-height: 120px;
}

.finger-img-light-box.zr-selected {
  border: 1px solid var(--MainBlack) !important ;
}

.finger-img-light-box > div > img {
  max-width: 120px;
  max-height: 120px;
  min-width: 120px;
  min-height: 120px;
  object-fit: cover; 
  border: 1px solid #E6E6E6;
}

.finger-img-light-box  {
  max-width: 136px;
  max-height: 136px;
}

.zr-box-basket.zr-active-basket .zr-drop-down-basket {
  display: flex
}

#divCart {
  position : fixed;
  z-index : 9999;
}




.zr-sub-2:hover .zr-opened-sub-2 {
  display: flex !important;
}

.zr-opened-sub-2 {
  display: none !important;
  position: absolute;
  min-width: 201px;
  max-width: 400px;
  width: 200px;
  max-height: fit-content;
  height: fit-content;
  /* box-shadow: 0px 0px 16px 0px #00000029;*/
  background: #FFF;
  z-index : 999;
  /*  border-radius: 1rem;
  padding: .5rem 0rem 0.5rem .5rem;

  margin-right: 4px;
  margin-top: 8px;
  */
  right : 100%;
  top: 0;

  border-top : 1px solid var(--Mainprimary); 
}

.zr-opened-sub-2 > div {
  background : var(--Mainprimary);
  border-top-right-radius : 1rem;
}



.zr-mega-nav-li:last-child .zr-sub-menu-li-layout::before {
  content : unset !important;
}


.zr-mega-nav-li:last-child .zr-sub-2:hover .zr-opened-sub-2 {
  right: auto !important;
  left: 100%;
}

/*.zr-product-menu-hover:hover > a {
color : var(--MainBlack);
}*/


.zr-mega-nav-li:first-child .zr-sub-menu-li-layout {
  border-top-right-radius : 1rem; 
}

.zr-sub-menu-li-layout > .zr-menu-dropdown-item > a:hover {
  color: var(--MainBlack);
}

.zr-opened-sub-2 ul {
  height: 432px;
  overflow: auto;
  width: 100%;
  background : var(--neutral2);
  border-top-right-radius : 1rem;
}

.zr-over-visible {
  overflow: visible !important;
}

.zr-sub-2-items:hover a {
  color: var(--MainBlack);
}

.zr-sub-menu-layout-rwrite {
  max-height: 360px;
  position: relative;
}

.zr-sub-2-title {
  color: var(--MainBlack);
  border-bottom: 1px solid var(--gray5);
  height: 56px; 
  display: flex;
  align-items: center;
}

.zr-res-sub-2 {
  background: var(--MainWhite);
  width: 100%;
  position: fixed;
  right: 0;
  height: 100svh;
  top: 0;
  margin-top: 36px;
  display: none;
  z-index: 9;
}

.zr-sub-2-items {
  min-height: 61px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 0.5rem !important;
}

.zr-res-sub-2-item {
  padding-right: 2rem;
  padding-block: 1rem;
}

.zr-res-sub-2-arrow {
  position: relative;
}

.zr-res-sub-2-arrow::before {
  content: "";
  position: absolute;
  background: url(/themes/website/moissanite/image/icons/CaretLeftMobile.svg) no-repeat center;
  position: absolute;
  width: 44px;
  height: 14px;
  background-size: contain;
  margin-top: 6px;
  left: 0;
}

/*.zr-drop-down-mainlist:last-child .zr-opened-sub-2 {
right: -202px !important;
}*/

.zr-menu-dropdown-item > a {
  width: 100%;
  text-align: right;
}

.filter-desktop {
  display : flex;
}

.filter-mobile {
  display : none;
}

.zr-res-share {
  display : none ; 
}

.zr-sort-parent {
  max-width: 400px; 
}

.zr-filters-sort-container > div:first-child {
  position: sticky;
  top: 140px;
  z-index: 99;
  padding-bottom : 0.5rem;
  background-color: var(--neutral2);
}


.zr-filters-sort-container > div.sp-d-flex {
  overflow : visible; 
}


.res-filter-btn::before {
  content: '';
  position: absolute;
  background-color: var(--neutral2);
  left: 100%;
  height: 174px;
  width: 50px;
  z-index: 5;
  top: 0;
}

.res-filter-btn::after {
  content: '';
  position: absolute;
  background-color: var(--neutral2);
  right: 100%;
  height: 174px;
  width: 50px;
  z-index: 5;
  top: 0;
}



.zr-filters-sort-container > div:first-child::before {
  content : "";
  position : absolute;
  bottom : 100%;
  width : 100vw;
  height : 26px;
  background-color: var(--neutral2);
  left: 50%;
  transform: translateX(-50%)
}


.no-zindex {
  z-index : 11;
}

.open-sort {
  display : flex;
}


.zr-hero-img-list img,
.zr-hero-sub-title,
.zr-hero-title
{
  user-select:none;
}

/* ----------------- discount-cart --------------- */
:root {
  --custom-s-1: #868686;
  --custom-s-2: #f5f5f5;
  --error-s-3: #C30000;
  --white-s: #FFFFFF;
  --black-s: #000000;
}

.sp-font-8 {
  font-size: 8px !important;
}

.zr-discount-price {
  color:  var(--custom-s-1);
  text-decoration: line-through;
}

.zr-discount-text {
  min-width: 57px;
  max-width: 57px;
  height: 24px;
  background: var(--error-s-3);
  color: var(--white-s);
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.zr-deadline-time-box {
  max-width: 112px;
  height: 24px;
  background: var(--error-s-3);
  color: var(--white-s);
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  top: 0;
  margin-top: 4px;
  right: 0;
  margin-right: 4px;
}

.zr-discount-deadline-time {
  max-width: 59px;
  background: var(--custom-s-2);
  color: var(--black-s);
  border: 1px solid var(--error-s-3);
  line-height: 140;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
}


#divComment > div {
  display : flex;
  flex-direction : column;
  gap : 2rem;
}

.sp-f-check:before {
  border: 1px solid transparent;
}

.zr-user-id {
  height : fit-content;
}


.captcha-pre ,
.captcha-code {
  height: 44px;
  max-width: 180px;
  width: 100%;
  background: var(--neutral2);
  border: 1px solid var(--custom-18);
}

.section-container.empty-cart {
  margin-top: 64px !important;
}

.captcha {
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

#divCaptcha {
  direction: rtl;
  border: 1px solid var(--custom-18);
  height: 44px;
  width: 160px;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  align-self: flex-end;
  background-color : var(--custom-16);
  overflow : hidden;
  justify-content: space-between;
}

#reloadCaptcha {
  width: 32px;
  height: 40px;
  position: relative;
}

#reloadCaptcha::before {
  content: '';
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%2220%22%20viewBox%3D%2235274%201590%2020%2020%22%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M35289.07421875%2C1605.5255126953125C35286.8828125%2C1607.5390625%2C35283.70703125%2C1608.066162109375%2C35280.984375%2C1606.868896484375C35278.2578125%2C1605.67138671875%2C35276.5%2C1602.976318359375%2C35276.5%2C1600L35277.75%2C1600C35277.75%2C1602.5762939453125%2C35279.33203125%2C1604.8883056640625%2C35281.734375%2C1605.8233642578125C35284.1328125%2C1606.758056640625%2C35286.859375%2C1606.124267578125%2C35288.60546875%2C1604.2266845703125L35286.7890625%2C1604.2266845703125C35286.44140625%2C1604.2266845703125%2C35286.1640625%2C1603.94677734375%2C35286.1640625%2C1603.6016845703125C35286.1640625%2C1603.256591796875%2C35286.44140625%2C1602.9766845703125%2C35286.7890625%2C1602.9766845703125L35289.69921875%2C1602.9766845703125C35290.046875%2C1602.9766845703125%2C35290.32421875%2C1603.256591796875%2C35290.32421875%2C1603.6016845703125L35290.32421875%2C1606.5118408203125C35290.32421875%2C1606.85693359375%2C35290.046875%2C1607.1368408203125%2C35289.69921875%2C1607.1368408203125C35289.3515625%2C1607.1368408203125%2C35289.07421875%2C1606.85693359375%2C35289.07421875%2C1606.5118408203125ZM35279.39453125%2C1595.7733154296875L35281.2109375%2C1595.7733154296875C35281.55859375%2C1595.7733154296875%2C35281.8359375%2C1596.05322265625%2C35281.8359375%2C1596.3983154296875C35281.8359375%2C1596.743408203125%2C35281.55859375%2C1597.0233154296875%2C35281.2109375%2C1597.0233154296875L35278.30078125%2C1597.0233154296875C35277.953125%2C1597.0233154296875%2C35277.67578125%2C1596.743408203125%2C35277.67578125%2C1596.3983154296875L35277.67578125%2C1593.4881591796875C35277.67578125%2C1593.14306640625%2C35277.953125%2C1592.8631591796875%2C35278.30078125%2C1592.8631591796875C35278.6484375%2C1592.8631591796875%2C35278.92578125%2C1593.14306640625%2C35278.92578125%2C1593.4881591796875L35278.92578125%2C1594.47265625C35281.1171875%2C1592.456298828125%2C35284.29296875%2C1591.927490234375%2C35287.0234375%2C1593.125244140625C35289.74609375%2C1594.32275390625%2C35291.50390625%2C1597.020263671875%2C35291.50390625%2C1599.9981689453125L35290.25390625%2C1599.9981689453125C35290.25390625%2C1597.4208984375%2C35288.671875%2C1595.107666015625%2C35286.26953125%2C1594.172607421875C35283.8671875%2C1593.237548828125%2C35281.140625%2C1593.872314453125%2C35279.3984375%2C1595.771484375Z%22/%3E%3C/g%3E%3C/svg%3E);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.5s ease;
}




.zr-gap-1 {
  gap : 0.25rem; 
}

.zr-size-container {
  max-height : 212px;
}


.zr-select-title {
  color : var(--custom-18); 
  position : relative;
}

.zr-select-title::before {
  content : '';
  position : absolute;
  top : 20%;
  left : 6px;
  background-image: url('/themes/website/moissanite/image/icons/filter-arrow.svg');
  width : 24px;
  height : 24px;
  transform : rotate(0deg) !important ;
}

.zr-select-title.opened::before {
  content : '';
  position : absolute;
  top : 20%;
  left : 6px;
  background-image: url('/themes/website/moissanite/image/icons/filter-arrow.svg');
  width : 24px;
  height : 24px;
  transform : rotate(180deg)  !important;
}

.zr-select {
  width:100%;
  position:relative;
}

.zr-select-title {
  border:1px solid #ccc;
  padding:10px;
  cursor:pointer;
  background:#fff;
  border-radius : 12px;
}

.zr-select-title.opened {
  border-bottom-left-radius : 0px;
  border-bottom-right-radius : 0px;
  color : #000;
}

.zr-size-dropdown.show {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius : 12px;
  scrollbar-width : none;
  padding-block : 0.5rem;
  display:flex;
  position : absolute; 
  width : 100%;
  z-index : 2;
}

.zr-size-dropdown {
  display:none;
  flex-direction: column;
  list-style:none;
  margin:0;
  padding:0;
  border:1px solid #ccc;
  border-top:none;
  background:#fff;
  max-height:250px;
  overflow:auto;
  gap : 8px;
}

.zr-size-dropdown li {
  padding:10px;
  cursor:pointer;
  width: calc(100% - 24px);
  height : 43px; 
  border-radius: 8px;
  margin: auto;
}

.zr-size-dropdown li:hover {
  background-color : #EEEEEE; 
}


.GoldModelIdItems.size-active {
  background-color: var(--Mainprimary) !important;
  color: #fff;
}

.zr-choose-item {
  color : #767676; 
}

#divSize {
  max-height :  150px;
  overflow : auto;
}

.zr-get-info {
  justify-content: center; 
}


.zr-checked {
  border : none !important; 
}

input[type="checkbox"].zr-checked::after {
  position: absolute;
  content: '';
  display: block;
  z-index: 4;
  width: 10px;
  height: 2px;
  background: #FF9500;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
}

.sp-f-check {
  min-width : 20px; 
}

.sp-drop-item.sp-d-flex {
  min-height : 46px; 
  border-radius : 
}


.P-range.sp-relative.sp-ltr {
  transform: rotate(180deg);
  min-height : 24px;
}

.zr-header-icons-hover.zr-cart-icon img {
  min-width : 24px;
  min-height : 24px;
}


/*************************************************************/


.zr-emptystate {
  display: none;
  align-items: center;
  height: calc(100svh - 60px - 244px - 120px - 350px); 
}

.zr-products-container:empty + .zr-emptystate {
  display : flex;
}


.zw-account ,
.zw-cart-form {
  margin-top: 32px !important; 
}


.main-box {
  padding : 0px !important;
}


#divComment {
  position : relative;
  z-index : 2;
}


#divComment li.sp-d-flex { 
  background-color : var(--MainWhite);
}


.zr-blogs-slider-container > div {
  position : relative;
  z-index : 3;
}

.zr-discount-label::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50px;
  top: 100%;
}

.zr-arrow:first-of-type {
  margin-left : 10px;
}

.zr-arrow:last-of-type {
  margin-right : 10px;
}

.zr-comment-text {
  text-align : right ;
}

.zr-comment-header-box {
  max-width : 800px; 
  width : 100%;
  align-items: center;
  border : 1px solid var(--neutral4);
  border-top-right-radius : 1rem;
  border-bottom-left-radius : 1rem;
  height : 80px;
}

.zr-total-comment {
  border : unset;
  height : 48px;
}


.zr-total-comment .split-line {
  min-height : 16px;
}

.zr-commenter {
  height: 30px;    
  display: flex;
  align-items: center;
  justify-content: center;
} 

.zr-submit-score { 
  border : unset;
  border-bottom: 1px solid #E6E6E6;
  border-radius: 0px;
  max-height : 57px;
  height : 57px;
}


.zr-product-score {
  direction: rtl;
  align-self: end;
  border: 1px solid #4E4E4E;
  border-radius: 0px 8px 0px 8px;
  background: #fff;
}

.zr-product-score img {
  width : 2rem;
  height : 2rem;
}

.zr-selected-filter-list img{
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: auto;
}

.zr-selected-filter-list{
  user-select: none;
}


#StoneList {
  width: 100%;
  max-width: 808px; 
}

.zr-foot-items.zr-foot-items-1 {
  gap :23px;
}

.zr-foot-items.zr-foot-items-1 > div:first-child {
  align-items: center;
}

.zw-cart-contaner-finall {
  margin-top: 130px !important;
}


.zr-new-products-slider .slick-dots,
.zr-blogs-slider .slick-dots,
.zr-blogs-slider .slick-dots li,
.zr-collaction-slider .slick-dots
{
  height : 0px !important;
}

.zr-comment-user {
  border-bottom-left-radius: 0.75rem;
}

.zr-res-back-container {
  margin-top: 116px !important; 
}


/*----------------new-----------------*/
.zr-tiny-img {
    width: 24px !important;
    height: 24px !important;
    object-fit: cover;
    margin-right: 2px;
}

.zr-grid-seperate .sp-g-header {
    width: 98% !important;
}

.zw-prodcut-group { 
    height: fit-content !important;
}

.zr-main-item.zr-return-btn {
  margin-right: 4px;
}

.zr-inside-info-cart-box, .sp-dialog-main .zw-cart-product {
  height: 100%;
}

.zr-inside-info-cart-box {
  padding: unset !important;
}

.zw-addaddress-item select, .zw-addaddress-item option {
  font-size: 12px;
}

.zr-res-commnet-show {
  display: none;
}

.zr-lh-140 {
  line-height: 140%  !important;
}

/*.sp-main-loading::before , .sp-ultra-waiting {
  position: fixed;
}*/

.zw-prodcut-group {
   margin-inline: unset !important;
}

.zw-addaddress-main {
  justify-content: space-evenly;
}

.zw-login-input .captcha input {
  min-height: 44px !important;
}

.zr-products-layout-style {
  max-height: calc(95svh - 198px);
}

.zr-emptystate {
    display: none;
    align-items: center;
    height: calc(100svh - 140px - 244px - 0px - 0px);
    flex-direction: column;
    gap: 2rem;
}