:root {
  --Mainprimary: #505E4D;
  --primary1: #F1F4F1;
  --primary2: #E4E8E3;
  --primary3: #FCF5E7;
  --primary4: #D2D9D2;
  --primary5: #C9D1C7;
  --primary6: #AEBAAB;
  --primary7: #93A38F;
  --primary8: #505E4D;
  --primary9: #404B3E;
  --primary10: #30382E;
  --primary11: #20261F;
  --primary12: #181C17;
  --primary13: #10130F;
  --primary14: #080908;


  --secondary1: #FFFFFF;
  --secondary2: #F8F5F3;
  --secondary3: #F2ECE7;
  --secondary4: #EBE2DB;
  --secondary5: #E4D9CF;
  --secondary6: #D7C6B6;
  --secondary7: #CAB39E;
  --secondary8: #BDA086;
  --secondary9: #9B826D;
  --secondary10: #796554;
  --secondary11: #56483C;
  --secondary12: #45392F;
  --secondary13: #342A23;
  --secondary14: #231C16;


  --gray1: #F9F9F9;
  --gray2: #F1F1F1;
  --gray3: #EDEDED;
  --gray4: #E6E6E6;
  --gray5: #DBDBDB;
  --gray6: #BBBBBB;
  --gray7: #ADADAD;
  --gray8: #909090;
  --gray9: #717171;
  --gray10: #4F4F4F;
  --gray11: #353535;
  --gray12: #212121;
  --gray13: #121212;
  --gray14: #0C0C0C;

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

  --error1: #FFF2F2;
  --error2: #ED2E2E;
  --error3: #C00000;
  --error4: #DC3D3D;
  --error5: #FF0000;

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

  --approved5: #EBF9EE;
  --approved70: #1F7735;
  --link1: #E6F2FF;
  --link2: #CCE4FF;
  --link3: #B3D7FF;
  --link4: #99CAFF;
  --link5: #66AFFF;
  --link6: #3395FF;
  --link7: #007AFF;
  --link8: #0062CC;
  --link9: #004999;
  --link10: #003166;
  --link11: #00254D;
  --link12: #001833;
  --link13: #000C1A;

  --MainWhite: #FFFFFF;
  --MainBlack: #000000;
  --black: var(--MainBlack);
  --dark: var(--MainBlack);
  --white: var(--MainWhite);

  --scrollcolor: var(--primary2);

  --line: var(--gray5);


  --blogarrowBG: var(--secondary8);
  --blogarrowBGLight: #bda08680;

  /* --blogarrowBG: #BDA186;
  --blogarrowBGLight: #BDA18680; */
  --newSec11: #BDA186;
}

:root {
  --headerheight: 106px;
  --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;
  --wrapperlarge: 1680px;
  --widthBasket: 120px;
  --deleteBox: 32px;
  --checkboxheight: 18px;
  --size: 880px;
  --border-thickness: 1px;
  --blogWidth: clamp(44%, 44%, 360px);
  --SlickHeight: 64px;
  --SlickWidth: 64px;
}

/*#####Reset Styles#####*/
body,
ul,
li,
a,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
dialog {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  outline: none;
  border: none;
  font-family: 'Vazir';
  font-weight: normal;
  line-height: 1.5;
  color: var(--FontColor);
}

body * {
  font-family: 'Vazir';
}

body, header,footer {
  max-width: 1920px;
  margin: auto; 
}

body {
  min-height: 100vh;
  overflow-x: clip;
}

html {
  scroll-behavior: smooth;
}

img {
  width: 100%
}

a {
  font-size : 1rem ;
}

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

input[type=button][disabled],
button[disabled],
.sp-disabled {
  cursor: not-allowed !important;
  filter: grayscale(1);
}

.sp-disabled:is(.sp-grid-button a, .sp-g-button a, .sp-g-body button) {
  opacity: 0.5;
}

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

::placeholder {
  color: var(--PlaceholderColor);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

address {
  font-style: normal;
}

:focus-visible {
  outline: 0;
}

::-webkit-scrollbar,
.zr-scroll-custom::-webkit-scrollbar {
  width: 3px !important;
  border-radius: 4px !important;
}

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

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

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

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

.sp-flex-end {
  justify-content: flex-end;
}

.zr-font-english {
  font-family: 'NewYork', sans-serif;

}


.zr-basket-close {
  border: 1px solid #dbdbdb ;
}


.sp-flex-1 {
  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(--gap8);
}

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


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


.zr-bg-mainprimary {
  background: var(--Mainprimary);
}

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

.zr-color-mainprimary {
  color: var(--Mainprimary);

}

/* header */

.zr-header {
  height: var(--headerheight);
  background: var(--MainWhite);
  border-bottom: 1ps solid var(--gray5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 66;
  right: 0;
}

.zr-wrapper {
  width: 90%;
  max-width: var(--wrapperlarge);
  margin-inline: auto;
  /* overflow-x:hidden ; */
}

/* Footer */

.zr-footer {
  border-top: 10px solid var(--primary7);
  background: var(--primary2);
}

.zr-footer-col {
  width: 33%;
}

.zr-footer-col-2 {
  width: 26.5%;
  max-height: 240px;
}

.zr-footer-logo {
  width: 132px;
}

.zr-footer-container {
  border-bottom: 3px solid var(--MainWhite);
}

.zr-footer-item {
  color: var(--gray10);
}

.zr-footer-height {
  max-height: 70%;
  gap: 1rem 0.5rem;

}

.zr-nav-item {
  color: var(--gray8);
  gap: 0.5rem;
  min-width: 120px;
}

.zr-nav-item::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: transparent;
}

.zr-nav-item.zr-selected {
  color: var(--MainBlack);
  font-weight: 500;
}

.zr-nav-item.zr-selected>a {
  color: var(--MainBlack);
  font-weight: 500;
}

.zr-nav-item.zr-selected::before {
  background: var(--Mainprimary);
}

.zr-header-mainmneu {

  height: 70px;
}

.zr-header {
  border-bottom: 1px solid var(--gray5);  
}

.zr-header-submneu {
  border-block: 1px solid var(--gray5);
  height: 60px;
}

.zr-header-submneu-item {
  width: 150px;
  height: 40px;
  color: var(--gray8);
}


.zr-badge-count {
  color: var(--white);
  width: 20px;
  height: 20px;
  background: var(--error5);
  line-height: 140%;
}

.zr-basket-header:hover .zr-badge-count {
  background: #ED2E2E;
}

.zr-menu-dropdown {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
}


.zr-drop-down-basket {
  /*display: none;*/
  background: var(--MainWhite);
  top: 100%;
  left: 0;
  min-width: 480px;
  height: 700px;
  max-height: calc(100vh - var(--headerheight));
  box-shadow: 0px 0px 20px 0px #00000026;
}

.zr-basket-header.zr-active .zr-drop-down-basket {
  display: flex !important;
}



.zr-rtl {
  direction: rtl;
}

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

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

.sp-icon:hover {
  transform: none;
}

.zr-bskt-timer {
  background: var(--secondary8);
  min-width: 85px;
}

.zr-drop-down-basket-count {
  background: var(--primary6);
  width: 20px;
  height: 20px;
}

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

.zr-color-maincolor {
  color: var(--primary8);
}

.zr-bg-maincolor {
  background: var(--primary8);
}

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

.zr-basket-item {
  border-color: var(--gray3);
}

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

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

.zr-btn-discount {
  border: 1px solid var(--gray5);
}

.zr-basket-price {
  border-color: var(--gray5);
}

.zr-cart-total {
  background: var(--gray2);
  /* border: 1px solid var(--gray5); */
}

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

.zr-cart-slide,
.zr-user-box {
  display: none;
}

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

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

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

.zr-user-box {
  width: 170px;
  height: 188px;
  box-shadow: 0px 0px 20px 0px #00000026;
  background: #F1F1F1;
  top: calc(100% + 8px);
  left: 0;
}

.zr-top-distance {
  margin-top: var(--headerheight) !important;
}


.zr-top-distance-inside {
  padding-block: var(--headerheight) !important;
}

.zr-top-distance-outside {
  margin-top: calc(var(--headerheight) + 32px) !important;
}

.zr-arrow {
  width: 112px;
  height: 112px;
  background: #d0a28633;
}

/* BlogDetails */


.slick-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  order: 3;
  width: 100%;
}

.slick-dots button {
  font-size: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.slick-dots li,
.zr-about-dot-item {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: flex;
  background: var(--gray8);
}

.slick-dots li.slick-active,
.zr-about-dot-item.active {
  background: var(--Mainprimary);
}

.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--secondary8) no-repeat center;
  width: var(--SlickWidth);
  height: var(--SlickHeight);
  right: 0;
  font-size: 0;
  border-radius: 50%;
  z-index: 4;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.293668 20.2931C0.200758 20.386 0.127058 20.4963 0.0767754 20.6177C0.026493 20.7391 0.000611222 20.8692 0.000611234 21.0006C0.000611245 21.132 0.026493 21.2621 0.0767755 21.3835C0.127058 21.5048 0.200758 21.6151 0.293668 21.7081C0.386578 21.801 0.496879 21.8747 0.618272 21.925C0.739665 21.9752 0.869773 22.0011 1.00117 22.0011C1.13256 22.0011 1.26267 21.9752 1.38406 21.925C1.50546 21.8747 1.61576 21.801 1.70867 21.7081L11.7087 11.7081C11.8016 11.6152 11.8754 11.5049 11.9257 11.3835C11.9761 11.2621 12.002 11.132 12.002 11.0006C12.002 10.8691 11.9761 10.739 11.9257 10.6176C11.8754 10.4962 11.8016 10.3859 11.7087 10.2931L1.70867 0.293057C1.52103 0.105416 1.26653 9.3329e-07 1.00117 9.61719e-07C0.735803 9.90149e-07 0.481306 0.105416 0.293666 0.293057C0.106026 0.480698 0.000609462 0.735193 0.000609485 1.00056C0.000609509 1.26592 0.106026 1.52042 0.293666 1.70806L9.58742 11.0006L0.293668 20.2931Z' fill='white'/%3E%3C/svg%3E%0A");
}

.slick-next {
  left: 0;
  right: auto;
  bottom: 50%;
  transform: translateY(-50%) rotate(180deg);
}

.zr-blog-wrapper {
  max-width: 700px;
}



/* MainPage */
.zr-mainslider {
  background: url('../images/Mainbg.png') no-repeat;
  width: 776px;
  height: 776px;
}

.zr-mainslide-item {
  /* width: 702px; */
  height: 702px;
}

.zr-mainslide-item img,
.zr-mainslider-thumbnail-item img,
.zr-item-category img {
  object-fit: cover;
}

.zr-color-mainslider-title {
  color: var(--black);
  font-size: 48px;
  line-height: 140%;
  letter-spacing: 0px;
}

.zr-btn-slider {
  margin-top: 4rem;
  background: var(--secondary8);
}

.zr-mainslider-thumbnail {
  width: 100%;
  min-width: 0;
  margin-top: 32px;
}

.zr-mainslider-thumbnail-item {
  margin: 0;
  padding: 0.5rem;
  border: 2px solid transparent;
  height: auto;
  aspect-ratio: 1 / 1;
}

.zr-mainslider-thumbnail-item {
  height: auto;
  aspect-ratio: 1 / 1;
}

.zr-mainslider-thumbnail .slick-current {
  border-color: var(--Mainprimary);
}

.zr-circle-1 {
  background: var(--secondary2);
  width: 1265px;
  height: 100%;
  left: -106px;
  top: 0;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  z-index: -1;
}

.zr-circle-2 {
  width: 520px;
  height: 520px;
  top: 295px;
  left: -293px;
  background: linear-gradient(161.13deg, #F6F2EF 14.2%, #EDE5DE 87.26%);
  z-index: -1;
}

.zr-circle-3 {
  width: 808px;
  height: 808px;
  right: -165px;
  border-radius: 404px;
  background: url('../Images/Mainbg2-3.png') no-repeat center / cover;
}

.zr-circle-4,
.zr-category-line,
.zr-circle-5 {
  inset: 0;
}

.zr-circle-4::after,
.zr-circle-4::before,
.zr-category-line::after,
.zr-category-line::before {
  content: '';
  background: var(--primary5);
  width: 48%;
  max-width: 833px;
  border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
}

.zr-category-line::after,
.zr-category-line::before {
  background: var(--secondary8);
  height: 1.5px;
  margin-block: auto;
}

.zr-circle-5::after,
.zr-circle-5::before {
  margin-block: 1rem;
  content: '';
  border: 1.5px solid var(--secondary8);
  width: 30.41%;
  max-width: 584px;
  border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
}


.zr-circle-4::before,
.zr-circle-5::before {
  rotate: 180deg;
}

.zr-category-star {
  top: 0;
  bottom: 0;
  width: calc(60% + 150px);
  max-width: 1300px;
  left: 50%;
  transform: translateX(-50%);
}

.zr-category-star img {
  max-width: 55px;
  max-height: 55px;
  margin-block: auto;
}

.zr-category-title {
  top: -30px;
  position: relative;
}

.zr-section-category {
  background: var(--primary2);
}

.zr-section-category-wrapper {
  padding-top: 32px;
  padding-bottom: 55px;
  width: 60%;
  max-width: 1150px;
  z-index: 1;
}

.zr-list-category {
  gap: 4rem;
}

.zr-item-category {
  width: 180px;
  height: 180px;
}

.zr-text-category {
  background: var(--secondary8);
  border-radius: 88px;
  width: 118px;
  height: 50px;
  margin-top: -1rem;
}

.zr-banner {
  border-radius: 500px;
}

.zr-banner img {
  max-height: 579px;
  object-fit: cover;
}

.zr-section-banner {
  background: var(--gray2);
  padding-block: 86px;
}

.zr-section-product {
  background: var(--secondary2);
  padding: 140px 0 132px;
}

.zr-section-product-inner {
  width: 60%;
  margin-top: 64px;
  max-width: 1164px;
}

.zr-section-product-circle {
  inset: 146px;
  border: 5px solid #F6EEE6;
  z-index: 0;
}

.zr-tags-list {
  bottom: 16px;
  flex-wrap: wrap;
  justify-content: center;
  width: 95% !important;
  margin-right: 0.5rem;
}

.zr-tag-item {
  background: #BDCBFCCC;
}

/* .zr-product-item {
width: calc(33.33% - 21.33px);
z-index: 1;
} */

.zr-product-item {
  width: calc(33.33% - 21.33px);
  z-index: 1;
  aspect-ratio: 407 / 468;
  max-height: 470px;
  max-width: 407px;
}


.zr-product-img-parent {
  position: relative;
  height: 328px;
  border-radius: 1.5rem 1.5rem 0 0;
  overflow: hidden;
  background: #F9F9F9;
}

.zr-product-img-parent::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(180deg, var(--secondary8) 68.19%, #F9F9F9 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
}

.zr-product-text-parent {
  position: relative;
  height: 126px;
  border-radius: 0 0 1.5rem 1.5rem;
  overflow: hidden;
  background: #F9F9F9;
}


.zr-product-text-parent::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  /* ضخامت border */
  border-radius: inherit;
  background: linear-gradient(90deg, var(--secondary8) 0%, #F9F9F9 50%, var(--secondary8) 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
}

.zr-product-line {
  text-decoration: line-through;
}

.zr-product-star {
  width: 17px;
  height: 17px;
  z-index: 1;
}

.zr-product-star-1 {
  bottom: 0;
  right: 50%;
  transform: translateX(50%);
}

.zr-product-star-2 {
  right: 0;
  top: 50%;
  transform: translateY(50%);
}

.zr-product-star-3 {
  left: 0;
  top: 50%;
  transform: translateY(50%);
}

.zr-btn-allproduct {
  width: 152px;
  height: 42px;
  z-index: 1;
}

.zr-circle-star {
  top: 50%;
  transform: translateY(-50%);
}

.zr-circle-star-1 {
  right: -27px;
}

.zr-circle-star-2 {
  left: -27px;
}

.zr-section-product-title {
  z-index: 1;
}

.zr-item-story:last-child {
  margin-top: -60px;
}

.zr-item-story::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--secondary5);
  border-radius: 1000px;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.zr-img-story,
.zr-line-story {
  width: 363px;
  height: 363px;
}

.zr-line-story-text {
  font-size: 64px;
  line-height: 60px;
}

.zr-line-story-border::before {
  content: "";
  position: absolute;
  inset: -1rem;
  width: calc(100% + 2rem);
  height: calc(100% + 2rem);
  border: 1px solid var(--secondary8);
  border-radius: 50%;
}

.zr-star-white {
  left: 40px;
  top: 66px;
}

.zr-star-white-2 {
  top: -36px;
  right: 50%;
  transform: translateX(50%);
}

.zr-story-text {
  margin: 118px auto;
  max-width: 700px;
}

.zr-section-newest {
  background: var(--primary2);
  padding: 54px 0;
}

.zr-item-newest,
.zr-item-newest-img {
  width: 862px;
  height: 578px;
  border-radius: 1000px;
  object-fit : cover;
  max-width : 863px;
  max-height : 579px;
}

.zr-circle-newest-1 {
  margin-top: 143px;
  margin-left: -44px;
}

.zr-circle-newest-1::after,
.zr-circle-newest-2::after,
.zr-slider-newest-section::after,
.zr-slider-newest-section::before {
  content: "";
  position: absolute;
  right: -120px;
  top: -110px;
  width: 808px;
  height: 808px;
  border-radius: 404px;
  background: linear-gradient(161.13deg, #E4E8E3 14.2%, #C9D1C7 87.26%);
}

.zr-circle-newest-2::after {
  left: -120px;
  right: auto;
}

.zr-circle-newest-1-item,
.zr-circle-newest-2-item {
  z-index: 1;
  position: relative;
}

.zr-star-6,
.zr-star-7 {
  width: 56px;
  height: 56px;
  right: -27px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.zr-star-7 {
  right: auto;
  left: -27px;
}

.zr-star-6-line,
.zr-star-7-line {
  height: 1px;
  left: 100%;
  background: var(--MainWhite);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 200px;
}

.zr-star-7-line {
  right: 100%;
}


.zr-slider-newest-section::after,
.zr-slider-newest-section::before {
  top: -56px;
  bottom: -56px;
}

.zr-slider-newest-section::after {
  left: 0;
  right: auto;
}

.zr-slider-newest-parent {
  height: 698px;
  border-radius: 1055px;
  background: url("../Images/6.png") no-repeat;
  background-size: cover;
  margin-top: 86px;
  z-index: 1;
}

.zr-slider-newest {
  width: 692px;
  height: 255px;
  border-radius: 128px;
}

.zr-slider-newest-item {
  border-radius: 128px;
  /* background: #00000099; */
}

.zr-slider-newest-img {
  width: 224px;
  height: 224px;
}

.zr-slider-newest-img img {
  object-fit: cover;
}

.zr-slider-newest-title {
  margin-left: 42px;
}

.zr-comma {
  bottom: -12px;
  right: 50%;
  transform: translateX(50%);
}

.zr-slider-newest-arrow {
  width: 112px;
  height: 112px;
  background: #d0a28633;
  margin-block: auto;
  position: unset;
  transform: none;
}

.zr-slider-newest-arrow-inner {
  background: var(--secondary8);
}

.zr-slider-dots li {
  background: #909090;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
}

.zr-slider-dots li.active {
  background: var(--Mainprimary);
}


/* Blogs */

.zr-main-bloglist .zr-bd-card {
  width: calc(50% - 1rem);
}

.zr-fig-page {
  width: 30px;
  height: 30px;
}

.zr-fig-page--current {
  background: var(--Mainprimary);
  color: var(--MainWhite)
}

.zr-btn-more {
  width: 149px;
  height: 42px;
  background: var(--secondary8);
}

.zr-blog-mainslider,
.zr-blog-mainslider :is(li, img) {
  width: 645px;
  height: 645px;
  object-fit: cover;
}


.zr-blog-bg {
  width: 32px;
  height: 32px;
  top: 50%;
  left: -16px;
  transform: translateY(-50%);
  background-color: var(--gray5);
}

.zr-blog-img {
  width: 118px;
  height: 118px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

.zr-blog-title {
  justify-content: center;
  vertical-align: middle;
  text-align: right;
}

.zr-blog-circle,
.zr-fig-circle {
  width: 700px;
  height: 700px;
}

.zr-fig-circle {
  border: 1px solid var(--gray5);
}

.zr-fig-circle:nth-child(2) {
  margin: 0 -28px;
}

.zr-fig-hero-circle {
  margin: 0 -64px;
  z-index: -1;
}

.zr-fig-hero::after {
  content: "";
  position: absolute;
  width: 808px;
  height: 808px;
  background: linear-gradient(161.13deg, #FFFFFF 14.2%, #F1F4F1 87.26%);
  bottom: -70px;
  right: -250px;
  border-radius: 50%;
  z-index: -2;
  /*width: 40vw;*/
  height: auto;
  aspect-ratio: 800 / 800;

}


.zr-blog-text-slider li.slick-slide h4,
.zr-blog-text-slider li.slick-slide p
{
  max-width : 80%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.zr-fig-circle:first-child {
  transform: translateX(-10px);
}

.zr-fig-circle:last-child {
  transform: translateX(10px);
}


.zr-blog-next-slider li:not(:last-child) {
  margin-bottom: 1rem;
}

.zr-blog-text-slider {
  width: 85%;
}

.zr-blog-next-slider .slick-current .zr-blog-bg {
  background: var(--Mainprimary);
  color: var(--MainWhite);
}

.zr-blog-next-slider .slick-current .zr-blog-title {
  color: var(--MainBlack);
}

.zr-btn-blog-arrow {
  width: 64px;
  height: 64px;
}

.zr-blog-dot-item {
  width: 5px;
  height: 5px;
  background: #909090;
  border-radius: 50%;
}

.zr-blog-dot-item.active {
  background: var(--Mainprimary);
}


.zr-bd-title h1 {
  font-size: 32px;
  line-height: 1.6;
}

.zr-font-32 {
  font-size: 32px;
}



.zr-bd-hero-circle {
  width: 701px;
  height: 701px;
}

.zr-bd-hero-ring {
  inset: 0;
  border: 1px solid var(--gray4);
}

.zr-bd-hero-img {
  /* position: absolute; */
  top: 0;
  left: 24px;
  max-width: 645px;
  max-height: 645px;
  object-fit: cover;
}



.zr-bd-inline-img {
  max-height: 660px;
}

.zr-bd-inline-img img {
  object-fit: cover;
}

.zr-bd-ul li {
  list-style-type: disc;
  list-style: disc;
  margin-right: 1rem;
}

.zr-bd-card-body {
  flex: 1;
  max-width: calc(100% - var(--blogWidth) - 56px);
}


.zr-bd-similar-header h3 {
  background: var(--Mainprimary);
  height: 60px;
  font-size: 32px;
}

.zr-bd-similar .slick-dots li {
  width: 5px;
  height: 5px;
}

.zr-bd-similar .slick-next {
  left: 2rem;
}

.zr-bd-similar .slick-dots {
  width: calc(100% - 2rem);
}

.zr-bd-star {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 0L11.677 2.224C10.0565 6.60351 6.60351 10.0565 2.224 11.677L0 12.5L2.224 13.323C6.60351 14.9435 10.0565 18.3965 11.677 22.776L12.5 25L13.323 22.776C14.9435 18.3965 18.3965 14.9435 22.776 13.323L25 12.5L22.776 11.677C18.3965 10.0565 14.9435 6.60351 13.323 2.224L12.5 0Z" fill="%23505E4D"/></svg>')
}

.zr-bd-card {
  background: var(--secondary2);
  border-radius: 1000px;
}


.zr-bd-card-media {
  width: var(--blogWidth);
  border-radius: 1000px;
  overflow: hidden;
  aspect-ratio: 360 / 260;
}

.zr-bd-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1000px;
  overflow: hidden;
  transition: 0.5s;
}

.zr-bd-similar-list {
  margin-left: -2rem;
}

.zr-bd-similar-item {
  width: calc(50% - 2rem);
  margin-left: 2rem;
}


.zr-bd-btn {
  height: 42px;
  min-width: 148px;
  background: var(--Mainprimary);
  margin-top: 1rem;
  display: flex;
  align-items: center;
}


.zr-btn-all {
  width: 148px;
  height: 42px;
  border: 1px solid var(--Mainprimary);
  color: var(--Mainprimary);
  background: transparent;
}

/* ContactUs */
.zr-contact-img {
  width: 60px;
  height: 60px;
  border: 1px solid var(--secondary8);
  background: var(--MainWhite);
}

.zr-contact-map,
.zr-contact-info {
  width: 840px;
  height: 842px;
}

.zr-contact-list {
  z-index: 2;
}

.zr-contact-info::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(89.95deg, #FFFFFF 3.25%, #F1F4F1 97.29%);
  z-index: 0;
  border-radius: inherit;
  rotate: 180deg;
}

.zr-contact-info::before {
  content: "";
  position: absolute;
  inset: -1.04px;
  padding: 1.04px;
  border-radius: inherit;
  background: linear-gradient(270.02deg, var(--secondary8) 2.33%, #FFFFFF 99.98%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
  rotate: 180deg;
}

.zr-contact-line-parent {
  z-index: 1;
  width: 50vw;
  /* gap: 200px; */
  height: 446px;
  top: 167px;
  left: -144px;
  /* top: 50%; */
  /* transform: translateY(-50%); */
  justify-content: space-between;
}

.zr-contact-line::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(50%);
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--secondary8) 0%, rgba(255, 255, 255, 0) 100%);
}


.zr-contact-line-1 .zr-contact-img-line {
  height: 39px;
}

.zr-contact-line-1 .zr-contact-img-line img {
  max-width: 39px;
}

.zr-contact-line-2 .zr-contact-img-line {
  height: 73px;
}

.zr-contact-line-2 .zr-contact-img-line img {
  max-width: 73px;
}

.zr-contact-line-3 .zr-contact-img-line {
  height: 55px;
}

.zr-contact-line-3 .zr-contact-img-line img {
  max-width: 55px;
}

.zr-contact-img-line {
  width: 73px;
  left: 219px;
  position: relative;
}

.zr-contact-main {
  margin-top: 75px;
  margin-bottom: -60px;
}

.zr-contact-list {
  max-width: 220px;
  margin: 156px auto 0;
}

.zr-contact-item {
  height: 200px;
}

.zr-contact-parent {
  z-index: 3;
  margin-bottom: 60px;
}

.zr-contact-form {
  background: var(--secondary2);
  border-radius: 1000px;
}

.zr-contact-parent::before {
  content: "";
  width: 100vw;
  position: absolute;
  border: 2px solid var(--secondary8);
  top: 50%;
  transform: translateY(-50%);
}

.zr-contact-star {
  top: 50%;
  transform: translateY(-50%);
  width: 74px;
  height: 74px;
}

.zr-contact-star-1 {
  left: -37px;
}

.zr-contact-star-2 {
  right: -37px;
}

.zr-contact-input {
  border: 1px solid var(--gray5);
  height: 44px;
}

.zr-contact-textarea {
  border: 1px solid var(--gray5);
  min-height: 118px;
}

.zr-contact-form form {
  max-width: 368px;
  margin: auto;
}

textarea::placeholder {
  color: #909090;
  font-size: 12px;
  line-height: 1rem;
  font-weight: 400;
}

.zr-btn-save {
  background: var(--secondary8);
  width: 128px;
  height: 42px;
}

/* Product Details */

/* mitra */
.zr-products-container {
  max-width: 1680px;
  width: 100%;
  margin: auto;
}

.zr-filter-container {
  background: var(--gray2);
  border-radius: 1rem;
  max-width: 363px;
  width: 100%;
  height: 2277px;
}


.zr-product-card {
  max-width: 462px;
  width: 100%;
  max-height: 454px;
  height: 100%;
  border: 1px solid var(--secondary8);
  /* border-image-source: linear-gradient(180deg, var(--secondary8) 68.19%, #F9F9F9 100%); */
  border-radius: 24px;
  overflow: hidden;
}


.zr-product-img img {
  max-height: 360px;
  height: 100%;
  object-fit: cover;
}


/* product detial */

.zr-light-box-container {
  max-width: 742px;
  max-height: 742px;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  border: 1px solid var(--gray5);
  overflow: hidden;
}

.zr-light-box-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zr-pro-detail-sec-1 {
  gap: 64px;
  max-width: 1680px;
}

.zr-img-gallery-container {
  max-width: 742px;
}

.zr-finger-img-container {
  /* max-height: 116px;
  max-width: 742px; */
  overflow-x: auto;

}

/*  */

.product-s-img  img {
  border: 1px solid var(--gray5);
  border-radius: 0.5rem;
  overflow: hidden;
  aspect-ratio : 1/1;
  object-fit : cover;
}

.product-s-img  {
  max-width: 116px;
  max-height: 116px;
  min-width: 116px;
  min-height: 116px;
  border: 2px solid transparent;
  padding: 0.5rem;
  border-radius: 1rem;
}

.selected-pic {
  border-color: var(--MainBlack);
}

.zr-crumb-txt img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.zr-crumb-txt p {
  color: var(--gray8);
  font-size: 12px;
}

.zr-black-txt {
  color: #000 !important;
}

.zr-product-title {
  font-size: 2rem;
  font-weight: 700;
}

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


.zr-code {
  color: var(--gray8);
}

.zr-info-sec-1 {
  gap: 10px;
}


.zr-share {
  width: 40px;
  height: 40px;
  border: 1px solid #DBDBDB;
  background: #F9F9F9;
  border-radius: 0.5rem;
}

.zr-share img {
  width: 24px;
  height: 24px;
}

.zr-fav-box {
  height: 40px;
  width: 182px;
  border-radius: 24px;
  border: 1px solid #DBDBDB;
  background: #F9F9F9;
  gap: 10px;

}

.zr-fav-box img {
  width: 24px;
  height: 24px;
}

.zr-fav-box p {
  color: var(--Mainprimary);
}


.zr-price {
  font-size: 2rem;
  font-weight: 500;
}


.zr-price span {
  font-size: 1rem;
  padding-right: 4px;
}

.zr-flex {
  flex: 1;
}

.zr-add-to-cart {
  background: var(--Mainprimary);
  max-width: 425px;
  width: 100%;
  height: 57px;
  border-radius: 32px;
}

.zr-add-to-cart p {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
}

.zr-pro-detail-list li {
  padding-block: 8.5px;
}


.zr-pro-detail-sec-2 {
  margin-top: 40px;
  position: relative;
  overflow: visible;
}

.zr-process-flow-container {
  position: relative;
  background: #000;
  padding: 80px 60px;
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zr-process-line {
  position: absolute;
  left: 8%;
  right: 8%;
  height: 3px;
  background: var(--secondary8);
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}

.zr-process-steps {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 84%;
  z-index: 2;
}

.zr-process-step {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 28px;
  background: #E5E5E5;
  color: #666;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  z-index: 3;
  white-space: nowrap;
}

.zr-step-1 {
  border-radius: 50px;
  min-width: 110px;
}

.zr-step-2,
.zr-step-3 {
  border-radius: 12px;
  min-width: 180px;
}

.zr-step-4 {
  border-radius: 12px;
  min-width: 140px;
}

.zr-step-active {
  background: var(--secondary8);
  color: #fff;
}

.zr-process-diamond {
  width: 10px;
  height: 10px;
  background: var(--secondary8);
  transform: rotate(45deg);
  position: relative;
  z-index: 3;
  flex-shrink: 0;
  margin: 0 10px;
}


.zr-process-list {
  gap: 24px;
  position: sticky;
  top: var(--headerheight);
  background: var(--secondary1);
  z-index : 1;
}

.zr-process-list::before {
  content: "";
  position: absolute;
  width: 100%;
  border: 1.5px solid var(--secondary8);
}

.zr-process-item {
  width: 242px;
  min-width: 242px;
  height: 64px;
  border-radius: 2rem;
  background-color: #F1F1F1;
  position: relative;
  color: #909090;
}


.zr-process-item::before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  background: url('../Images/Star\ 28.svg') no-repeat center/contain;
  right: -24px;
}


.zr-process-item:last-child::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  background: url('../Images/Star\ 28.svg') no-repeat center/contain;
  left: -26px;
  top: 50%;
  transform: translateY(-50%);
}

.zr-process-item-selected {
  background: var(--secondary8) !important;
  color: #fff !important;
  font-size: 24px !important;
}


.zr-desc-table {
  background: var(--gray2);
  border-radius: 1rem;
  padding: 2rem;
}



.zr-info-table,
.zr-desc-table,
.zr-comment-container {
  max-width: 800px;
}

.zr-info-table>p {
  background: var(--gray5);
  text-align: center;
  padding-block: 1rem;
}

.zr-info-table {
  border: 1px solid var(--gray5);
  overflow: hidden;
  margin-top: 100px !important;
}

.zr-info-list>li {
  padding: 1rem;
  border-bottom: 1px solid var(--gray5);
}

.zr-info-list>li:last-child {
  border-bottom: none;
}



.zr-comment-container {
  margin-top: 100px !important;
}

.zr-bl {
  border-left: 1px solid var(--gray5);
  min-height: 61px;
  flex: 1;
}

.zr-bl:last-child {
  border-left: none;
}

.zr-stone-info-item {
  border-bottom: 1px solid var(--gray5);
}


.zr-stone-info-item:last-child {
  border-bottom: none;
}



.zr-comment {
  border: 1px solid var(--gray5);
  border-radius: 2rem;
  overflow: hidden;

}

.zr-comment-title {
  background: var(--gray5);
  border-radius: 2rem;
}

.zr-manager-comment-title {
  background: var(--secondary1) !important;
  border: 1px solid var(--gray5);
}

.zr-manager-parent {
  border-radius: 2rem;
  /*background: var(--gray5);*/
  background: var(--gray2);
  *
}

.zr-comment-btn {
  background: var(--secondary1);
  border: 1px solid var(--gray5);
  width: 156px;
  height: 42px;
}

.zr-get-info-input {
  border: 1px solid var(--gray5);
  height: 44px;
  background : #fff;
}

.zr-get-info {
  flex: 368px 1 1;
}

.zr-user-id {
  border: 1px solid var(--gray5);
  height: unset;
}

.zr-comment-send-btn {
  width: 164px;
  height: 42px;
  background-color: var(--secondary8);
  color: var(--secondary1);
}

.zr-secret-txt {
  color: #868686;
}

.zr-product-similar-list {
  margin-block: 64px;
}

.zr-product-similar-list .slick-list {
  width: calc(100% - (64px * 3));
  margin-left: -0.75rem;
}

.zr-product-similar-list .slick-arrow {
  background-color: var(--Mainprimary);
  position: unset;
  transform: none;
  margin: auto;
}

.zr-product-similar-list .slick-next {
  transform: rotate(180deg);
}

.zr-product-similar-list .zr-product-item {
  margin-left: 0.75rem;
}

.zr-filter-product {
  width: 363px;
  min-width: 360px;
  background: var(--gray2);
  position: sticky;
  top: calc(var(--headerheight) + 32px);
  overflow: auto;
  max-height: calc(95vh - var(--headerheight));
}

.zr-btn-res-parent {
  /* display: none; */
}

.zr-price-box {
  border-bottom: 1px solid #DBDBDB;
}

.zr-more-comment {
  display: none;
}

.sp-drop-parent .sp-drop-button {
  width: 280px !important;
  height: 46px !important;
  border-radius: 2rem !important;
  --line: #4E4E4E;
  padding: 8px 12px 8px 48px;
  cursor: pointer;
}

.sp-drop-button:after {
  width: 24px;
  height: 24px;
  border: 0px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 16.8001C11.3 16.8001 10.6 16.5301 10.07 16.0001L3.55002 9.48014C3.26002 9.19014 3.26002 8.71014 3.55002 8.42014C3.84002 8.13014 4.32002 8.13014 4.61002 8.42014L11.13 14.9401C11.61 15.4201 12.39 15.4201 12.87 14.9401L19.39 8.42014C19.68 8.13014 20.16 8.13014 20.45 8.42014C20.74 8.71014 20.74 9.19014 20.45 9.48014L13.93 16.0001C13.4 16.5301 12.7 16.8001 12 16.8001Z' fill='black'/%3E%3C/svg%3E");
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  left: 12px;
}

.zr-select-weight.sp-drop-items {
  width: 280px  !important;
  border-top: 0 !important;
  border-radius: 0 0 2rem 2rem;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 46px;
  border-top: 1px solid #4E4E4E;
  padding: 0.75rem;
}

.item-selected:not(:only-child),
.sp-drop-item:hover {
  background-color: #F1F1F1;
  color: #000;
  border-color: transparent;
}

.sp-drop-active {
  background: var(--secondary8);
  color: #000;
}

.sp-drop-parent-show .sp-drop-button {
  border-radius: 2rem 2rem 0 0 !important;
}

.sp-drop-item {
  border-radius: 2rem !important;
  height: 46px;
  padding: 0.5rem 0.75rem !important;
}

.sp-drop-items {
  --line: #4E4E4E;
}

.sp-drop-items li:not(:nth-last-child(2)) {
  margin-bottom: 0;
}

.zr-discount-long {
  background: #C30000;
  width: 92px;
  height: 32px;
  border-radius: 1000px;
}


.zr-discount-long-basket {
  background: #C30000;
  width: 68px;
  height: 24px;
  border-radius: 1000px;
}

.zr-basket-price {
  text-align: right !important;
  align-items: center;
}

.zr-bsket-img-parent .zr-discount-product-text-inner {
  min-width: 50px;
}

.zr-bsket-img-parent .zr-discount-product-text {
  min-width: auto;
  height: 24px;
  inset: 4px;
}

.zr-discount-simple {
  background: #C30000;
  /* width: 32px;
  height: 32px; */
}

.zr-discount-main {
  top: 8px;
  right: 8px;
  z-index : 9999;
}

.zr-discount-product-main {
  top: 1rem;
  right: 1rem;
}

.zr-discount-text,
.zr-discount-product-text {
  border-radius: 1000px;
  background: #C30000;
  /* padding: 1px;
  min-width: 158px;
  height: 32px;*/

}

.zr-discount-text-inner,
.zr-discount-product-text-inner {
  background: #F3F3F3;
  border-radius: 1000px;
  border: 1px solid #C30000;
}

.zr-discount-product-text-inner {
  min-width: 100px;
}

.zr-discount-text-number {
  min-width: 32px;
}

.zr-discount-dropdown {
  top: calc(100% + 0.5rem);
  box-shadow: 0px 0px 8px 0px #00000040;
  background: var(--MainWhite);
  display: none;
}


.zr-discount-title {
  background: #C30000;
  height: 30px;
}

.zr-discount-li:not(:last-child) {
  border-bottom: 1px solid #E5E5EA;
}

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

.zr-item-save {
  width: 40px;
  height: 40px;
  left: 8px;
  top: 8px;
}



.zr-aboutus-img {
  max-width: 500px;
  max-height: 500px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  z-index: 1;
}

.zr-aboutus-img-center {
  max-width: 613px;
  max-height: 613px;
  z-index: 2 !important;
  margin-inline: -120px;
}


.zr-about-us-gallery {
  position: relative;
  z-index: 3;
}

.zr-gallery-lines {
  background: var(--blogarrowBG);
  height: 1px;
  width: 100%;
  position: relative;
}

.zr-arrow-about-left,
.zr-arrow-about-right {
  top: 50%;
  transform: translateY(-50%);
  width: 112px;
  height: 112px;
  z-index: 3;
  background: #ffffff80;
}

.zr-arrow-about-left::before,
.zr-arrow-about-right::before {
  content: "";
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: absolute;
  background: var(--blogarrowBG);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.293668 20.2931C0.200758 20.386 0.127058 20.4963 0.0767754 20.6177C0.026493 20.7391 0.000611222 20.8692 0.000611234 21.0006C0.000611245 21.132 0.026493 21.2621 0.0767755 21.3835C0.127058 21.5048 0.200758 21.6151 0.293668 21.7081C0.386578 21.801 0.496879 21.8747 0.618272 21.925C0.739665 21.9752 0.869773 22.0011 1.00117 22.0011C1.13256 22.0011 1.26267 21.9752 1.38406 21.925C1.50546 21.8747 1.61576 21.801 1.70867 21.7081L11.7087 11.7081C11.8016 11.6152 11.8754 11.5049 11.9257 11.3835C11.9761 11.2621 12.002 11.132 12.002 11.0006C12.002 10.8691 11.9761 10.739 11.9257 10.6176C11.8754 10.4962 11.8016 10.3859 11.7087 10.2931L1.70867 0.293057C1.52103 0.105416 1.26653 9.3329e-07 1.00117 9.61719e-07C0.735803 9.90149e-07 0.481306 0.105416 0.293666 0.293057C0.106026 0.480698 0.000609462 0.735193 0.000609485 1.00056C0.000609509 1.26592 0.106026 1.52042 0.293666 1.70806L9.58742 11.0006L0.293668 20.2931Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.zr-arrow-about-left {
  right: calc(100% + 16px);
}

.zr-arrow-about-left::before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7073 25.2926C20.8002 25.3855 20.8739 25.4958 20.9242 25.6172C20.9745 25.7386 21.0004 25.8687 21.0004 26.0001C21.0004 26.1315 20.9745 26.2616 20.9242 26.383C20.8739 26.5044 20.8002 26.6147 20.7073 26.7076C20.6144 26.8005 20.5041 26.8742 20.3827 26.9245C20.2613 26.9747 20.1312 27.0006 19.9998 27.0006C19.8684 27.0006 19.7383 26.9747 19.6169 26.9245C19.4955 26.8742 19.3852 26.8005 19.2923 26.7076L9.29231 16.7076C9.19934 16.6147 9.12558 16.5044 9.07525 16.383C9.02493 16.2616 8.99903 16.1315 8.99903 16.0001C8.99903 15.8687 9.02493 15.7385 9.07525 15.6171C9.12558 15.4957 9.19934 15.3854 9.29231 15.2926L19.2923 5.29257C19.48 5.10493 19.7344 4.99951 19.9998 4.99951C20.2652 4.99951 20.5197 5.10493 20.7073 5.29257C20.895 5.48021 21.0004 5.7347 21.0004 6.00007C21.0004 6.26543 20.895 6.51993 20.7073 6.70757L11.4136 16.0001L20.7073 25.2926Z' fill='white'/%3E%3C/svg%3E%0A");
}

.zr-arrow-about-right {
  left: calc(100% + 16px);
}

/* 
.zr-gallery-lines:first-child {
margin-top: -60px;
} */
/* 
.zr-gallery-lines:nth-child(3) {
margin-top: 135px;
} */

.zr-gallery-star {
  background: transparent;
  height: 1px;
  width: 100%;
}

.star-1::before,
.star-3::before,
.star-2::before,
.star-2::after {
  content: "";
  background: url(../Images/Star22.svg) no-repeat;
  position: absolute;
  background-size: 100% 100%;
  top: 50%;
  transform: translateY(-50%);
}

.star-1::before,
.star-3::before {
  width: 55px;
  height: 55px;
}

.star-2::before,
.star-2::after {
  width: 74px;
  height: 74px;
}

.star-1::before {
  top: 0;
  left: 100%;
  right: unset;
}

.star-3::before {
  bottom: 0;
  right: 100%;
  transform: translateY(50%);
  top: unset;
}

.star-2::before {
  left: calc(100% - (73px / 2) - 120px);
}

.star-2::after {
  right: calc(100% - (73px / 2) - 120px);
}

.zr-desc-container {
  margin-top: -148px;
}

.zr-article-container {
  max-width: 1605px;
  background: var(--secondary2);
  margin: auto;
  width: 100%;
  border-radius: 290px;
  padding-top: calc(148px + 32px);
  position: relative;
  z-index: 2;
}

.zr-desc-container article {
  max-width: 808px;
  padding-bottom: 60px;
}

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

.zr-desc-line {
  height: 2px;
  width: 100%;
  background: var(--secondary8);
  position: absolute;
  top: 50%;
  z-index: 1;
}


.zr-article-container::before {
  content: '';
  position: absolute;
  background: url('../Images/Star.svg') no-repeat;
  width: 74px;
  height: 74px;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% - 74px/2);
  background-size: 100% 100%;
}

.zr-article-container::after {
  content: '';
  position: absolute;
  background: url('../Images/Star.svg') no-repeat;
  width: 74px;
  height: 74px;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% - 74px/2);
  background-size: 100% 100%;
}

.zr-user-box::before {
  content: "";
  height: 24px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: calc(100% - 6px);
}



.zr-menu-dropdown {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  background: var(--white);
  box-shadow: 0px 4px 10px 0px #00000026;
  margin-top : 1px;
  height : 372px;
}

.zr-header-submneu-item:hover .zr-menu-dropdown {
  display: flex;
}

.zr-header-text {
  bottom: 1rem;
}

.zr-header-img {
  /* aspect-ratio: 268px / 372px; */
  width: 268px;
  height: 372px;
}

.zr-dropdown-height {
  position: relative;
}

.zr-menu-dropdown-item,
.zr-menu-dropdown-submenu {
  width: 216px;

}

.zr-item-has-submenu {
  position: relative;
}

.zr-item-has-submenu.zr-menu-dropdown-item .zr-menu-dropdown-link {
  width: 100%;
}

.zr-item-has-submenu.zr-menu-dropdown-item:hover .zr-menu-dropdown-link::before {
  width: calc(100% + 1rem);
}

.zr-menu-dropdown-item {
  --submenu-shift: 0px;
}

/* 5 rows per column: shift submenu to sit after its own column */
.zr-menu-dropdown-item:nth-child(-n + 5) {
  /* --submenu-shift: calc(2 * (216px + 0.5rem));*/
}

.zr-menu-dropdown-item:nth-child(n + 6):nth-child(-n + 10) {
  /*--submenu-shift: calc(1 * (216px + 0.5rem));*/
}

.zr-menu-dropdown-list {
  display: grid;
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
  row-gap: 1rem;
  column-gap: 0.5rem;
}

.zr-menu-icon {
  max-width: 22px;
}

.zr-menu-dropdown-submenu {
  display: none;
  top: 0;
  bottom: 0;
  height: 100%;
  transform: translateX(var(--submenu-shift));
}

.zr-menu-dropdown-item:hover .zr-menu-dropdown-submenu {
  border: 1px solid var(--gray5);
  background: var(--gray1);
  display: flex;
  min-width: max-content;
  z-index: 10;
  height: 325px;
  margin-top: -30px;
}

.zr-menu-dropdown-item.sp-relative {
  position: relative;
}

.zr-menu-title {
  border-bottom: 1px solid var(--gray5);
}

.zr-header-submneu-item:hover .zr-menu-link::after {
  position: absolute;
  width: 192px;
  height: 60px;
  top: 16px;
  content: '';
}

.zr-menu-dropdown-item:hover .zr-menu-dropdown-submenu::after {
  position: absolute;
  width: 32px;
  height: calc(100% + 20px);
  right: -12px;
  top: -10px;
  content: '';
}

/* AboutUs */

.zr-gallery-lines-light {
  background: var(--blogarrowBGLight);
}

.zr-gallery-line-list,
.zr-gallery-star-list {
  gap: 68px;
  top: 50%;
  transform: translateY(-50%);
}


:is(.zr-mainslider-thumbnail, .zr-blog-next-slider) .slick-track {
  /* transform: none !important; */
}


.zr-mainslider-thumbnail-item {
  margin-right: 0.5rem;
  border: 2px solid transparent;
}

.zr-mainslider-thumbnail {
  margin-right: -0.5rem;
}

.zr-mainslider-thumbnail-item {
  padding: .5rem;
  height: auto;
  aspect-ratio: 1 / 1;
}

.zr-circle-parent {
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
}

.zr-circle-content {
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  background: linear-gradient(161.13deg, #FFFFFF 14.2%, #E7EAE5 87.26%);
  inset: 2px;
  /* padding: var(--border-thickness); */
}

.zr-circle-border {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(218.49deg, var(--secondary8) 13.61%, #FFFFFF 84.38%);
  z-index: -1;
  position: relative;
  rotate: -90deg;
}

.zr-circle-parent-line {
  background: var(--secondary8);
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.zr-circle-parent-title {
  background: #FAF0EB;
  width: 256px;
  height: 70px;
  border-radius: 99px;
}

.zr-circle-parent-title::after {
  content: '';
  position: absolute;
  background: url(../Images/Star.svg) no-repeat;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  background-size: 100% 100%;
  right: -12px;
}

.zr-about-slide {
  width: 554px;
  height: 554px;
  /* margin-inline: -212px; */
}

.zr-about-slide-second {
  margin-inline: -212px !important;
  z-index: 2;
}

.zr-about-main-slide {
  width: 732px;
  height: 732px;
  z-index: 3;
}

.zr-about-main-slider {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -170px;
  z-index: 1;
}

.zr-about-main-slide img {
  object-fit: cover;
}

.zr-about-dots {
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
}


/* Products */

.zr-badge-circle {
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
}

.P-range {
  min-height: 20px;
  margin-block: 0.75rem;
}

.P-range svg,
.P-range input[type=range] {
  position: absolute;
  left: 0;
  bottom: 5px;
  direction: ltr;
}

.P-range input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}

.P-range input[type=range]:focus {
  outline: none;
}

.P-range input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--MainWhite);
}

.P-range input[type=range]:focus::-ms-fill-lower {
  background: var(--MainWhite);
}

.P-range input[type=range]:focus::-ms-fill-upper {
  background: var(--MainWhite);

}

.P-range input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: var(--MainWhite);
  border-radius: 20px;
  box-shadow: none;
  border: 0;
}

.P-range input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 20px 0px #13384D33;
  height: 20px;
  width: 20px;
  border: 5px solid var(--MainWhite);
  border-radius: 25px;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}

.P-range input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: var(--gray4);
  border-radius: 20px;
  box-shadow: none;
  border: 0;
}

.P-range input[type=range]::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  height: 20px;
  width: 20px;
  border: 5px solid var(--white);
  border-radius: 25px;
  background: var(--Mainprimary);
  cursor: pointer;
  box-shadow: 0px 0px 20px 0px #13384D33;
}

.P-range input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.P-range input[type=range]::-ms-thumb {
  z-index: 2;
  position: relative;
  border: 1px solid var(--Mainprimary);
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: var(--Mainprimary);
  cursor: pointer;
}

.in-minvalue::-webkit-slider-thumb {
  border: 2px solid var(--Mainprimary);
  background: var(--Mainprimary);
}

.in-minvalue::-moz-range-thumb {
  border: 2px solid var(--Mainprimary);
  background: var(--Mainprimary);
}

.in-maxvalue::-webkit-slider-thumb {
  border: 2px solid var(--Mainprimary);
  background: var(--Mainprimary);
}

.in-maxvalue:-moz-range-thumb {
  border: 2px solid var(--Mainprimary);
  background: var(--Mainprimary);
}


.zr-range-highlight {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 4px;
  background: var(--Mainprimary);
}


.zr-slider-container {
  height: 8px;
  background: #F1F1F1;
  width: 100%;
  top: 7px;
}

/*.sp-f-check {
position: relative;
margin: 0 !important;
padding: 0;
width: var(--checkboxheight);
height: 0;*/

}

.sp-f-check:checked:before {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3072 2.23171e-07H10.3072C12.4979 -1.29026e-05 14.2186 -2.32121e-05 15.562 0.180594C16.9386 0.365681 18.0309 0.752716 18.8891 1.61091C19.7473 2.46911 20.1343 3.56137 20.3194 4.93802C20.5 6.28144 20.5 8.00214 20.5 10.1928V10.3072C20.5 12.4979 20.5 14.2186 20.3194 15.562C20.1343 16.9386 19.7473 18.0309 18.8891 18.8891C18.0309 19.7473 16.9386 20.1343 15.562 20.3194C14.2186 20.5 12.4979 20.5 10.3072 20.5H10.1928C8.0021 20.5 6.28144 20.5 4.93802 20.3194C3.56137 20.1343 2.46911 19.7473 1.61091 18.8891C0.752716 18.0309 0.365681 16.9386 0.180594 15.562C-2.32164e-05 14.2186 -1.29026e-05 12.4979 2.23171e-07 10.3072V10.3072V10.1928V10.1928C-1.29026e-05 8.00211 -2.32121e-05 6.28144 0.180594 4.93802C0.365681 3.56137 0.752716 2.46911 1.61091 1.61091C2.46911 0.752716 3.56137 0.365681 4.93802 0.180594C6.28144 -2.32164e-05 8.00212 -1.29026e-05 10.1928 2.23171e-07H10.1928H10.3072ZM15.1275 6.27038C15.3925 6.75493 15.2145 7.36257 14.73 7.62756C13.3586 8.37752 12.0708 9.94753 11.0874 11.4532C10.6081 12.1872 10.2235 12.8707 9.95899 13.3704C9.827 13.6197 9.72558 13.8221 9.65788 13.9605L9.55965 14.1659C9.40515 14.5036 9.0761 14.7282 8.70528 14.7487C8.33436 14.7691 7.98267 14.5823 7.79198 14.2635C7.48126 13.744 6.98753 13.2698 6.52997 12.9081C6.30764 12.7323 6.10752 12.5937 5.96471 12.5002L5.75442 12.3687C5.27493 12.0949 5.10797 11.4844 5.38152 11.0048C5.65513 10.525 6.26585 10.3579 6.74559 10.6315L7.06063 10.8272C7.24282 10.9465 7.4927 11.1197 7.77038 11.3392C7.98258 11.507 8.21984 11.7087 8.45939 11.9411C8.71624 11.4797 9.03717 10.935 9.4129 10.3596C10.4296 8.80285 11.9417 6.87286 13.7704 5.87282C14.2549 5.60782 14.8625 5.78582 15.1275 6.27038Z' fill='%23505E4D'/%3E%3C/svg%3E%0A");
}

.zr-parent-slide {
  display: none;
}

.zr-parent-slide-list {
  max-height: 160px;
  overflow: auto;
}


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

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

.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--gray9);
  -webkit-transition: .4s;
  transition: .4s;
}

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

}

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




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

/* Rounded sliders */
.switch-slider.round {
  border-radius: 32px;
}

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


.zr-hasfilter-circle {
  width: 10px;
  height: 10px;
  background: var(--Mainprimary);
}

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





.zr-btn-filtershow,
.zr-sort-list {
  width: 400px;
  height: 56px;
}

.zr-sort-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  z-index: 2;
  box-shadow: 0px 0px 10px 0px #0000001A;
}


.zr-sort-list:not(.zr-sort-show) .zr-sort-value,
.zr-sort-list.zr-sort-show .zr-sort-title {
  background: var(--gray2);
}

.zr-sort-list.zr-sort-show svg {
  rotate: 180deg;
}

.zr-sort-list.zr-sort-show .zr-sort-dropdown {
  display: flex;
}

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



.zr-btn-share {
  border: 1px solid #C2C2C2;
  /* width: 124px; 
  width: 40px; */
  height: 40px;
}

.zr-btn-share .sp-icon {
  width: 24px;
  height: 24px;
}

.zr-border-greymid {
  border-color: var(--gray5);
}

.zr-input {
  background: var(--gray2);
}

.zr-filter-item {
  border: 1px solid #505E4D;
  white-space: nowrap;
  min-width: fit-content;
}

.zr-filter-item-delete {
  color: #C30000;
  border: 1px solid #C30000;
}

.zr-sort-show .zr-img-main,
.zr-img-hover,
.zr-title-res {
  display: none;
}

.zr-img-main,
.zr-sort-show .zr-img-hover {
  display: flex;
}

.zr-sort-show .zr-sort-main-title {
  color: var(--Mainprimary);
}


.zr-search-box {
  height: 177px;
  top: 100%;
  box-shadow: 0px 4px 10px 0px #00000026;
}

.zr-search-box {
  display: none;
}

.zr-search-box-active {
  display: flex;

}

.zr-search-icon {
  width: 24px;
  height: 24px;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
}

::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #909090;
}

#CommentText::placeholder {
  font-weight: 300;
  font-size: 16px;
}

.zr-form-search-input {
  border-bottom: 1px solid #909090;
  width: 430px;
  height: 56px;
  text-indent: 36px;
}

.zr-header-box {
  width: 188px;
}

.zr-logo {
  max-width: 85px;
}


.zr-has-discount-dropdown .zr-discount-dropdown {
  top: 40px;
}


.zr-header-submneu-item>.zr-menu-link::before,
.zr-menu-dropdown-item .zr-menu-dropdown-link::before,
.zr-submenu-item .zr-submenu-link::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 3px;
  background: var(--Mainprimary);
  bottom: 0px;
  right: 0;
  transition: 0.2s width;
}

.zr-menu-dropdown-item .zr-menu-dropdown-link::before,
.zr-submenu-item .zr-submenu-link::before {
  background: var(--MainBlack);
  height: 2px;
}

.zr-menu-dropdown-item:hover .zr-icon-hover,
.zr-menu-dropdown-item .zr-icon-menu,
.zr-search-click.zr-search-active .zr-icon-selected-search,
.zr-search-click:not(.zr-search-active):hover .zr-icon-hover-search,
.zr-search-click .zr-icon-main-search,
.zr-basket-btn.zr-basket-active .zr-icon-selected-basket,
.zr-basket-btn:not(.zr-basket-active):hover .zr-icon-hover-basket,
.zr-basket-btn .zr-icon-main-basket,
.zr-user-title.zr-user-active .zr-icon-selected-user,
.zr-user-title:not(.zr-user-active):hover .zr-icon-hover-user,
.zr-user-title .zr-icon-main-user {
  display: flex;
}

.zr-menu-dropdown-item .zr-icon-hover,
.zr-menu-dropdown-item:hover .zr-icon-menu,
.zr-icon-selected-search,
.zr-icon-hover-search,
.zr-search-click:is(:hover, .zr-search-active) .zr-icon-main-search,
.zr-icon-selected-basket,
.zr-icon-hover-basket,
.zr-basket-btn:is(.zr-basket-active, :hover) .zr-icon-main-basket,
.zr-icon-selected-user,
.zr-icon-hover-user,
.zr-user-title:is(.zr-user-active, :hover) .zr-icon-main-user,
.zr-menu-res,
.zr-menu-res-icon {
  display: none;
}

.zr-menu-res {
  z-index: 5;
  max-height: 100vh;
  top: 36px;
  bottom: 0;
}

:is(.zr-discount-main, .zr-has-discount-dropdown):hover .zr-discount-dropdown {
  display: block;
}


@media only screen and (min-width: 1280px) {

  .zr-nav-item:hover,
  .zr-nav-item:hover>a {
    color: var(--MainBlack);
    font-weight: 500;
  }

  .zr-nav-item:hover::before {
    background: var(--gray8);
  }

  .zr-header-submneu-item:hover>.zr-menu-link,
  .zr-menu-dropdown-item:hover .zr-menu-dropdown-link,
  .zr-submenu-item:hover .zr-submenu-link {
    color: var(--black);
  }

  .zr-header-submneu-item:hover>.zr-menu-link::before,
  .zr-menu-dropdown-item:hover .zr-menu-dropdown-link::before,
  .zr-submenu-item:hover .zr-submenu-link::before {
    width: 100%;
  }

  .zr-btn-slider:hover {
    background: var(--Mainprimary);
    color: var(--MainWhite);
  }

  .zr-arrow:hover .zr-bg-mainprimary,
  .zr-btn-allproduct:hover,
  .zr-bd-btn:hover,
  .zr-btn-blog-arrow:hover,
  .zr-add-to-cart:hover {
    background: var(--secondary8);
  }

  .zr-product-similar-list .slick-arrow:hover,
  .zr-btn-checkout:hover {
    background-color: var(--secondary8);
  }

  .zr-li-category:hover .zr-text-category {
    background: var(--Mainprimary);
  }

  .zr-slider-newest-arrow-inner:hover {
    background: var(--Mainprimary);
  }

  .zr-product-item:hover .zr-product-img-parent::before {
    background: linear-gradient(180deg, var(--primary8) 68.19%, #F9F9F9 100%);
  }

  .zr-product-item:hover .zr-product-text-parent::before {
    background: linear-gradient(90deg, var(--primary8) 0%, #F9F9F9 50%, var(--primary8) 100%);
  }

  .slick-arrow:hover .zr-slider-newest-arrow-inner,
  .zr-arrow-about-left:hover::before,
  .zr-arrow-about-right:hover::before,
  .zr-btn-more:hover,
  .zr-btn-save:hover,
  .zr-comment-send-btn:hover {
    background-color: var(--primary8);
  }

  .zr-bd-card:hover img {
    padding: 0.5rem;
  }

  .zr-user-list-item:hover {
    background: var(--white);
  }
}

/* ===== Merged from mainNew.css (original load position: 3) ===== */

:root {
  --EP-1: #f6f2ef;
  --EP-2: #707070;
}

/*zr-header*/
.zr-user-box {
  height: auto;
}

.zr-userBox-Title {
  background-color: var(--secondary1);
}

.zr-header {
  z-index: 15;
}

.zr-header-respIcon {
  display: none !important;
}

.zr-drop-down-basket.zr-drop-down-basketMobile {
  width: 100vw !important;
  height: 100dvh !important;
  max-width: unset !important;
  max-height: unset !important;
  top: 0 !important;
  border-radius: 0 !important;
  left: 0 !important;
  box-shadow: unset !important;
}

.zr-header-mainmneu.basketOpen {
  padding: 0 !important;
}

/*index*/

.zr-product-item:hover .zr-img-star-1,
.zr-product-item .zr-img-star-2 {
  display: none;
}

.zr-product-item:hover .zr-img-star-2,
.zr-product-item .zr-img-star-1 {
  display: flex;
}

.zr-drop-down-basket.basketMobile {
  width: 100vw;
  max-width: unset !important;
  height: 100vh !important;
  top: 0 !important;
  max-height: unset !important;
  left: 0 !important;
  right: unset !important;
  border-radius: 0 !important;
}

.zr-section-category .zr-circle-4,
.zr-section-category .zr-category-line {
  gap: 240px;
}

.zr-section-category .zr-circle-5 {
  gap: 41.5vw;
}

.zr-section-category-wrapper {
  width: 91%;
}

.zr-mainPage .zr-img-story,
.zr-mainPage .zr-line-story {
  width: 19vw;
  height: auto;
  aspect-ratio: 1/1;
}

.zr-item-newest,
.zr-item-newest-img {
  width: 45vw;
  height: auto;
  aspect-ratio: 1.5 / 1;
}

.zr-circle-newest-1::after,
.zr-circle-newest-2::after,
.zr-slider-newest-section::after,
.zr-slider-newest-section::before {
  width: 42vw;
  height: auto;
  aspect-ratio: 1 / 1;
}

.zr-section-product-circle {
  inset: unset;
  aspect-ratio: 1 / 1;
  justify-self: center;
  margin-top: 12px;
}

.zr-list-story {
  height: 100%;
  justify-content: center;
}

.zr-item-story .zr-star-white {
  left: 5%;
  top: 15%;
  width: 4vw;
  height: auto;
  aspect-ratio: 1 / 1;
}

.zr-story-text {
  width: 37vw;
}

/*zr-top-distance-inside*/
.zr-top-distance-inside > .zr-wrapper > div:first-child {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}

.zr-mainslider-text,
.zr-mainslider-thumbnail {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.zr-mainslider-thumbnail .slick-list {
  width: 100%;
  overflow: hidden;
}

.zr-top-distance-inside .zr-prev.zr-arrow {
  z-index: 10;
}

.zr-mainslider-thumbnail .slick-track {
  /* display: flex; */
}

.zr-mainslider {
  background-size: contain;
  width: 40vw;
  height: auto;
  aspect-ratio: 1 / 1;
}

.zr-mainslider .zr-mainslide-item {
  /* width: unset !important; */
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
}

.zr-top-distance-inside .zr-circle-3 {
  width: 42vw;
  height: auto;
  aspect-ratio: 1 / 1;
}

.zr-top-distance-inside .zr-circle-2 {
  width: 27.1vw;
  height: auto;
  aspect-ratio: 1 / 1;
  top: 15vw;
  left: -15vw;
}

/* .zr-top-distance-inside .zr-circle-2 {
width: 66vw;
} */

.zr-mainslider-thumbnail {
  margin-top: 32px;
}

.zr-mainslider-thumbnail-item,
.zr-mainslider-thumbnail .slick-current {
  /* width: 7.1vw !important;
  height: auto;
  aspect-ratio: 1 / 1;
  min-width: 120px; */
}

/*zr-section-category*/

/*zr-section-banner*/

/*zr-section-product*/

/*zr-section-story*/

/*zr-section-newest*/

/*zr-bd-similar*/

/*zr-footer*/
.zr-footer-col {
  width: 60% !important;
  max-width: 555px !important;
}

.zr-footer-col-2 {
  width: 40% !important;
  max-width: 445px !important;
}

/*ProductDetails*/
.zr-pro-detail-list form {
  width: auto !important;
  max-width: 100% !important;
}

section.zr-bd-similar.zr-wrapper .zr-product-similar-list {
  justify-content: center;
}

.zr-title-box .zr-codeMobile,
.zr-price-box .zr_price_buttonsMobile {
  display: none !important;
}

/*contactus*/
.zr-contact-map,
.zr-contact-info {
  max-width: 840px;
  height: auto;
  aspect-ratio: 1 / 1;
  width: 100%;
}

.zr-contact-line-parent {
  height: 53%;
}

.zr-contact-item {
  height: calc(88% / 3);
}

/*AboutUs*/
.zr-aboutus-img-center {
  max-width: 32vw;
  max-height: unset;
  height: auto !important;
}

.zr-aboutus-img:not(.zr-aboutus-img-center) {
  max-width: 26vw;
  max-height: unset;
  height: auto !important;
}

.zr-article-container {
  max-width: 84vw;
}

.zr-desc-container article {
  max-width: 49%;
}

.zr-about-main-slide {
  max-width: 38.125vw;
  height: auto;
  aspect-ratio: 1/1;
  max-height: unset;
}

.zr-about-slide {
  width: 100%;
  max-width: 28.85vw;
  height: auto;
  aspect-ratio: 1/1;
  max-height: unset;
}

.zr-circle-parent {
  width: var(--size);
  height: auto;
  aspect-ratio: 1 / 1;
  max-width: 46vw;
  max-height: unset;
}

/*blog list*/
.zr-blogs-main {
  overflow: hidden;
  max-width: 100%;
}

.zr-fig-hero-circle {
  width: 110%;
  margin: unset;
  justify-self: center;
}

.zr-fig-circle {
  width: calc(100% / 3 + 20px);
  aspect-ratio: 701/701;
  height: auto;
}

.zr-blog-mainslider,
.zr-blog-mainslider :is(li, img) {
  width: 33.6vw;
  height: auto;
  aspect-ratio: 645 / 645;
}



.zr-bd-btn {
  /* margin-left: 6%;*/
}

/*blogDetails*/
.zr-bd-hero-circle {
  /* width: 100%; */
  height: auto;
  aspect-ratio: 1 / 1;
  margin-bottom: 12px;
}

.zr-bd-inline-img {
  aspect-ratio: 1/1;
}

/*prod list*/
.zr_filterBtnsBoxMobile {
  display: none !important;
  gap: 10px;
}

.zr_filterBtnsBoxMobile > div {
  width: 100%;
  height: 35px;
  background-color: var(--gray2);
  border: 1px solid var(--EP-2);
  align-items: center;
}

.filters .filterClose,
/* .filters .zr-btn-removeMobile, */
.zr-sort-dropdown.mobile {
  display: none !important;
}

.filters .zr-btn-removeMobile {
  width: 109px;
  height: 40px;
  border: 1px solid #c30000;
  border-radius: 4px;
  margin-left: 8px;
}

.filters .zr-btn-removeMobile img {
  width: 24px;
  height: 24px;
}

.filters .zr-btn-removeMobile p {
  color: #c30000;
}

.zr-sort-dropdown.mobile .sp-icon-large,
.zr-title-res > div:first-child {
  width: 72px;
}

.zr-title-res {
  max-width: 500px;
  margin: auto;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px;
}

.zr-sort-dropdown.mobile ul.zr-sort-list-res {
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
}

.active.zr-item-orderby {
  background-color: #505e4d !important;
  color: #ffffff;
}

.zr-pro-detail-list > li:first-child > div:first-child {
  align-items: center;
}

.zr-pro-detail-list .weight-list form {
  min-width: 280px;
}

/*new story*/
.zr_section_story {
  height: auto;
  min-height: 650px;
  max-width: unset;
}

.zr_storyPic,
.zr_storyPic img {
  /* max-width: 19vw; */
  width: clamp(178px, 19vw, 363px);
  height: clamp(178px, 19vw, 363px);
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  object-fit: cover;
}

.zr_storyPic {
  background-color: var(--secondary5);
}

.zr_storyPic.text .wrapper {
  background-color: var(--Mainprimary);
  width: stretch;
  height: stretch;
  border-radius: 999px;
}

.zr_storyPic_right,
.zr_storyPic_left {
  /* top: 0; */
  top: var(--headerheight);
  position: sticky !important;
}

.zr_storyPic_right {
  right: 0;
}

.zr_storyPic_left {
  left: 0;
}

.zr_storyPic.rtop,
.zr_storyPic.ltop {
  /* margin-bottom: auto; */
  z-index: 5;
}

.zr_storyPic.rbottom,
.zr_storyPic.lbottom {
  margin-top: -3vw;
}

.zr_storyPic.rbottom .wrapper,
.zr_storyPic.lbottom img {
  z-index: 10;
  position: relative;
}

.zr_storyPic.text.rbottom::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border: 3px solid var(--secondary8);
  border-radius: 999px;
  z-index: 12;
}

.zr_storyPic.text.rbottom::before {
  content: "";
  background-image: url(../Images/StarWhite.svg);
  background-size: 100% 100%;
  width: clamp(30px, 3.75vw, 72px);
  height: clamp(30px, 3.75vw, 72px);
  top: -1vw;
  z-index: 13;
  position: absolute;
}

.zr_storyPic.text.ltop::after {
  content: "";
  background-image: url(../Images/StarWhite.svg);
  background-size: 100% 100%;
  width: clamp(28px, 3.5vw, 70px);
  height: clamp(28px, 3.5vw, 70px);
  top: 25%;
  left: 10%;
  z-index: 13;
  position: absolute;
}

.zr_story_main {
  height: 100%;
  min-height: 665px;
  background: var(--secondary5);
  border-radius: 9.2vw;
}

.zr_storyTextWrap {
  background: var(--secondary5);
  /* width: calc(100% - 19vw); */
  margin: 0 auto;
  border-radius: 9.2vw;
}

.zr_storyText {
  /* width: 50%; */
  width: 80%;
  padding: 12% 0;
}

/*new*/
.zr-header-submneu-item > .zr-menu-link::before {
  bottom: -10px;
}

.zr-header-mainmneu {
  width: 87.5% !important;
}

.zr-category-star {
  width: 100%;
  padding: 0 32px;
  max-width: 1364px;
}

.zr-list-category {
  overflow-x: scroll;
  overflow-y: hidden;
}

.zr-list-category {
  gap: 3.75rem;
}

.zr-section-product-inner {
  max-width: 1920px;
  width: calc(57vw + 4rem);
}

.zr-product-item {
  /* width: 19vw; */
}

.zr-product-img-parent {
  height: auto;
  aspect-ratio: 391 / 328;
}

.zr-pro-detail-list ul .sp-drop-item:not(:last-child) {
  margin-bottom: 0.5rem;
}

.zr-light-box-container {
  aspect-ratio: 1/1;
}

.zr-finger-img img {
  object-fit: cover;
  object-position: center center;
}

.zr-comment-btn:hover {
  background: var(--newSec11);
  border-color: var(--newSec11);
}

.zr-top-distance-inside .zr-arrow {
  width: 6vw;
  min-width: 95px;
  height: auto;
  aspect-ratio: 1 / 1;
  padding: min(24px, 1.25vw) !important;
}

.zr-top-distance-inside .zr-bg-mainprimary {
  padding: min(24px, 1vw) !important;
}

.zr-fav-box img.hover {
  display: none;
}

.zr-fav-box:hover {
  background: transparent;
  border-color: #505e4d;
  cursor: pointer;
}

.zr-fav-box.saved {
  background: #505e4d;
  border-color: #505e4d;
  width: 190px;
}

.zr-fav-box.saved p {
  color: #ffffff;
  gap: 4px;
}

.zr-fav-box:hover img,
.zr-fav-box.saved img,
.zr-fav-box p span {
  display: none;
}

.zr-fav-box:hover img.hover,
.zr-fav-box.saved img.hover,
.zr-fav-box.saved p span {
  display: block;
}

.zr-circle-parent-title::before {
  content: "";
  position: absolute;
  background: url(../Images/Star.svg) no-repeat;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  background-size: 100% 100%;
  left: -12px;
}

/*new*/
.zr_menuRespWrapper {
  background: rgb(248, 247, 247);
  bottom: 0;
  height: calc(100% - 111px);
}

.zr_menuRespBox {
  width: 100%;
  max-width: 926px;
  margin: 0 auto;
}

.zr-icon-normalSize {
  max-width: 24px;
  max-height: 24px;
}

.zr-icon-smallSize {
  max-width: 18px;
  max-height: 18px;
}

.zr_menuRespBox {
  background-color: #ffffff;
  justify-content: end;
}

.zr_menuRespBox .catsWrapper {
  margin-bottom: auto;
}

.zr_menuRespBox .catsWrapper ul,
.zr_menuRespBox .subCatsWrapper ul {
  gap: 16px;
  margin-bottom: auto;
}

.zr_menuRespBox .catsWrapper ul li,
.zr_menuRespBox .subCatsWrapper li {
  height: 40px;
  align-items: center;
}

.subCatsWrapper p.title {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  padding: 16px;
}

.zr_menuRespBox .menuItems {
  padding: 8px 0;
  border-top: 2px solid #dbdbdb;
  background-color: #f9f9f9;
}

.zr_menuRespBox .menuItems ul li {
  height: 42px;
  margin-left: auto;

  margin-right: 16px;
}

.zr_menuRespBox .contactUs {
  padding: 0 16px;
  height: 64px;
  align-items: center;
}

.zr_menuRespBox .login {
  background-color: #f5f5f5;
  border-top: 1px solid #000000;
  height: 56px;
  align-items: center;
}

.zr-bd-similar-list {
  gap: 16px;
}

.zr-bd-similar-list .slick-arrow {
  margin-top: -10px;
}

.zr-drop-down-basket,
.zr-search-box {
  z-index: 1;
}

.zr_gallery_mainWrapper {
  margin-block: 68px;
}

.zr_gallery_main {
  border-radius: 120px;
  background-color: var(--secondary5, #e4d9cf);
  border: 2px solid var(--newSec11, #bda186);
  overflow: hidden;
}

.zr_gallery_titleBox {
  width: 300px;
  height: 70px;
  background-color: var(--Mainprimary, #505e4d);
  border-radius: 99px;
  color: var(--secondary1, #ffffff);
  margin: 0 auto;
  transform: translateY(35px);
}

.zr_gallery_titleBox::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../Images/Star.svg") center / 100%;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}

.zr_gallery_titleBox::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../Images/Star.svg") center / 100%;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}

.zr_gallery_mainSliderWrapper {
  margin: 99px 0 68px;
}

.zr_gallery_mainSliderWrapper .slick-slide {
  width: clamp(264px, 18.5vw, 356px);
  height: auto;
  aspect-ratio: 356 / 497;
}

.zr_gallery_mainSliderWrapper li img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

.zr_gallery_mainSlider {
  direction: rtl;
}

.zr_gallery_mainSlider .slick-arrow {
  background-color: var(--primary8);
}

.zr_gallery_mainSlider .slick-arrow:hover {
  background-color: var(--secondary8);
}

.zr_gallery_mainSlider .slick-list {
  order: 1;
}
.zr_gallery_mainSlider .slick-prev {
  order: 2;
  top: unset;
  bottom: -24px;
  transform: unset;
  right: 50%;
  transform: translateX(240px);
}
.zr_gallery_mainSlider .slick-dots {
  order: 3;
  margin-top: 60px;
}
.zr_gallery_mainSlider .slick-next {
  order: 4;
  top: unset;
  bottom: -24px;
  transform: unset;
  left: 50%;
  transform: translateX(-240px) rotate(180deg);
}

.zr-header-respIcon,
.zr-basket-btn,
.zr-search-click,
.zr-closeSearch,
.zr_searchBoxCenter {
  min-width: 48px;
}

.zr-header-respIcon img,
.zr-search-click img,
.zr-closeSearch img {
  width: 24px;
}

.zr_searchBoxCenter {
  margin-left: 12px;
}

.zr-header-logo {
  justify-content: flex-start !important;
}

.zr-slider-newest {
  background: #00000099;
}

.zr-list-category {
  /* justify-content: center !important;
  */
  justify-content: safe center !important;
  scroll-snap-type: x mandatory;
}

.zr-li-category:nth-child(3) {
  scroll-snap-align: center;
}

/*------------ new sanati --------------*/
.sp-justify-end {
  justify-content: flex-end !important;
}

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

.sp-d-none {
  display: none !important;
}

.zr-responsive-back-btn {
  display: none ;
}

.zr-responsive-back-btn p {
  color : #909090 ;
}


.zr-responsive-back-btn img {
  width: 24px;
  height: 24px;
}

.zr-filter-box {
  scrollbar-width: none;
  scroll-behavior: smooth;
}  

.zr-hasborder {
  border-top: 1px solid var(--gray-5);
}

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

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

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

.zr-select-title::before {
  content: '';
  position: absolute;
  top: 20%;
  left: 6px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTYgMTVMMTEuMjkyOSA5LjcwNzExQzExLjYyNjIgOS4zNzM3NyAxMS43OTI5IDkuMjA3MTEgMTIgOS4yMDcxMUMxMi4yMDcxIDkuMjA3MTEgMTIuMzczOCA5LjM3Mzc3IDEyLjcwNzEgOS43MDcxMUwxOCAxNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPiA8L3N2Zz4=");
  width: 24px;
  height: 24px;
  transform: rotate(180deg) !important;
}

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

#divSize {
  max-height: 150px;
  overflow: auto;
  width: 90%;
  margin: auto;
  padding-inline : 0.5rem;
}

.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.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 li {
  padding: 10px;
  cursor: pointer;
  width: calc(100% - 24px);
  height: 43px;
  border-radius: 8px;
  margin: auto;
}

.zr-discount-simple {
  width: fit-content;
  height: unset;
  padding-inline: 8px;
}

.zr-discount-text {
  min-width: fit-content;
  min-height: 32px;
}

.zr-discount-dropdown {
  min-width: fit-content;
  right: 0;
}

/*
.zr-arrow {
background : unset !important;
}
*/

.zr-productmenu-text, .zr-productmenu-title, .zr-productmenu-btn {
  display: none;
}

.sp-drop-button.rotating:after {
  top: 24%;
}

.sp-drop-item.sp-drop-active.item-selected {
  background: var(--secondary8);
  color: #000;
}

.sp-drop-item:hover {
  /* استایل item-selected */
  background-color: #F1F1F1;
  color: #000;
  border-color: transparent;
}

.zr-product-item.similar {
  aspect-ratio: 407 / 490 !important;
}

.zr-select-weight.sp-drop-items {
  overflow: auto !important;
  scrollbar-width: none;
}

.zr-btn-share.share {
  width: 40px !important;
  height: 40px !important;
}

.no-after:after {
  content: none !important;
}
.zw-cart-main {
  margin-top: calc(var(--headerheight) + 28px) !important;
}

.zr-tags-list li {
  min-width: 68px;
}
/* ----discount product detail ----*/
.discount-h {
  min-height : 42px; 
}

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

.zr-level-3-item:hover {
  background : #FFFFFF;
  border-radius: 2rem;
}



.zr-discount-label {
  flex-direction: row-reverse !important; 
}

.discount-txt {
  border: 1px solid #C30000;
}

.zr-discount-label {
  background : #C30000; 
  border-radius : 1000px;
  max-height : 32px;
}

.zr-close-discount-box  {
  width : 12px;
  height : 12px;
  display : none;
}


.zr-discount-title {
  padding: 0.25rem 1rem; 
}

.zr-discount-title p {
  flex: 1; 
}

.zr-discount-label-detail  .zr-item-discount {
  height : 100% !important; 
  width : 100% !important;
  margin: auto;
  font-size: 14px;
  font-weight: 500;
}

.zr-discount-label-detail {
  position: absolute;
  top: 0;
  right: 0;
  margin: 1rem;
  min-width: 185px;
  max-height: 32px;
  min-height: 32px;
  overflow : hidden;
}

.discount-txt {
  display : block ;
  background : #F3F3F3;
}

.discount-txt span {
  font-size : 14px !important;
  font-weight : 500 !important; 
  color : var(--MainBlack);
}

.zr-discount-circle {
  border-radius : 40px;
  min-width : 36px;
  min-height : 36px ;
  background :#DC3D3D ;
  width: 100%;
  white-space: nowrap;
  padding-inline: 0.5rem;
  color: #fff;
  /*position : absolute;
  left : 0;*/
}

.zr-discount-container {
  min-height : 36px ;
  max-height : 36px ;
  /* width :198px;*/
  gap : 0.5rem;  
  justify-content: flex-end;
}


.zr-discount-price {
  color : #909090;
  font-size : 24px;
  font-weight : 600;
}

.zr-prise  {
  /*max-width : 198px;*/
}

.zr-price-layout {
  align-items: center;
  gap: 4px;
}


.zr-discount-circle:hover::before {
  content: "";
  position: absolute;
  width: 290px;
  height: 200px;
  top : 100%;
  right: 0;
  z-index :5;

}

.zr-discount-box-1 {
  display : none;
  position: absolute;
  width: 258px;
  background: #ffff;
  height: fit-content;
  top: 0;
  right : 0 ;
  margin-top: 40px;
  box-shadow: 0px 0px 8px 0px #00000040;
  border-radius: 8px; 
  overflow : hidden;
}

.zr-discount-box {
  display : none;
  position: absolute;
  width: 100%;
  background: #ffff;
  height: fit-content;
  top: 0;
  right : 4px ;
  margin-top: 36px;
  box-shadow: 0px 0px 8px 0px #00000040;
  border-radius: 8px; 
  overflow : hidden;
}

.zr-discount-title {
  background : #C30000;
  border-radius : 8px; 
  margin: 4px;
  font-weight : 500;
  font-size : 12px;
  text-align: center;
  color : #ffff;
}



.zr-discount-row {
  cursor : pointer;
}


.zr-discount-row p,
.zr-discount-row p>span 
{
  color : #000; 
  font-size : 12px;
}

.zr-discount-row {
  justify-content: space-between;
  padding-inline: 0.5rem; 
}

.zr-discount-detail-row{
  display : flex;
  gap: 10px; 
}
/*---------------- comment ------------------*/
.zr-items-end {
  align-items: end;
}

.zr-seller {
  background: #fff;
  border-radius: 16px;
  text-align: center;
  height: 24px;
}

.comment-box-text {
  height: 80px;
  border: 1px solid #DBDBDB;
  border-radius: 64px;
}

#CommentText {
  height: 40px;
}

.zr-send-box {
  height: 82px;
}

#divCaptcha {
  flex-direction: row-reverse;
  max-width: 180px;
  height: 44px;
  border: 1px solid #DBDBDB;
  border-radius: 32px;
}

#Captcha {
  max-width: 180px;
  height: 44px;
  border: 1px solid #DBDBDB;
}

.zr-send-comment {
  justify-content: start;
  align-items: end;
}

.zr-send-comment button.sp-ultra-active {
  max-width: 145px;
  height: 38px;
  background: var(--secondary8) !important;
}

#imgCaptcha {
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}

.zr-go-to-up {
  z-index : 1;
}

.zr-selected-filter-list {
  overflow-x : auto;
  overflow-y : hidden;
}

.active-page-number {
  background: var(--Mainprimary) !important;
  color: var(--MainWhite) !important;
}
.page-number {
  width: 30px;
  height: 30px;
}
.zr-hasfilter-circle {
  display : none;
}

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

.zr-product-img-parent img {
  object-fit: cover;
}

.delete-all img {
  width: 16px;
  height: 16px; 
}

.zr-item-filter {
  border: 1px solid #505E4D;
  white-space: nowrap;
  min-width: fit-content;
  gap : 4px;
  border-radius: 2rem !important;
}

input[type="checkbox"].zr-checked::after {
  top: 0.5rem;
  left: 0.25rem;
}

/*-------------menu res--------- */
.zr_menuRespBox .menuItems {
  background-color: #fff; 
}

.zr_menuRespBox {
  justify-content: space-between !important;
}

.zr-contcts-header-res {
  border-top: 2px solid #dbdbdb;
}

.zr-submenuHeadet {
  height: 75px;
  border-bottom: 1px solid #dbdbdb;
}


.zr_prodListBox {
  position : relative;
  overflow : visible;
  width: calc(100% - 360px - 2rem);
}

.zr_topFilterBtns {
  position: sticky;
  top: 138px;
  z-index: 2;
  background: var(--MainWhite);
  padding-bottom : 0.5rem;
}


.zr_topFilterBtns::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 27px;
  background: var(--MainWhite);
  bottom: 100%; 
}

/* ----------------SCORE------------- */
.zr-total-comment {
  height: 72px;
  border-radius: 64px;
  width: 309px;
  background: var(--gray1);
  border: unset;
}

.zr-submit-score {
  border: unset;
  border-radius: unset;
  border-bottom: 1px solid #E6E6E6;
  max-height : 57px;
}

.zr-discount-circle:hover .zr-discount-box-1 {
  display : flex !important;
}
/* ----------------HeaderTop------------- */
.zr-headertop {
  height: 40px;
}

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


.zr-basket-close:hover {
  border-color :  var(--MainBlack) 
}

/**********mitra rewrite*********/


.zr-top-distance-inside .zr-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

.zr-top-distance-inside .zr-bg-mainprimary {
  max-width: 64px;
  max-height: 64px;
}

.zr-top-distance-inside .zr-bg-mainprimary img {
  max-width : 32px;
  max-height : 32px;
}

.zr-mainslider-thumbnail {
  transform: translateY(55px);
}



.zr-discount-main:hover::before {
  content : '';
  position:absolute;
  width : 100%;
  height : 50px;
  top : 100%;
  left : 0;
}


.search-result {
  min-height : 36px;
  border-color:  #505E4D;
}

.P-range {
  transform: rotate(180deg);
}


input.sp-f-check[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}

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

.zr-share:hover .UnhoverShare {
  display : none;
}

.zr-share:hover .hoverShare {
  display : flex;
}


.zr-user-list-item {
  min-height : 37px;
}

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


#CommentText::placeholder {
  color : #000000;
}


.sp-drop-parent .sp-drop-button.no-after {
  padding: 8px 12px 8px 12px;
}


.zr-header-box {
  background-color : unset !important;
}


.zr-bd-card-body .sp-font-xlarge,
.zr-bd-card-body .sp-font-normal
{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zr-bd-card-body .sp-font-xlarge {
  min-height : 48px;
}

.zr-bd-card-body .sp-font-normal {
  min-height : 42px;
}

.zr-all-pro {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}


.zr-arrow-2 {
  display : none;
}


.zr-res-sub-2-arrow  .zr-arrow-2 {
  display : flex;
}

.zr-res-sub-2-arrow .zr-all-pro {
  justify-content: space-between; 
}


.zr-header.no-index {
  z-index : 0;
}

.zw-customer-account {
  margin-top: calc(var(--headerheight) + 10px);
}

.zr-grid-seperate .sp-g-body {
  padding-inline: 0.8rem !important;
}

#CustomerOrderListBody .sp-g-body, #CustomerAddressListData .sp-g-body {
  padding-inline: 0.7rem !important;
}

.nowrap {
  white-space : nowrap;
}


.zr-item-filter-list {
  flex-direction : row !important; 
  padding-inline: 2px;
}


.zr-rate-total img {
  display : none;
}

.zr-timer {
  transition : all 2s;
}

.zw-cart-contaner-finall {
  margin-top: calc(100px + 130px) !important;
}

#divCaptcha {
  direction: ltr;
}

.no-size {
  text-align: right;
}

.zr-fig-pagination .zr-arrow {
  background : unset;
}


.zr_gallery_mainSlider li {
  aspect-ratio: 356 / 497;
  max-width: 356px;
}



.sp-f-check:checked:before {
  padding-right: 5px;
  content: "✔" !important;
  position: absolute !important;
  top: 0px !important;
  left: -1px !important;
  font-size: 14px !important;
  color: var(--MainWhite) !important;
  height: calc(var(--checkboxheight) + 2px);
  width: calc(var(--checkboxheight) + 2px);
  transform: rotate(1deg) !important;
  background-color: var(--Mainprimary) !important;
  background-image : unset; 
}


.zr-products-layout-style {
  max-height: calc(96svh - 211px);
}


.zr-emptystate {
    display: none;
    align-items: center;
    height: calc(100svh - 140px - 244px - 0px - 0px);
    flex-direction: column;
    gap: 2rem;
}