:root {
  --Mainprimary: #B87354;
  --primary1: #FFFFFF;
  --primary2: #F8F1EE;
  --primary3: #F1E3DD;
  --primary4: #EAD5CC;
  --primary5: #E2C7BB;
  --primary6: #D4AB98;
  --primary7: #C68F76;
  --primary8: #B87354;
  --primary9: #935C43;
  --primary10: #6E4532;
  --primary11: #4A2E22;
  --primary12: #372319;
  --primary13: #251711;
  --primary14: #120C08;


  --secondary1: #FFFFFF;
  --secondary2: #FDFAF8;
  --secondary3: #FAF6F1;
  --secondary4: #F8F1EA;
  --secondary5: #F5EDE3;
  --secondary6: #F1E3D5;
  --secondary7: #ECDAC7;
  --secondary8: #E7D1B9;
  --secondary9: #B9A794;
  --secondary10: #8B7D6F;
  --secondary11: #5C544A;
  --secondary12: #453F38;
  --secondary13: #2E2A25;
  --secondary14: #171513;


  --third1: #FFFFFF;
  --third2: #F7F7F6;
  --third3: #EFEFED;
  --third4: #E7E8E3;
  --third5: #DFE0DA;
  --third6: #CFD0C8;
  --third7: #BFC1B5;
  --third8: #AFB1A3;
  --third9: #8C8E82;
  --third10: #696A62;
  --third11: #464741;
  --third12: #353531;
  --third13: #232321;
  --third14: #121210;


  --gray1: #FAFAFA;
  --gray2: #F6f6f6;
  --gray3: #EDEDED;
  --gray4: #E1E1E1;
  --gray5: #d1d1d1;
  --gray6: #CBCBCB;
  --gray7: #B9B9B9;
  --gray8: #868686;
  --gray9: #6B6B6B;
  --gray10: #505050;
  --gray11: #353535;
  --gray12: #212121;
  --gray13: #121212;
  --gray14: #0C0C0C;
  --gray15: #9E9E9E;

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

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

  --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;
  --MainGray: var(--gray4);
  --MainLightGray: #F4F4F4;
  --MainThemeColor: var(--Mainprimary);
  --bgcolor: var(--MainWhite) !important;
  --secondgrey: var(--gray8);

  --white: var(--MainWhite);
  --whiteColor: var(--MainWhite);

  --link: var(--link8);

  --red: var(--error2);
  --border-color: var(--gray5);
  --secondary: var(--MainThemeColor);
  --Purewhite: var(--white);
  --line: var(--border-color);
  --primary: var(--gray2);
  --PlaceholderColor: var(--MainBlack);
  --bordergrey: var(--gray5);
  --bgbadge: #FFFFFFCC;
  --colorbadge: #2C2C2C;
  --scrollcolor: var(--gray5);
}

:root {
  --HeaderHeight: 120px;
  --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;
  --gap2-5: 0.625rem;
  --gap10: 2.5rem;
  --WrapperSize: 1440px;
  --heightbasket: 32px;
  --widthbasket: 32px;
  --imgBasketWidth: 120px;
  --imgwidth: 100px;
  --imgBigwidth: 116px;
  --DetailImgWidth: 572px;
  --checkboxheight: 20px;
  --widthslider-blog-img: 150px;
  --headerLogoWidth: 105px;
  --line-img-topwidth: 219px;
  --line-img-bottomwidth: 308px;


  /* ---------font-size-variable---------*/

  --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-6-5: 28px;
  --font-size-7: 32px;
}

/*#####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: PeydaWebFaNum;
  font-weight: normal;
  line-height: 1.5;
  color: var(--Fontcolor);
}

body * {
  font-family: PeydaWebFaNum;
}

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

html {
  scroll-behavior: smooth;
}

img {
  width: 100%
}

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;
  min-height: 5.375rem !important;
  width: 100% !important;
}

address {
  font-style: normal;
}

:focus-visible {
  outline: 0;
}

::-webkit-scrollbar,
.zr-scroll-custom::-webkit-scrollbar {
  width: 5px !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;
}

.sp-font-ultra-large {
  font-size: 32px;
}

.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-color-main,
.zr-color-maincolor {
  color: var(--Mainprimary);
}

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

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

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

.zr-bg-pure-gray {
  background: var(--gray2);
}

/*Header */

.zr-header {
  height: var(--HeaderHeight);
  z-index: 3000;
  border-bottom: 1px solid var(--gray5);
  top: 0;
  left: 0;
  right: 0;
}

.zr-header-logo {
  max-width: var(--headerLogoWidth);
  object-fit: contain;
}

.zr-menu-item,
.zr-color-gray {
  color: var(--gray8);
}

.zr-menu-li:not(:hover) .zr-menu-icon-hover,
.zr-menu-li:hover .zr-menu-icon-main,
.zr-menu-dropdown {
  display: none;
}

.zr-menu-li:hover .zr-menu-item {
  color: var(--Mainprimary);
  font-weight: 700;
}

.zr-menu-item {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.zr-menu-dropdown {
  top: 100%;
  left: 0;
  width: 100%;
  height: 444px;
  right: 0;
  overflow: hidden;
}

.zr-menu-li:hover .zr-menu-dropdown {
  display: flex;
  border-bottom: 1px solid var(--gray5);
  z-index: 3;
}

.zr-menu-li:hover::before {
    content: "";
    position: absolute;
    width: 245px;
    height: 420px;
    right: 140px;
    z-index: 1;
    top: 87px;
}

.zr-menu-dropdown-link {
  color: var(--gray8);
}

.zr-menu-dropdown-link:hover {
  color: var(--MainBlack);
}


.zr-menu-dropdown-item {
  min-width: 200px;
  padding: 0.5rem;
}


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





/* Basket */

.zr-drop-down-basket {
  display: none;
  left: 0;
  right: auto;
  max-height: calc(100svh - var(--HeaderHeight) - 32px);
  min-width: 576px;
  top: calc(100% + 2rem);
  min-width: 480px;
  /* min-height: 790px; */
 min-height: calc(100svh - var(--HeaderHeight) - 32px);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  z-index: 500;
  background: var(--white);
  max-height: 776px;
}

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

.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.zr-active-search .zr-box-search-dropdown,
.zr-box-user.zr-active-user .zr-box-user-dropdown {
  display: flex;
}

.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: fit-content;
  left: 0;
  background: var(--gray2);
}

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



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

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

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

.zr-basket-item {
  background: var(--gray2);
  border: 1px solid var(--gray5);
}

.zr-cart-icon {
  background: var(--MainBlack);
}

/* Main */
.zr-wrapper {
  width: 90%;
  max-width: var(--WrapperSize);
  margin: auto;
}


/* Slider */

.zr-slider-section {
  /* height: calc(100vh - var(--HeaderHeight) - 1.5rem); */
}

.zr-zargar-box {
  margin-top: var(--HeaderHeight);
}

.zr-slider-overlay {
  bottom: 107px;
  transform: translateY(300%);
  transition: 0.5s;
}


:is(.zr-slide-active, .slick-active) .zr-slider-overlay {
  animation: 0.5s slideIn 0.2s forwards;
  transform: translateY(300%);
  opacity: 0;
}



@keyframes slideIn {
  from {
    transform: translateY(300%);
    opacity: 0;
  }

  to {
    transform: translateY(0%);
    opacity: 1;
  }
}

.zr-slider-title {
  color: var(--primary11);
}

.zr-btn-slider {
  background: var(--Mainprimary);
  color: var(--white);
  height: 38px;
  width: 212px;
}

.zr-btn-slider:hover,
.zr-btn-mainhover:hover {
  background: var(--secondary8);
  color: var(--MainBlack) !important;
}

.zr-btn-discount:hover {
  border-color: var(--Mainprimary);
  color: var(--Mainprimary);
}

.zr-imgslide,
.zr-slider-section .slick-slide>div {
  height: calc(100vh - var(--HeaderHeight) - 122px);
  max-height: calc(100vh - var(--HeaderHeight) - 122px);
  object-fit: cover;
  object-position: top;
}

.slick-dots {
  margin-block: auto;
  display: flex !important;
  justify-content: center;
  gap: 8px;
  direction: rtl;
}


.slick-arrow.slick-disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 1L6.29289 6.29289C6.62623 6.62623 6.79289 6.79289 6.79289 7C6.79289 7.20711 6.62623 7.37377 6.29289 7.70711L1 13' stroke='%23D1D1D1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  border-color: transparent;
}

.slick-arrow:not(.slick-disabled):hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 1L6.29289 6.29289C6.62623 6.62623 6.79289 6.79289 6.79289 7C6.79289 7.20711 6.62623 7.37377 6.29289 7.70711L1 13' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  border: 1px solid var(--gray8);
}


/* Category */


.zr-section-height {
  margin-block: 178px;
}


.zr-item-category {
  background: var(--gray2);
  /* width: 20%; */
  aspect-ratio: 268 / 303;
  min-width: 268px;
}

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

.zr-list-categroy {
  scroll-snap-type: x mandatory;
  overflow: auto;
}

.zr-item-category:hover {
  background: var(--third5);
}

.zr-item-category-img {
  /* height: 250px; */
  aspect-ratio: 252 / 249;
}



/* product */

.zr-item-product {
  border: 2px solid transparent;
  outline: 1px solid var(--gray7);
  /* background: var(--gray7); */
  padding: 1px;
  /* margin-left: 1rem; */
  margin-left: 15px;
  border-radius: 18px;
  aspect-ratio: 348/491;
}

.zr-item-product>a {
  background: var(--white);
  border-radius: 13px !important;
}

.zr-item-product:hover {
  border-color: var(--gray7);
}
.zr-image-wrapper-extra img{
  object-fit: cover;
}




/*.zr-image-wrapper-extra img:first-child {
  opacity: 1;
}

.zr-image-wrapper-extra img:last-child {
  opacity: 0;
}

.zr-item-product:hover img:first-child {
  opacity: 0;
}

.zr-item-product:hover img:last-child {
  opacity: 1;
} */

.zr-list-product {
  margin-left: -1rem;
  margin-right: -1rem;
}

.zr-item-product-img {
 /* height: 320px;*/
      aspect-ratio: 325 / 290;
    max-height: 290px;
}

.zr-item-product-overlay {
  bottom: 8px;
  right: 8px;
  z-index: 10;
}

.zr-product-link-item {
  background: var(--third8);
}


.zr-product-price {
  background: var(--gray2);
  border: 1px solid var(--gray3);
  margin-top: auto;
}

/*  slick */



.slick-list {
  width: 100%;
}

.slick-prev {
  order: 1;
}

.slick-dots {
  order: 2;
}

.slick-next {
  order: 3;
  transform: rotate(180deg);
}


.slick-arrow {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 1L6.29289 6.29289C6.62623 6.62623 6.79289 6.79289 6.79289 7C6.79289 7.20711 6.62623 7.37377 6.29289 7.70711L1 13' stroke='%23868686' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--gray2);
  border: 1px solid var(--gray5);
  color: #00000000;
}

.slick-dots button {
  opacity: 0;
  width: 0;
  height: 0;
}

.slick-dots li {
  border-radius: 50%;
  display: inline-block;
  background: var(--secondgrey);
}

.zr-slider-dot,
.slick-dots li {
  width: 5px;
  height: 5px;
  min-width: 5px;
  cursor: pointer;
}


.zr-slider-selected,
.slick-dots li.slick-active {
  width: 24px;
  background: var(--Mainprimary);
  border-radius: 2rem;
}


/*  Count */
.zr-section-count {
  margin-block: 92px;
  overflow-x: clip;

}

.zr-section-count-parent,
.zr-double-circle,
.zr-section-circle {
  overflow-x: clip;
}

.zr-lines {
  width: 1325px;
  margin-inline: auto;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.zr-line-img-top {
  margin: 32px 57px 0 154px;
  width: var(--line-img-topwidth);
  height: var(--line-img-topwidth);
}

.zr-line-text {
  margin: 154px 0 247px;
}

.zr-line-img-bottom {
  margin: auto 64px 5px 58px;
  width: var(--line-img-bottomwidth);
  height: var(--line-img-bottomwidth);
}

.zr-line-percent {
  font-size: 60px;
  line-height: 84px;
}

.zr-section-count::after {
  content: '';
  position: absolute;
  width: 1193px;
  height: 1193px;
  background: var(--secondary6);
  filter: blur(250px);
  z-index: -1;
  top: -43px;
  left: -634px;
  border-radius: 50%;
  bottom: -350px;

}

.zr-section-count::before {
  content: '';
  position: absolute;
  width: 1193px;
  height: 1193px;
  background: var(--third5);
  filter: blur(250px);
  z-index: -1;
  top: -312px;
  right: -441px;
  border-radius: 50%;
  bottom: -64px;
}


.zr-section-circle::before {
  content: '';
  position: absolute;
  width: 1193px;
  height: 1193px;
  background: var(--secondary6);
  filter: blur(250px);
  z-index: -1;
  top: 267px;
  right: 50%;
  transform: translateX(50%);
  border-radius: 50%;
}

.zr-double-circle {
  background: var(--third4);
  padding: 107px 0;
}


.zr-circle-right {
  width: 295.563px;
  height: 591.126px;
  right: -146px;
  transform: rotate(-150deg);
  top: 90px;
  /* transform: rotate(192deg); */
}

.zr-circle-left {
  left: -146px;
  top: -173px;
  width: 295.563px;
  height: 591.126px;
  transform: rotate(30deg);
  /* rotate: 14deg; */
}

.zr-box-timer {
  /* width: calc(25% - 12px); */
  margin-bottom: 6.75rem;
  max-height: 460px;
  aspect-ratio: 347 / 460;
}

.zr-line-double-circle {
  width: 1456px;
  z-index: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.zr-box-timer::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #0000001a 0%, #00000080 100%);
}

.zr-double-circle .zr-item-product {
  width: 33.33%;
}

.zr-box-timer-overlay {
  z-index: 1;
  top: 0;
}

.zr-btn-showmore {
  width: 142px;
}


.zr-time-box {
  width: 40px;
  height: 40px;
}


.zr-item-product-discount {
  top: 0;
  left: 0;
}

.zr-discount-item {
  color: #7A0B1B;
  width: 42px;
  height: 42px;
  border-bottom-right-radius: 0.5rem;
}

.zr-item-product-discount {
  background-color: #000000CC;
  width: 170px;
  height: 42px;
  border-bottom-right-radius: 1rem;
}


.zr-list-discount-product {
  width: calc(75% + 0.75rem);
  margin-left: -1rem;
}

.zr-list-discount-product .slick-track,
.zr-list-product .slick-track {
  padding: 1px 1px 1px 0;
}

.zr-section-gift {
  margin: 98px auto 64px;
}


.zr-item-banner {
  width: 349px;
  /* height: 349px; */
}

.zr-section-gift,
.zr-section-banner {
  overflow-x: clip;
}

.zr-section-gift::before {
  content: '';
  position: absolute;
  width: 1193px;
  height: 1193px;
  border-radius: 1193px;
  background: var(--secondary5);
  top: -309px;
  left: -142px;
  filter: blur(250px);
  z-index: -1;
}

.zr-section-banner::before {
  content: '';
  position: absolute;
  width: 1193px;
  height: 1193px;
  border-radius: 1193px;
  background: var(--third6);
  filter: blur(250px);
  z-index: -1;
  top: 166px;
  left: 810px;
}

.zr-section-banner {
  margin-bottom: 198px;
}

.zr-section-banner img {
  object-fit: cover;
}

.zr-section-slider-img {
  border: 1px solid var(--secondary7);
  background: var(--secondary4);
  margin-bottom: 58px;
}

.zr-slider-img {
  margin-left: -0.5rem;
}

.zr-slider-img-item {
  /* height: 474px; */
  aspect-ratio: 267 / 474;
  margin-left: 0.5rem;
}

.zr-slider-blog {
  margin-left: -1.5rem;
}

.zr-slider-blog-item {
  margin-left: 1.5rem;
}

.zr-slider-blog-box {
  background: var(--gray2);
  border: 1px solid transparent;
  direction: rtl;
}

.zr-slider-blog-box:hover {
  border-color: var(--gray8);
}

.zr-slider-blog-img {
  max-width: var(--widthslider-blog-img);
  max-height: var(--widthslider-blog-img);
  aspect-ratio: 150 / 150;
}

.zr-slider-blog-circle {
  overflow-x: clip;
}

.zr-slider-blog-circle::before {
  content: '';
  position: absolute;
  border-radius: 696px;
  background: var(--secondary6);
  filter: blur(250px);
  width: 696px;
  height: 696px;
  top: -35px;
  right: 596px;
  z-index: -1;
}


.zr-btn-showall {
  min-width: 142px;
  justify-content: center;
}

.zr-btn-showall::before {
  height: 4px;
  width: 0;
  bottom: 0;
  left: 0;
  content: '';
  position: absolute;
  transition: 0.5s;
  background: var(--Mainprimary);
}

.zr-btn-showall:hover::before {
  width: 100%;
}

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

.product-s-img {
  width: var(--imgwidth);
  height: var(--imgwidth);
}

.selected-pic {
  --imgwidth: var(--imgBigwidth);
  border: 2px solid;
  padding: 0.5rem;
  border-radius: 1rem;
}

.product-detail-img {
  height: var(--DetailImgWidth);
}

.product-detail-img {
  justify-content: center;
  position: sticky;
  top: var(--HeaderHeight);
}

.zr-box-description {
  background: var(--secondary3);
}



.sp-drop-parent {
  border: 1px solid var(--gray5);
  width: 332px !important;
  height: 46px;
  display: flex;
    align-items: center;
    padding-inline: 1rem;
  width: 330px !important;
    min-width: 330px !important;
}


.sp-drop-button:after {
  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");
  border: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

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

.sp-drop-parent-show .sp-drop-button {
  border-radius: 1rem 1rem 0 0 !important;
 /* border: 1px solid var(--gray5) !important; */
}
.sp-drop-parent-show .sp-drop-button .zr-gray{
  color: #868686 !important;

}

.sp-drop-parent-show {
  width: 330px !important;
    min-width: 330px !important;
  border: 0;
  border: 1px solid var(--gray5);
  border-radius: 1rem 1rem 0rem 0rem !important;
}

.sp-drop-items {
  --line: var(--gray5);
  width: calc(100% + 0px) !important;
  max-width: calc(100% + 0px) !important;
     left: -17px;
    top: 35px;
  padding: 0.75rem;
  display: none;
      width: 330px !important;
    max-width: 330px !important;
}

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

.sp-drop-items li:last-child {
  margin-bottom: 0 !important;
}

.sp-drop-item-hover:hover {
  background-color: #F6F6F6 !important;
  color: #000 !important;
}

.zr-breadcrumb,
.zr-color-lightgray {
  color: var(--gray5);
}

.zr-breadcrumb-current {
  color: var(--gray9);
}

.zr-fav-btn {
  border: 1px solid var(--secondary8);
  width: 181px;
  height: 40px;
}


.zr-spec-button {
  width: 332px;
}

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

.zr-spec-item:nth-child(2n+1) {
  background: var(--white);

}

tr:last-child {
  border-width: 0;
}

.sp-icon {
  max-width: 24px !important;
  max-height: 24px;
}


.zr-comment:not(:last-of-type) {
  border-bottom: 1px solid var(--line);
}

.zr-reply::before {
  content: '';
  width: 44px;
  height: 44px;
  border-bottom-right-radius: 10px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  margin-right: 1rem;
  margin-top: -22px;
}

.zr-btn-show {
  border-bottom: 2px solid;
}

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

.zr-form-comment {
  height: 44px;
}

.zr-form-comment-textarea {
  height: 54px;
}

:is(.zr-form-comment, .zr-form-comment-textarea):hover {
  border-color: var(--gray8);
}

:is(.zr-form-comment, .zr-form-comment-textarea):is(:focus, :focus-within) {
  border-color: var(--MainBlack);
}


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

.zr-btn-send {
  width: 180px;
  height: 45px;
}

.item-selected:not(:only-child),
.sp-drop-item:hover,
.sp-drop-active {
  background-color: var(--Mainprimary);
  color: var(--white);
  border-color: var(--white);

  
}

/*  */

.zr-item-product-save {
  width: 38px;
  height: 38px;
  right: 8px;
  top: 8px;
}

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




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

.P-range svg,
.P-range input[type=range] {
  position: absolute;
  left: 0;
  bottom: 5px;
  background: var(--white);
  box-shadow: none;
  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(--white);
}

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

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

}

.P-range input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: var(--white);
  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(--white);
  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(--white);
  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: var(--gray8);
  width: 100%;
  top: 7px;
}

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

.sp-f-check:before {
  position: absolute;
  content: '';
  z-index: 1;
  border-radius: 4px;
  height: calc(var(--checkboxheight) + 0px);
  width: calc(var(--checkboxheight) + 0px);
  border: 1.5px solid var(--MainBlack);
  background-color: transparent !important;
  border-radius: 6px;
  top: 2px;
  left: 0;
}

.sp-f-check:checked:before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0576 0.75L12.6133 0.75293C14.0843 0.761384 15.304 0.795242 16.3115 0.930664C17.6882 1.11575 18.7805 1.50313 19.6387 2.36133C20.4969 3.21953 20.8842 4.31182 21.0693 5.68848C21.2499 7.03173 21.25 8.75214 21.25 10.9424V11.0576C21.25 13.2479 21.2499 14.9683 21.0693 16.3115C20.8842 17.6882 20.4969 18.7805 19.6387 19.6387C18.7805 20.4969 17.6882 20.8842 16.3115 21.0693C14.9683 21.2499 13.2479 21.25 11.0576 21.25H10.9424C8.75212 21.25 7.03174 21.2499 5.68848 21.0693C4.31182 20.8842 3.21953 20.4969 2.36133 19.6387C1.50313 18.7805 1.11575 17.6882 0.930664 16.3115C0.795242 15.304 0.761384 14.0843 0.75293 12.6133L0.75 11.0576V10.9424C0.749987 8.75213 0.750117 7.03174 0.930664 5.68848C1.11575 4.31182 1.50313 3.21953 2.36133 2.36133C3.21953 1.50313 4.31182 1.11575 5.68848 0.930664C6.69601 0.795242 7.91571 0.761384 9.38672 0.75293L10.9424 0.75H11.0576ZM15.8779 7.02051C15.6129 6.53595 15.0051 6.35807 14.5205 6.62305C12.692 7.62303 11.1798 9.55262 10.1631 11.1094C9.78735 11.6847 9.46583 12.23 9.20898 12.6914C8.96946 12.459 8.73269 12.2566 8.52051 12.0889C8.24286 11.8694 7.99272 11.6965 7.81055 11.5771L7.49512 11.3818C7.01542 11.1084 6.40542 11.2753 6.13184 11.7549C5.85829 12.2345 6.0254 12.8454 6.50488 13.1191L6.71484 13.25C6.85766 13.3436 7.05796 13.4824 7.28027 13.6582C7.73776 14.0199 8.23134 14.4943 8.54199 15.0137C8.73266 15.3323 9.08429 15.5194 9.45508 15.499C9.82586 15.4786 10.1551 15.2537 10.3096 14.916L10.4082 14.7109C10.4759 14.5725 10.577 14.3695 10.709 14.1201C10.9735 13.6204 11.3586 12.9371 11.8379 12.2031C12.8212 10.6975 14.1092 9.12784 15.4805 8.37793C15.9648 8.11292 16.1427 7.50495 15.8779 7.02051Z' fill='%23B87354'/%3E%3C/svg%3E%0A");
  height: calc(var(--checkboxheight) + 2px);
  width: calc(var(--checkboxheight) + 2px);
  border: none;
  top: 1px;
  left: -1px;
  transform: none;

}


.zr-parent-slide {
  display: none;
  border-top: 1px solid var(--line);
}

.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(--Purewhite);
  -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-sort-dropdown {
  display: none;
}

.zr-productlist-rightside {
  flex: 24.31% 0 0;
  position: sticky;
  top: 153px;
  min-width: 232px;
  margin-bottom: 2rem;
  max-height: calc(100vh - 153px);
  display: flex !important ;
}

.zr-productlist-leftside {
/*  width: calc(100% - 24.31% - 2rem);*/
}

.zr-productlist-leftside .zr-item-product {
 /* width: calc(33.33% - (2rem / 3));*/
  margin-left: 0;

}

.zr-rotate {
  rotate: 180deg;
}

.nowrap {
  white-space: nowrap;
  flex-wrap: nowrap;
  min-width: fit-content;
}

.zr-item-filter {
  border: 1px solid var(--Mainprimary);
  background: var(--gray2);
  gap: 8px;
}

.zr-item-filter img {
  width: 12px;
  height: 12 px;
}

.zr-sort-list {
  width: 400px;
  display: flex ;
}

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

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

.zr-btn-res-parent,
.zr-res-fav {
  display: none;
}

.zr-sort-title{
  min-height:36px;
}
.zr-sort-active .zr-sort-title {
  background: var(--gray2);
}

.zr-sort-active .zr-sort-value {
  background: transparent;
}

.zr-item-orderby:hover {
  background: var(--gray2);
}

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

.zr-paging-selected {
  width: 30px;
  height: 30px;
  background: var(--Mainprimary);
  color: var(--white);
  font-weight: 400;
}

.zr-fav-btn:hover .zr-save-main,
.zr-fav-btn:not(:hover) .zr-save-hover {
  display: none;
}

.zr-fav-btn:hover {
  border-color: var(--line);
  color: var(--Mainprimary);
}

.zr-fav-filled-btn {
  background: var(--secondary8);
  border: 1px solid transparent;
  width: 182px;
  height: 40px;
}

.zr-fav-filled-btn:hover {
  background: transparent;
  border: 1px solid var(--secondary8);
}

.zr-link-discount:hover,
.zr-btn-show:hover {
  /* border-color: var(--gray9); */
  color: var(--gray9);
  border-bottom:2px solid transparent;
  transition: border-bottom 0.1s ease;
}

.zr-nav-res,
.zr-nav-res-menu,
.zr-res-btn-showall,
.zr-menu-res-dropdown,
.zr-search-res {
  display: none;
}

.zr-btn-cancel {
  background: var(--gray4);
}

/* Footer */

.zr-footer {
  background: linear-gradient(180deg, #F1E3D5 0%, #f1e3d500 100%);
  border: 1px solid var(--gray5);
}

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

.zr-footer-link-parent {
  max-height: 124px;
}

.zr-footer-link {
  height: calc(25% - 8*3/4);
}



/* Mitra */

/* ---------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-6-5);
}


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

/* ------------global class-------------- */
.zr-blurred-corners {
  position: relative;
  z-index: 0;
  overflow: hidden;
  /* margin-top: 7.5rem; */

}

.zr-blurred-corners::before,
.zr-blurred-corners::after {
  content: "";
  position: absolute;
  width: 1193px;
  height: 1193px;
  border-radius: 50%;
  background: #E2C7BB;
  filter: blur(500px);
  z-index: -1;
}

.zr-blurred-corners::before {
  top: -384px;
  left: -838px;
}

.zr-blurred-corners::after {
  top: 108px;
  right: -1030px;
}

/*---------contact us background----------- */
.zr-blurred-corners-contact-us {
  position: relative;
  z-index: 0;
  overflow-x: clip;
}

.zr-blurred-corners-overlay {
  position: relative;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.zr-blurred-corners-overlay::before,
.zr-blurred-corners-overlay::after {
  content: "";
  position: absolute;
  width: 1193px;
  height: 1193px;
  border-radius: 50%;
  background: #E2C7BB;
  filter: blur(500px);
  z-index: -1;
}

.zr-blurred-corners-overlay::before {
  top: -384px;
  left: -838px;
}

.zr-blurred-corners-overlay::after {
  top: 108px;
  right: -1030px;
}

/*--------- end contact us background----------- */
/*--------- blogs details background----------- */
.zr-blurred-corners-blogs-details {
  position: relative;
  z-index: 0;
  overflow-x: clip;
  padding-top: 0.5px;
}

.zr-blurred-corners-overlay-blogs-details {
  position: relative;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.zr-circle {
  position: absolute;
  width: 1193px;
  height: 1193px;
  border-radius: 50%;
  background: #E2C7BB;
  filter: blur(500px);
  z-index: -1;
}

.zr-circle.zr-circle-1 {
  top: -384px;
  left: -838px;
}

.zr-circle.zr-circle-2 {
  top: 108px;
  right: -1030px;
}

.zr-circle.zr-circle-3 {
  top: 1510px;
  right: -1030px;
}



/*--------- end blogs details background----------- */

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

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

.zr-pt-1 {
  padding-top: 3.125rem;
}

.zr-row {
  flex-direction: row;
}

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

.zr-line-hight-2 {
  line-height: 200%;
}

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

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

.zr-index-1 {
  z-index: 1;
}

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

.zr-pblock-10 {
  padding-block: 0.625rem;
}

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

/****************ABOUT US CSS***************/


/* -----------------first section about us--------------------- */
.zr-about-us-slider-images {
  display: none !important;
}

.zr-section-1-layout {
  width: 354px;
  height: 235px;
  max-width: 354px;
  max-height: 235px;
}

.zr-section-2-layout-itmes {
  width: 260px;
  height: 235px;
  max-height:235px;
  max-width: 260px;

}
.zr-section-1-layout img{
  object-fit: cover;
  border-radius: 2rem;
  height: 100%;
  width: 100%;
}
.zr-section-2-layout-itmes img{
  object-fit: cover;
  border-radius: 2rem;
  height: 100%;
  width: 100%;
}
.zr-section-middle-layout img{
  object-fit: cover;
  border-radius: 2rem;
  height: 100%;
  width: 100%;
}

.zr-section-middle-layout {
  width: 261px;
  height: 497px;
  max-width: 261px;
  max-height: 497px;
}

/* -----------------second section about us--------------------- */
.zr-pearl-story {
  background: url('../Images/about-us-section-2-2.svg') no-repeat;
  background-size: contain;
  max-width: 1054px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 8rem;
  text-align: right;
  gap: 2.5625rem;
  position: relative;
  z-index: 1;
}

.zr-about-us-story-banner {
  margin-left: -70px;
  position: relative;
  z-index: 2;
  border-radius: 2rem;
    
}
.zr-about-us-story-banner img{

     width: 597px;
    height: 628px;
    max-width: 597px;
    max-height: 628px; 
}

/* -----------------third section about us--------------------- */
.zr-comment-slider .slick-list {
  overflow: visible;
}

#zr-custom-dots {
  margin-top: 10px;
  margin-right: 0;
  /* text-align: center; */
  width: auto;
  max-width: 100px;
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
}

#zr-custom-dots ul {
  margin-right: 0px !important;
}

.zr-comment-slider {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 897px;
}

/* #zr-custom-dots .slick-dots li{
width: 10px;
height: 10px;
} */


.zr-comment-sec-2 {
  padding-right: 59px;
}

.zr-pb-comment {
  padding-block: 6.25rem;
}

.zr-comment-sec-1 {
  /* padding-right: 242px; */
  padding-top: 1.5625rem;

}

.zr-about-us-slide {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  gap: 6.0625rem;
}

.zr-comments-bg {
  position: relative;
  overflow-x: clip;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 194px;
  /*padding-top: 176px;*/
  gap: 97px;
  flex-direction: row-reverse;
}
.zr-desc-pb{
  padding-bottom: 66px;
}

.zr-comments-bg::before {
  content: "";
  position: absolute;
  width: 1193px;
  height: 1193px;
  background: #EFEFED;
  filter: blur(500px);
  bottom: -613px;
  left: 20%;
  z-index: -1;
}

.zr-third-section-about-us {
  /* padding-left: 9.580rem; */
  padding-top: 4.625rem;
  padding-bottom: 4.6875rem;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  /* gap: 6.0625rem; */
}

.zr-arrow-layout {
  display: block;
  padding-top: 5.375rem;
  height: 150px;
  width: 154px;
}

.zr-arrow-layout-responsive {
  display: none;
}

.zr-third-section-about-us .zr-curved-arrow {
  transform: rotate(-0.34deg);
}

.zr-comment-box-top {
  max-width: 788px;
  border-radius: 32px;
  background-color: var(--secondary1);
  padding-inline: 1rem;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  z-index: 1;
  position: relative;
  /* margin-left: -79px; */
  margin-right: 2.6875rem;
  align-items: flex-start;
  max-height: 201px;
  min-height: 201px;
  min-width: 788px;
  max-width: 788px;
  box-shadow: 0px 20px 100px 0px #0000001A;

  /* overflow: auto; */
}

.zr-comment-box-top div {
  width: 100%;
}

.zr-comment-box-bottom {
  max-width: 788px;
  border-radius: 32px;
  background-color: var(--gray2);
  padding-inline: 1rem;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  z-index: 0;
  z-index: 0;
  margin-top: -4.875rem;
  margin-right: -2.3125rem;
  align-items: flex-start;
  max-height: 201px;
  min-height: 201px;
  min-width: 788px;
  max-width: 788px;
  /* overflow: auto; */
}

.zr-detail-text {
  color: var(--gray15);
}

.zr-quote {
  width: 40px !important;
  margin-right: auto;
  margin-top: auto;
  padding-bottom: 0.5rem;
}



/*************CONTACT US CSS:**************/

/* call info */
.zr-sec-1 {
  margin-top: 1.125rem;
  padding-bottom: 4rem;
  margin: auto;
  /* padding-inline: 11.25rem; */
  max-width: 1570px;
  padding-top: 1.125rem;
}

.zr-content-wrapper {
  position: relative;
  z-index: 1;
}

.zr-iframe-wrapper {
  position: sticky;
  top: calc(32px + var(--HeaderHeight));
  /* top: 32px; */
  z-index: 2;
  width: 597px;
  height: 628px;
  margin-left: -6rem;
  margin-top: 3.625rem;
}

.zr-iframe {
  border-radius: 32px;
  border: none;
  /* position: relative; */
  z-index: 2;
  width: 100%;
  height: 100%;
}

.zr-contact-us-info-bg {
  background: url('../Images/contact-us-bg-desc.svg') no-repeat;
  /* padding-top: 10.9375rem;
  padding-bottom: 12.9375rem; */
  position: relative;
  z-index: 1;
  width: 1054px;
  height: 529px;
  background-position: 100% 100%;
  background-size: contain;
}

.zr-article-layout-contact-us {
  padding-right: 118px;
}

.zr-social-media-position {
  margin-top: -8rem;
  margin-right: 3.9375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}


.zr-social-media-box-layout {
  width: 299px;
  background-color: var(--secondary4);
  border: 7px solid var(--MainWhite);
  border-radius: 2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  margin-left: -0.3125rem;
  justify-content: flex-start;
}

.zr-contact-us-title {
  padding-right: 5.1875rem;
}

.zr-email-telephone-layout {
  padding-block: 2.5rem;
}

/* massage box */

.zr-massage-box-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1rem;
  width: 600px;
  border-radius: 1rem;
  background-color: var(--gray2);
  /* margin-bottom: 4rem; */
  /* margin-left: 363px; */
}

.zr-massage-box-layout div {
  width: 100%;
}

.zr-contact-us-input {
  background-color: var(--third1);
  border: 1px solid var(--gray5);
  border-radius: 2rem;
  width: 100%;
  height: var(--gap10);
  padding-right: 1rem;
}

.zr-contact-us-input.textarea {
  padding-right: 1rem;
  padding-top: 1rem;
  border-radius: 1rem !important;
}

.zr-contact-us-input.textarea::placeholder {
  color: var(--gray8);
}

.zr-contact-us-input.textarea:-ms-input-placeholder {
  color: var(--gray8);
}

.zr-contact-us-input.textarea::-ms-input-placeholder {
  color: var(--gray8);
}

.zr-contact-us-input.textarea::-webkit-input-placeholder {
  color: var(--gray8);
}


.zr-send-massage-btn {
  background-color: var(--Mainprimary);
  border-radius: 7.4375rem;
  padding: 0.5625rem 7.125rem;
  color: var(--third1);
}

.zr-send-massage-btn:hover {
  background-color: var(--secondary8);
  color: var(--MainBlack);
}

/* .zr-f {
flex: 1;
} */

/***********BLOG LIST CSS*********/
.zr-blog-banner {
  display: block;
  max-height: 492px;
  object-fit: cover;
  border-radius:1rem;

}

.zr-blog-banner-responsive {
  display: none !important;
}

.zr-blog-list-slider {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* width: 100%; */
  /* max-width: 1440px; */
  /* margin: auto; */
}

.zr-blog-pages-top {
  margin-top: 1.8125rem !important;
}


.zr-blog-list-slide {
  width: 100%;
  max-width: var(--WrapperSize);
  margin: auto;
}

.zr-blog-btn {
  border-radius: 7.4375rem;
  color: var(--third1);
  background-color: var(--Mainprimary);
  padding: 0.5rem 2rem;
}

.zr-blog-btn:hover {
  color: var(--MainBlack);
  background-color: var(--secondary8);
}

.zr-last-blogs-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: var(--WrapperSize);
  margin: auto;
  width: 90%;
}

.zr-pt-last-blog {
  padding-block: 2rem;
  z-index: 1000;
  position: relative;
}

/* page number */

.zr-page-number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap2-5);
  padding-block: 0.625rem;
  direction: rtl;
}

.zr-num {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 3px 10.25px;
}

.zr-num-select {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: var(--Mainprimary);
  color: var(--third1);
  border-radius: 8px;
  padding: 3px 10.25px;
}

.zr-num:hover {
  background-color: var(--third1);
  color: var(--MainBlack);
  border-radius: 4px;
}

.zr-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.375rem 0.5625rem;
}

.zr-arrow-size {
  width: 24px;
  height: 24px;
}

.zr-arrow img {
  height: 12px;
}

/************BLOG DETAILS***********/
.zr-desc-container {
  max-width: 800px;
  margin: auto;
}

/* responsive menu mitra */
.zr-full-auto {
  width: auto;
}

.zr-full-width {
  width: 100% !important;
}

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

.zr-flex-display {
  display: flex !important;
}

.zr-search-res {
  width: 100%;
  gap: 1rem;
}

.zr-search-input-style {
  display: flex;
  flex-direction: row;
  width: 100%;
  border: 1px solid var(--gray5);
  border-radius: 2rem;
  padding: 5px;
  align-items: center;
  justify-content: flex-start;
  padding-right: 1rem;
  padding-block: 0.5rem;
  gap: 0.625rem;
}

.zr-search-input-style div {
  border-right: 1px solid var(--gray8);
  height: 17px;
}

.zr-menu-res-dropdown {
  width: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  position: fixed;
  z-index: 10;
  top: 43px;
}

.zr-scroll-sub-menu {
  background-attachment: fixed;
  overflow-y: auto;
  height: 90vh;
  /* padding-bottom: 1rem; */
  /* overflow-x: hidden; */

}

.zr-back-icon {
  width: 9px;
}

.zr-sub-menu-title-box {
  display: flex;
  flex-direction: row;
  padding-inline: 22px;
  padding-block: 19px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  direction: rtl;
  border-bottom: 1px solid var(--gray5);
  position: sticky;
}

.zr-sub-menu-title-box-title {
  color: var(--Mainprimary);
  flex: 1;
  text-align: center;
  order: 2;
}

.zr-sub-menu-title-box-img {
  order: 1;
}

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

/* -------------------product list------------------- */


.zr-image-wrapper-extra {
  position: relative;
  display: inline-block;
  aspect-ratio: 325 / 290;
  max-height: 290px !important;
}

.zr-image-wrapper-extra img {
   aspect-ratio: 325 / 290;
  max-height: 290px !important;
  position: unset !important;
  top: 0;
  left: 0;
}



/* rewrite code */

.zr-main-productlist-extra {
  display: grid !important;
  /* grid-template-columns: repeat(3, 1fr); */
  grid-template-columns: repeat(3, minmax(0, 1fr));
      max-width: 1058px !important;
}

.zr-item-product-extra {
  aspect-ratio: 336 / 478 !important;
  width: 100% !important;
  max-width: 336px !important
}

.zr-product-count-responsive {
  display: none;
  /* display: flex; */
  align-items: center;
}

.zr-product-count {
  display: block;
}

.zr-filter-page-container {
  display: none;
}

.zr-opend-filter-box-title {
  direction: rtl;
  width: 100%;
  justify-content: space-between;
  padding: 17px 20px;
  border-bottom: 1px solid var(--gray5);
}

.zr-center-filter-item {
  order: 2;
  flex: 1;
  text-align: center;
}

.zr-right-filter-item {
  order: 1;
}

.zr-responsive-bg {
  background-color: var(--gray2);
}

.zr-responsive-filter-layout {
  display: none;
}

.zr-filter-display {
  display: none;
}




/* -------------------edit 1------------------- */
.zr-basket-icon-hover-rewrite:hover .zr-badge-count {
  background-color: var(--primary6);
}

.zr-sub-menu-layout-rewrite {
  max-height: 360px;
}

.zr-slider-section .slick-list {
  max-height: fit-content;
}

.zr-disc-layout {
  min-height: 580px;
}

.zr-hero-section-layout {
  max-width: 1920px;
  margin-inline: auto;
}

.zr-wide-wrapper {
  max-width: 1920px;
  margin-inline: auto;
  width: 100%;
}

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

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

.zr-total-price-txt-gap {
  gap: 0.15rem;
}

.zr-scrollable-list {
  max-width: 1058px !important;
  /* display: flex; */
  /* overflow-x: auto; */
  /* cursor: grab; */
  /* user-select: none; */
  /* scroll-behavior: smooth;  */
  /* max-width:100px; */
  /* scrollbar-width: none; */

}

/* .zr-scrollable-list:active {
cursor: grabbing;
} */

/* ----------------------------- */
.horizontal-scroll {
  /* max-width:101px; */
  /* overflow-x: auto; */
  /* min-width: 120px; */
  max-height: var(--heightImg);
  /* scrollbar-width: none; */

  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.horizontal-scroll::-webkit-scrollbar {
  display: none;
}

/* فیلتر دسته بندی */
.zr-cat-container {
  max-height: 220px;
  overflow-y: auto;
  margin-block: 0.5rem;
  width: 100%;
  padding-right: 1rem;
}

.zr-parent-cat {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.zr-child-cat {
  padding-right: 2rem;
  margin-bottom: 2rem;
}

.zr-child-cat ul {
  border-right: 1px solid #C2C2C2;
  padding-right: 1rem;
  overflow: auto;
}

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

.zr-sub-cat {
  padding-block: 5px;
  padding-inline: 0.5rem;
}

.child-1 {
  display: none;
}

.child-2 {
  display: none;
}

.child-3 {
  display: none;
}
.zr-pdt-5{
  padding-top: 5px;
}
/********/
.zr-gray {
  color: var(--gray8);
}
.zr-blck{
  color: var(--MainBlack);
}
#zr-content {
  display: none;
}
/* ----------- */
.product-l-img{
  aspect-ratio: 572/572;
}
.product-l-img img{
  aspect-ratio: 572 / 572;
  /* border-radius: 0.90rem !important; */
  object-fit: cover;
}

/*  */
.zr-menu-res-li{
  width: 100%;
}
.zr-menu-res-li a{
  width:100%
}
.zr-list-product.slick-list {
  padding-right: 1rem;
}
.zr-item-product-ios:nth-child(1){
  margin-right: 0px !important;
}


/* SHARE LINK */


.sp-dialog {
  background: #F7F7F7;
  padding: 0.75rem;
  border-radius: 2rem;
  box-shadow: none;
}

.zr-social-box {
  width: 84px;
  height: 84px;
  background: #F8F8F8;
}

.zr-box-link {
  background: #F6F6F6;
}

.zr-main-link {
  white-space: nowrap;
  color: var(--Mainprimary);
}

.sp-dialog-overlay {
  background: #00000080;
  z-index: 30500 !important;

}

.sp-dialog-button {
  display: none;
}

.sp-icon {

  width: 24px;
}

.sp-dialog-main {
  display: flex;
  flex-direction: column;
  padding: 0px;
  margin: 0px;
  height: 100%;
  background-color: transparent;
}

.zr-color-black {
  color: var(--gray12);
}

.zr-rotate-img{
  rotate: 360deg;
}

.line-title-desc h4 p{
  text-align: justify !important;
}
.zr-align-just{
  text-align: justify !important;
}
.zr-blog-img-slider-frame{
  max-height: fit-content !important; 
}
.zr-blog-img-slider-frame img{
  max-height: 492px !important;
  object-fit:cover;
  border-radius:1rem;
  height: 490px;
}
.zr-blog-see-detail-gap{
  gap:5px;
}
.zr-midd-img-blog img{
  border-radius:1rem;
  border-radius: 1rem;
  aspect-ratio: 800 / 486;
  max-height:486px;
  object-fit: cover;
}

.rewrite-light-box-layout {
  border-radius: 2rem !important; 
      aspect-ratio: 778 / 778;
    max-height: fit-content;
}
.zr-child-img-layout{
  border-radius: 1rem !important; 
}

.rewrite-obj-fit{
  object-fit: cover;
}

.zr-btn-mainhover{
  padding-inline: 1rem;
}
.zr-user-hover{
  display : none !important; 
}
.zr-user-unhover{
  display: flex !important;
}

.zr-user-hover-style:hover .zr-user-unhover{
  display:none !important; 
}
.zr-user-hover-style:hover .zr-user-hover{
  display:flex !important; 
  color: #6B6B6B;
}
.zr-user-hover-style:hover .zr-user-txt{

  color: #6B6B6B;
}

.zr-product-desc{
  max-width:50%;
}
.none-bg{
  background : transparent !important;
}

.zr-re-flex-1{
  flex:1; 
}

.ReferenceCode-desktop{
  display: flex !important; 
}
.ReferenceCode-responsive{
  display: none !important; 
}

.P-range {
    min-height: 20px;
    margin-block: 0.75rem;
    transform: rotate(180deg);
}
.zr-filr-title-res{
 display: block; 
}

.zr-opend-filter-box-title{
 display:none !important; 
}
.zr-lable-res{
 display: none !important; 
}

.sort-title-box-res{
   display: none; 
  }

.zr-apply-filter-container {
 display:none; 
  
}

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

.zr-drop-dn-layout{
justify-content: space-between !important;
}
.share-container{
 gap: 0.5rem; 
  display: block;
  cursor: pointer;
}
.share-icon-style{
width:24px;
  height:24px;
}

.active-page-number{
     width: 30px;
    height: 30px;
    background: var(--Mainprimary);
    color: var(--white);
    font-weight: 400; 
  border-radius: 4px;
}


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

.ios-layout:nth-child(1){
  margin-right: 0rem !important;
}
.ios-layout:last-child(){
  margin-right: 0rem !important;
}


.share-icon-pro-detail{
  border: 1.5px solid #E7D1B9;
  border-radius: 8px;
  padding: 8px;
  cursor: pointer;
}
.zr-icons-container{
 gap: 10px; 
}


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


.share-icon-pro-detail img:nth-child(1){
  display: flex !important;
  object-fit: contain;
  width : 24px;
  max-width: 24px;
  height: 24px;
  max-height: 24px;
}

.share-icon-pro-detail img:nth-child(2){
  display: none !important;
  object-fit: contain;
   width : 24px;
  max-width: 24px;
  min-width: 20px !important;
  height: 24px;
  max-height: 24px;
  
}
.share-icon-pro-detail:hover img:nth-child(1){
  display: none !important;
}

.share-icon-pro-detail:hover img:nth-child(2){
  display: flex !important;
}

.share-icon-pro-detail:hover{
     border-color: var(--line); 
}

.zr-list-discount-product .slick-next, .zr-list-discount-product .slick-prev {
 margin-top: 6px; 
}

.zw-account {
    margin-top: 9rem !important;
}
.zw-cart-main{
     margin-top: 9rem !important; 
}
.sp-login{
margin-top: 9rem !important;
}
.zr-shortmsg-parent.zr-correctbox-parent{
 z-index: 50000 !important;  
}

.finger-img-gallery img{
  object-fit: cover;
}
.sp-drop-items li{
 padding-block :0.5rem !important; 
}

.lable-width{
 max-width:1058px !important; 
}

.zw-login-main{
   margin-block: 2rem !important;  
   flex-direction: row-reverse !important;
   margin-top: 10rem !important;
}
input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active{
    background-color: #B87354 !important;
}

.zr-item-hasfilter{
     width: 10px !important;
    height: 10px !important;
    background: var(--Mainprimary) !important; 
      display: none;
}

.zr-hasfilter .zr-item-hasfilter {
    display: flex;
}
.hide-nav-res{
 display : none ; 
}
.basket_counter{ 
  width: 20px;
  height: 20px;
}

.zr-user-item{
 background: var(--gray2) !important; 
}

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

.icon-detail img{
 display: none !important; 
}

.selected-pic div{
height: 100% !important;
}

.selected-pic div>img{
height: 100% !important;
  object-fit: cover !important;
}
.zr-menu-dropdown-list-res{
 max-height: fit-content !important; 
}

.zr-productlist-leftside{
    max-width: 1058px !important; 
    width: 100% !important;
}