:root {
  --Mainprimary: #F2CD87;
  --primary1: #FFFFFF;
  --primary2: #FEFAF3;
  --primary3: #FCF5E7;
  --primary4: #FBF0DB;
  --primary5: #FAEBCF;
  --primary6: #F7E1B7;
  --primary7: #F5D79F;
  --primary8: #F2CD87;
  --primary9: #C2A46C;
  --primary10: #917B51;
  --primary11: #615236;
  --primary12: #493D28;
  --primary13: #30291B;
  --primary14: #18140D;


  --secondary1: #F8FDFD;
  --secondary2: #ECEFF1;
  --secondary3: #D8DFE3;
  --secondary4: #C5CFD5;
  --secondary5: #B2BFC7;
  --secondary6: #8B9EAB;
  --secondary7: #657E8F;
  --secondary8: #3E5E73;
  --secondary9: #324B5C;
  --secondary10: #253845;
  --secondary11: #19262E;
  --secondary12: #131C22;
  --secondary13: #0C1317;
  --secondary14: #06090B;
  --gray1: #FAFAFA;
  --gray2: #F9F9F9;
  --gray3: #EDEDED;
  --gray4: #E1E1E1;
  --gray5: #D9D9D9;
  --gray6: #CBCBCB;
  --gray7: #ADADAD;
  --gray8: #999999;
  --gray9: #717171;
  --gray10: #515151;
  --gray11: #4E4E4E;
  --gray12: #2B2B2B;
  --gray13: #0E1213;
  --gray14: #0C0C0C;

  --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(--gray11);
  --secondary: var(--MainThemeColor);
  --Purewhite: var(--white);
  --line: var(--border-color);
  --primary: var(--gray2);
  --PlaceholderColor: var(--gray8);
  --bordergrey: var(--gray11);
  --bgbadge: #FFFFFFCC;
  --colorbadge: #2C2C2C;
}

: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;
  --wrapperlarge: 1586px;
  --wrappermedium: 1440px;
  --wrappernormal: 1200px;
  --wrappermin: 800px;
  --radiusblog: 200px;
  --slider-btn-distance: 64px;
  --socialgap: 2rem;
  --Heightproducuct: 345px;
  --checkboxheight: 20px;
  --heightbasket: 32px;
  --widthbasket: 32px;
  --imgBasketWidth: 120px;
  --dropdownmaxwidth: 350px;
  --heightImg: 586px;

  --loading: url(/themes/website/image/preloader.gif);
}

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

body * {
  font-family: IRANSans;
}

body {
  min-height: 100vh;
  background: var(--gray13);
}

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: 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;

}


.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-round-shape-mini::before {
  content: '';
  position: absolute;
  width: 222.24px;
  height: 72.40px;
  transform: rotate(23deg) translateX(-54%) translateY(-25%);
  top: 50%;
  left: 50%;
  background: #334141;
  filter: blur(32px);
  border-radius: 100%;
  z-index: -1;
}

.zr-round-shape-big::before {
  content: '';
  top: 236px;
  left: 0px;
  position: absolute;
  border-radius: 50%;
  opacity: 0.65;
  background: #334240;
  filter: blur(200px);
  width: 1566px;
  height: 1553px;
  z-index: -1;

}

.sp-gray {
  color: var(--gray8);
}

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

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

/* Custome Styles */


.zr-header {
  min-height: var(--headerheight);
  top: 0;
  z-index: 10;
  background: var(--gray13);
}


.zr-header-wapper {
  width: 90%;
  margin-inline: auto;
  max-width: var(--wrappermedium);
}

.zr-searchbox,
.zr-header-item {
  border: 1px solid var(--gray11);
  background: var(--gray12);
}

.zr-login-link:hover .sp-icon-arrow {
  transform: rotate(180deg) !important;
}

.zr-searchbox input {
  background: transparent;
}

.sp-icon {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  transform: scale(1) !important;
}

.zr-header-basket-counter {
  background: var(--primary8);
  width: 18px;
  height: 18px;
  display: none !important;
}

.zr-header-item:hover .zr-header-basket-counter {
  display: flex !important;
}


.zr-searchbox-parent {
  width: 85%;
  max-width: 415px;
}

:is(.zr-form-input, .zr-searchbox, .zr-form-comment, .zr-input):is(:hover, :focus, :focus-within) {
  border-color: var(--gray8);
  color: var(--Purewhite);
  background: var(--gray13);
}

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

.zr-list-item {
  color: var(--gray8);
  min-width: 120px;
}


:is(.zr-form-input, .zr-searchbox, .zr-input):is(:hover, :focus, :focus-within) ::placeholder {
  color: var(--Purewhite);
  font-weight: 500;
}


.zr-drop-icon {
  transition: 0.5s;
  margin-right: 12px !important;
}


.zr-list-item:hover .zr-drop-icon,
.zr-login-link:hover .zr-basket-icon,
.zr-rotate {
  transform: rotate(180deg);
}

.zr-list-item:hover .zr-drop-icon path {
  stroke: var(--Purewhite);
}

.zr-box-white

/*,
.zr-item-category*/
{
  background: var(--MainLightGray);
}

.zr-wrapper {
  width: 90%;
  max-width: var(--wrappermedium);
  margin: auto;
}

.zr-wrapper-blog-inner {
  margin: auto;
  max-width: var(--wrappermin);
}


.zr-btn-more-gray {
  border: 1px solid var(--gray11);
}

.zr-btn-more-gray:hover,
.zr-btn-pr-more:hover,
.zr-btn-border-mainhover:hover {
  border-color: var(--Mainprimary);
}


.zr-slider-blog,
.zr-slider-product,
.zr-main-productlist {

}


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

.zr-blog-item-parent,
.zr-product-item-parent {
  background: var(--gray13);
  width: 100%;
  border: 4px solid var(--gray11);

}

.zr-main-productlist .zr-product-item-parent {
  /*width: calc(20% - (2rem / 5));*/
  max-width : 364px;
  /* aspect-ratio: 365 / 467;*/
  width: 100%;
}

:is(.zr-blog-item-parent, .zr-product-item-parent):hover {
  background: var(--gray12);
}

.zr-blog-item-parent:hover :is(.zr-btn-blog, .zr-btn-blog-icon) {
  border-color: var(--primary8);
}

.zr-slider-blog .zr-blog-item-parent,
.zr-slider-product .zr-product-item-parent {
  margin-left: 0.5rem;
}

.zr-slider-blog,
.zr-slider-product {
  margin-left: -0.5rem;
}

.zr-blog-list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
}


.zr-blog-desc {
  min-height: 150px;
  justify-content: space-between;
}

.zr-share {
  width: 349px;
  max-width: 349px;
  min-height: 75px;
}

.zr-blog-overlay {
  /* content: ''; */
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1321' height='715' viewBox='0 0 1321 715' fill='none'%3E%3Cpath d='M1321 0L-4.76837e-05 715H1321V0Z' fill='url(%23paint0_linear_4140_64025)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4140_64025' x1='1066.39' y1='454.5' x2='1066.23' y2='715' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='0.55'/%3E%3Cstop offset='1' stop-color='%230E1213'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: bottom right;
  bottom: 0;
  width: 100%;
  height: 100%;
  /* transform: translateY(100%); */
  z-index: 1;
  transition: 0.5s;
  /* background-size: cover; */
}


.sp-lh-10::placeholder {
  line-height: 40px;
}

.zr-blog-main-img {
  max-height: 590px;
  /* object-fit: cover; */
}


.zr-blog-overlay-box {
  margin: auto 250px 70px auto;
  width: 552px;
  height: 300px;
}

.zr-blog-overlay-text {
  /* transform: translateY(200%); */
}


.slick-current:not(.slick-active) .zr-blog-overlay-text {
  transition: 0.5s;
}

.slick-current.slick-active .zr-blog-overlay-text {
  transform: translateY(0%);
}

.zr-slidermain-blog,
.zr-slidermain-blog .slick-track {
  height: calc(100vh - var(--headerheight) - 2rem);
  max-height: calc(100vh - var(--headerheight) - 2rem);
}

.zr-product-slide-img,
.zr-blog-item-img {
  /* height: var(--Heightproducuct);*/
  /* max-width: 400px; */
  max-height: 345px;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;

}

.zr-blog-item-img {
  --Heightproducuct: 295px;
}

:is(.zr-blog-item-img, .zr-product-slide-img) img {
  height: 100%;
  flex: 1;
  object-fit : cover;
}


.zr-blog-item-img {
  overflow: hidden;
}


.zr-btn-blog {
  border: 1px solid var(--gray11);
  min-height: 40px;
  min-width: 176px;
  background: #00000069;
}

.zr-btn-blog-icon {
  border-right: 1px solid var(--gray11);
  background: var(--gray12);
}


.zr-slidermain-blogitem.slick-active .zr-blog-overlay-text {
  transform: translateY(0);
}

.zr-slider-dot,
.slick-dots li {
  width: 12px;
  height: 12px;
  min-width: 12px;
  background: var(--Purewhite);
  border-radius: 50%;
  margin-block: auto;
}


.zr-section-tabs .zr-slider-dot,
.zr-section-tabs .slick-dots li {
  background: var(--MainBlack);
}

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


.slick-dots {
  display: flex !important;
  justify-content: center;
  gap: 1rem;
  direction: rtl;
  position: absolute;
  bottom: -48px;
  width: 100%;
  min-height: 30px;
}

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

.slick-dotted.slick-slider {
  margin-bottom: 3rem;
}


.slick-arrow {
  position: absolute;
  top: 50%;
  color: #00000000;
  backdrop-filter: blur(1rem);
  display: flex;
  width: 58px;
  height: 32px;
  border-radius: 82px;
  transform: translateY(-50%);
  background: transparent no-repeat center url("../Images/mainIcons/left.svg") !important;
  background-size: 32px 32px !important;
}




.slick-disabled.slick-arrow,
.zr-slider-category .slick-disabled.slick-arrow {
  background: transparent no-repeat center url("../Images/mainIcons/left-disabled.svg") !important;
  cursor: not-allowed;
  background-size: 32px 32px !important;
}

.slick-prev:before,
.slick-next:before {
  display: none;
}

.slick-arrow.slick-next {
  right: calc(100% + var(--slider-btn-distance));
}

.slick-arrow.slick-prev {
  left: calc(100% + var(--slider-btn-distance));
  transform: rotate(180deg) translateY(50%);
  right: auto;
}



.slick-disabled {
  opacity: 0.9;
}


/* footer */

.zr-footer-link {
  color: var(--secondgrey);
}

.zr-opactity{
  opacity: 0.5;
}

.zr-flower{
  width: 40px;
}
.zr-footer-logo {
  max-width: 148px;
}

.zr-footer-social {
  width: 32px;
  height: 32px;
  padding: 6px;
}


.zr-footer-border {
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color: var(--bordergrey);
}

.zr-eta {
  max-width: 32px;
}




/* ContactUs */


.zr-contact-mapparent,
.zr-about-left {
  width: 42.5%;
}

.zr-contact-mapparent {
  position: sticky;
  top: var(--headerheight);
}

.zr-contact-info-parent {
  width: 57.5%;
}

.zr-contact-map {
  min-height: calc(100vh - var(--headerheight));
}

.zr-contact-parent {
  padding-top: 52px;
}

.zr-contact-text {
  margin: 60px auto 48px;
  width: 72%;
  padding-inline: 2rem;
}

.zr-contact-arrow {
  top: calc((100vh - var(--headerheight) - 78px)/2);
  left: -4px;
}

.zr-item-contactimg {
  background: linear-gradient(180deg, #3E392C 0%, #7A725C 100%);
  width: 60px;
  height: 60px;
}

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

.zr-contact-socialparent,
.zr-contact-list {
  margin-bottom: 4rem;

}

.zr-contact-social {
  background: linear-gradient(180deg, var(--gray13) 0%, #3E392C 100%);
  border: 1px solid var(--gray11);
  height: 92px;
}

.zr-contact-social:hover {
  border-color: var(--Mainprimary);
}

.zr-form-parent {
  max-width: 600px;
  background: var(--gray13);
}

.zr-btn-save {
  max-width: 278px;
  height: 54px;
}

:is(.zr-btn-mainhover):hover {
  background: var(--primary9);
}

.zr-btn-mainhover[disabled] {
  cursor: not-allowed;
  background: var(--gray10);
  color: var(--gray8);
}

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

.zr-btn-blog:hover,
.zr-btn-blog:hover .zr-btn-blog-icon {
  border-color: var(--Mainprimary);
}

.zr-form-input {
  border: 1px solid var(--gray11);
  line-height: 40px;
  background: var(--gray12);
}

.zr-form-input :is(input, textarea) {
  background: transparent;
}


.zr-aboutgallery-section {
  min-height: calc(100vh - var(--headerheight));

}

.zr-aboutgallery-section .center-slider {
  max-width: 530px;
  margin-block: 72px;
  /* padding-block: 120PX; */
}

.center-slider .slick-arrow {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF40 !important;
  border: 1px solid var(--Purewhite);
  border-radius: 50%;
  top: calc(50% - 62px);
}

.center-slider .slick-dots {
  margin-top: 2rem;
  position: unset;
}

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

}

.zr-about-section {
  margin-top: 4rem;
}

.zr-box-about,
.zr-about-title {
  padding-top: 72px;
}

.zr-box-about-text,
.center-slider {
  padding-bottom: 72px;

}

.zr-about-text {
  max-width: 600px;
}

.zr-about-logo {
  max-width: 192px;
}

.zr-about-float {
  left: -96px;
  top: 50%;
  transform: translateY(-50%);
  width: 214px;
  height: 300px;
  z-index: 1;
}

.zr-about-left {
  height: calc(100vh - var(--headerheight));
  position: sticky;
  top: var(--headerheight);
}

.zr-about-line {
  z-index: 5;
  margin-top: -13px;
}

.zr-aboutgallery-section {
  margin-bottom: -8px;
}

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


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

.zr-slide-product-discount {
  top: 1rem;
  right: 1rem;
  z-index: 1;
  justify-content: flex-start !important;
}


.zr-item-discount {
  /*width: 30px;*/
  padding-inline: 4px;
  height: 30px;
  background: var(--error4);
}


.zr-productlist-rightside {
  width: 432px;
  position: fixed;
  top: calc(var(--headerheight) + 0rem);
  height: calc(100vh - var(--headerheight) + 0rem);
  /* min-height: calc(100vh - var(--headerheight) + 2rem); */
  right: -100%;
  z-index: 3;
  overflow: hidden;
}

.zr-wrapper-mid {
  max-width: var(--wrappermedium);
}



.zr-wrapper-product {
  padding-inline: 2rem;
  max-width: 1920px;
  margin-inline: auto;
  width : 100%;
}


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

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

/*.zr-sort-dropdown::before {
content: '';
position: absolute;
top: -1rem;
width: 100%;
height: 2rem;
background: transparent;
}*/

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

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

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

.zr-item-orderby:is(.active) {
  background: var(--gray10);
}

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

.zr-drop-downlist {
  top: var(--headerheight);
  background: var(--gray12);
  width: 100%;
  right: 0;
  min-height: 394px;
  max-height: 394px;
}

.zr-list-item-has-dropdown>a:hover::before {
  width: 100%;
  height: calc(100% + 0.75rem);
  top: 0;
  background: transparent;
  content: "";
  position: absolute;
  z-index: 0;
  right: 0;
}


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


.zr-drop-img-box {
  background: var(--gray13);
}


.zr-drop-down-link {
  max-height: 40px;
}


.zr-drop-down-item {
  max-height: 40px;
}



.zr-drop-down-item:hover .zr-drop-down-link,
.zr-drop-down-item-selected .zr-drop-down-link {
  font-weight: 600;
  background: var(--gray11);
  color: var(--white);
}

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

.zr-rang-input {
  line-height: 16px;
}

input,
textarea {
  background: transparent;
}

.zr-btn-send {
  max-width: 164px;
}

.zr-more-item,
.zr-res-flex {
  display: none;
}





.product-s-img img {
  /* min-width: 100px; */
  width: 100px;
  min-height: 100px;
}

.product-s-img {
  flex: 100px 0 1;
  min-width: 100px;
  width: 100px;
  max-height: 100px;
}

.zr-img-list-parent {
  /* max-width: calc(100% - 0px); */
  /* overflow-x: auto; */
  min-width: 120px;
  max-height: var(--heightImg);
  scrollbar-width: none;
}


.selected-pic {
  border: 2px solid var(--gray8);
  min-width: 116px;
  min-height: 116px;
  max-height: 116px;
  padding: 0.5rem;
}

.zr-product-imgparent {
  max-width: calc(50% - 1rem);
}

.zr-item-share {
  gap: 64px;
}


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

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




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

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

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

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

}

.P-range input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: var(--gray8);
  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(--gray11);
  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: 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: 1px solid var(--Purewhite);
  background: transparent;
  border-radius: 4px;
  top: 2px;
  left: 0;
}

.sp-f-check:checked:after {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0572 0.75H11.0572C13.2479 0.749987 14.9686 0.749977 16.312 0.930594C17.6886 1.11568 18.7809 1.50272 19.6391 2.36091C20.4973 3.21911 20.8843 4.31137 21.0694 5.68802C21.25 7.03144 21.25 8.75214 21.25 10.9428V11.0572C21.25 13.2479 21.25 14.9686 21.0694 16.312C20.8843 17.6886 20.4973 18.7809 19.6391 19.6391C18.7809 20.4973 17.6886 20.8843 16.312 21.0694C14.9686 21.25 13.2479 21.25 11.0572 21.25H10.9428C8.7521 21.25 7.03144 21.25 5.68802 21.0694C4.31137 20.8843 3.21911 20.4973 2.36091 19.6391C1.50272 18.7809 1.11568 17.6886 0.930594 16.312C0.749977 14.9686 0.749987 13.2479 0.75 11.0572V11.0572V10.9428V10.9428C0.749987 8.75211 0.749977 7.03144 0.930594 5.68802C1.11568 4.31137 1.50272 3.21911 2.36091 2.36091C3.21911 1.50272 4.31137 1.11568 5.68802 0.930594C7.03144 0.749977 8.75212 0.749987 10.9428 0.75H10.9428H11.0572ZM15.8775 7.02038C16.1425 7.50493 15.9645 8.11257 15.48 8.37756C14.1086 9.12752 12.8208 10.6975 11.8374 12.2032C11.3581 12.9372 10.9735 13.6207 10.709 14.1204C10.577 14.3697 10.4756 14.5721 10.4079 14.7105L10.3096 14.9159C10.1551 15.2536 9.8261 15.4782 9.45528 15.4987C9.08436 15.5191 8.73267 15.3323 8.54198 15.0135C8.23126 14.494 7.73753 14.0198 7.27997 13.6581C7.05764 13.4823 6.85752 13.3437 6.71471 13.2502L6.50442 13.1187C6.02493 12.8449 5.85797 12.2344 6.13152 11.7548C6.40513 11.275 7.01585 11.1079 7.49559 11.3815L7.81063 11.5772C7.99282 11.6965 8.2427 11.8697 8.52038 12.0892C8.73258 12.257 8.96984 12.4587 9.20939 12.6911C9.46624 12.2297 9.78717 11.685 10.1629 11.1096C11.1796 9.55285 12.6917 7.62286 14.5204 6.62282C15.0049 6.35782 15.6125 6.53582 15.8775 7.02038Z' fill='%23F2CD87'/%3E%3C/svg%3E");
  height: calc(var(--checkboxheight) + 2px);
  width: calc(var(--checkboxheight) + 2px);
  border: none;
  top: 1px;
  left: -1px;
  transform: none;

}

.sp-f-check:checked:after {
}

.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(--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-drop-downlist,
.zr-drop-down-basket,
.zr-header-user-items,
.zr-drop-down-inner,
.zr-drop-downlist-res,
.zr-drop-down-inner-res {
  display: none;
}

.zr-list-item:not(.zr-res-header-list .zr-list-item):hover .zr-drop-downlist,
:is(.zr-drop-down-item:hover, .zr-drop-down-item-selected) .zr-drop-down-inner,
/* .zr-header-basket:hover .zr-drop-down-basket, */
.zr-user-box:hover .zr-header-user-items {
  display: flex;
}


.zr-header-user-items {
  border-radius: 12px;
  border: 1px solid var(--gray11);
  background: var(--gray13);
  width: 300px;
  top: calc(1rem + 100%);
}

.zr-drop-down-basket,
.zr-header-user-items {
  left: 0;
  right: auto;
  max-height: 80vh;
  min-width: 576px;
}

.zr-header-item:hover:before {
  content: '';
  position: absolute;
  top: calc(100%);
  height: 2rem;
  width: 100%;
}


.zr-drop-down-basket {
  top: calc(100% + 1rem);
  border: 1px solid var(--gray11);
  min-width: 480px;
  /* right: 0; */
  min-height: 790px;
  background: var(--gray12);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  z-index: 500;
}

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

.zr-basket-item:last-child {
  margin-bottom: 1.5rem;
}


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

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

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

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

.zr-bsket-img {
  max-width: var(--imgBasketWidth);
  object-fit: cover;
  object-position: center;
}


.zr-drop-down-item:hover svg path {
  stroke: var(--Purewhite);
}

.zr-drop-down-mainlist::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: var(--gray11);
  right: calc(var(--dropdownmaxwidth) + 2rem);
}

.zr-drop-down-inner {
  left: 0;
  top: 0;
  flex: 2;
  position: relative;
  min-height: 320px;
  column-gap: 0.75rem;
  margin-block: 12px;
}


.zr-next-slide {
  width: 1127px;
  height: 611px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1127' height='611' viewBox='0 0 1127 611' fill='none'%3E%3Cpath d='M0 0L1127 611H0V0Z' fill='url(%23paint0_linear_4339_77058)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4339_77058' x1='351.649' y1='265.191' x2='145.062' y2='602.817' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23121617' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23121617'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  left: 0;
}

.zr-slider-overlay {
  bottom: 50%;
  width: 90%;
  max-width: 1440px;
  /* width: 24%; */
  /* min-width: max-content; */
  transform: translateY(50%);
  right: 0;
  left: 0;
  opacity: 0;
  transition: 0.5s;
  margin: auto;
}
.zr-slider-overlay >div{
  width: 31%;
}
.slick-initialized .slick-slide {
  display: flex;
}

.zr-arrow-res .custom-prev,
.zr-arrow-res .custom-next {
  display: none !important;
}


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

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

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

@keyframes fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade {
  animation: fade 0.5s ease-in-out;
}

.zr-slider-arrow {
  border-radius: 82px;
  background: rgba(149, 149, 149, 0.40);
  backdrop-filter: blur(15px);
}



.zr-slider-section {
  height: calc(100vh - var(--headerheight));
}

/* .zr-slide-item, */
.zr-icon-res {
  display: none;
}

.zr-slide-item img,
.zr-next-slide-img img {
  object-fit: cover;

}

.zr-btn-blog-icon img  {
  max-width: 24px;
}

#custom-dots,
#custom-blog-dots {
  position: unset;
}


.zr-zargar-box {
  margin-top: var(--headerheight);
  overflow-x: clip;
}


.zr-next-slide-img {
  width: 165px;
  height: 110px;
}

.zr-next-slide-content {
  margin-bottom: 84px;
  margin-left: 244px;
}

.zr-next-slide-text {
  width: 333px;
}

.zr-triangle-slider {
  top: calc(100% - 10px);
  width: 88px;
  height: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}



.zr-item-category-parent {
  margin-bottom: 92px;
  padding-bottom: 92px;
}

.zr-item-category {
  width: calc(20% - 16px/5);
  border: 5px solid #DDDDDD;
  min-width: 250px;
  overflow: hidden;
}

.zr-item-category-img {
  height: 286px;
}


.zr-section-desc-img {
  width: 52%;
}

.zr-section-desc-text {
  margin-bottom: 92px;
}

.zr-section-desc {
  margin-bottom: 106px;
}

.zr-badge-circle-center::before {
  content: '';
  position: absolute;
  width: 1260.886px;
  height: 428.258px;
  transform: rotate(-172.378deg) translate(50%, 50%);
  flex-shrink: 0;
  border-radius: 1260.886px;
  background: #334240;
  filter: blur(200px);
  left: 50%;
  top: 50%;
  z-index: -1;
}


.zr-badge-circle-center {
  overflow : hidden !important; 
}

.zr-specification-item {
  background: #FFFFFF1A;
  width: 332px;
  min-height: 365px;
}

.zr-spec-desc {
  margin-top: 52px;
}

.zr-product-8-items .zr-product-item-parent {
  width: calc(25% - 24px/4);
}

.zr-item-category-list {
  scroll-snap-type: x mandatory;
}

.zr-section-product {
  padding-bottom: 86px;
}

.zr-section-blog {
  margin-top: 62px;

}

.zr-section-twins-line {
  padding-top: 66px;
  padding-bottom: 52px;
}

.zr-pic-item {
  width: 67%;
}

.zr-section-tabs {
  padding-top: 60px;
  padding-bottom: 102px;
}

.zr-btn-more-lightmode {
  width: 168px;
  height: 42px;
}

.zr-tablist {
  border-top: 5px solid #DDDDDD;
  overflow: auto;
}


.zr-tab-active,
.zr-tab-item:hover {
  color: var(--MainBlack);
}

.zr-tab-item {
  min-height: 40px;
}

.zr-item-slide-category {
  border: 5px solid #DDDDDD;
  margin-left: 0.5rem;
  overflow: hidden;
}

.zr-item-slide-category:hover {
  border-color: var(--gray12);
}

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

.zr-slider-category .slick-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='40' viewBox='0 0 41 40' fill='none'%3E%3Cpath d='M26.3254 31.6163C26.4435 31.7325 26.5372 31.8703 26.6011 32.0221C26.6651 32.1738 26.698 32.3365 26.698 32.5007C26.698 32.6649 26.6651 32.8276 26.6011 32.9793C26.5372 33.1311 26.4435 33.2689 26.3254 33.3851C26.2073 33.5012 26.0671 33.5933 25.9128 33.6562C25.7585 33.719 25.5931 33.7514 25.426 33.7514C25.259 33.7514 25.0936 33.719 24.9393 33.6562C24.785 33.5933 24.6447 33.5012 24.5266 33.3851L11.8142 20.8851C11.696 20.769 11.6023 20.6311 11.5383 20.4794C11.4743 20.3276 11.4414 20.165 11.4414 20.0007C11.4414 19.8364 11.4743 19.6738 11.5383 19.522C11.6023 19.3703 11.696 19.2324 11.8142 19.1163L24.5266 6.61632C24.7652 6.38177 25.0887 6.25 25.426 6.25C25.7634 6.25 26.0869 6.38177 26.3254 6.61632C26.564 6.85087 26.698 7.16899 26.698 7.50069C26.698 7.8324 26.564 8.15052 26.3254 8.38507L14.5109 20.0007L26.3254 31.6163Z' fill='black'/%3E%3C/svg%3E") !important;
}

.zr-main-slider .slick-arrow {
  display: none;
}



.zr-product-maintitle {
  position: sticky;
  top: calc(var(--headerheight) + 1px);
  z-index: 9;
}


.zr-header-logo {
  max-width: 160px;
  max-height: 40px;
}





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

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



.zr-color-mainred {
  color: var(--error4);
}



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


.zr-b-darkgray {
  border-color: var(--mainborder);
}


.zr-header-user-items {
  min-width: auto;
}

.zr-slider-arrow:hover {
  background: var(--MainBlack);
}

.zr-slider-arrow:hover :is(svg, svg *) {
  stroke: var(--Purewhite);
}

.zr-color-mainsecondary {
  color: var(--secondary8);
}


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


.zr-sectizr-collection {
  background: var(--secondary8light);
  padding: 2rem 0;

}

.zr-sectizr-collection:before {
  content: url('../Img/NewCollectionBg.png');
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
}

.zr-sectizr-collection::after {
  content: url('../Img/NewCollectionBg2.png');
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -2;
}

.zr-item-category:hover {
  border-color: var(--gray12);
}

.zr-item-collection {
  height: 470px;
  min-width: 244px;
  border-radius: 1000px;
  background: #00000033;

}

.zr-item-collection img {
  object-fit: cover;
  object-position: bottom;
}

.zr-item-collection .zr-item-overlay {
  display: flex;
  bottom: var(--overlaydistanse);
  left: 50%;
  transform: translateX(-50%);
  background: #FFFFFF66;
  backdrop-filter: blur(40px);
  border-radius: 82px;
  /* transition: 0.5s; */
}

.zr-item-overlay-parent {
  width: var(--widthcollection);
  height: var(--heightcollection);
  margin: 0 0.25rem;
}

.zr-item-hover {
  display: none;
}

.zr-item-collection:hover .zr-item-overlay {
  top: var(--overlaydistanse);
  left: var(--overlaydistanse);
  right: var(--overlaydistanse);
  transform: translatex(0);
  border-radius: 500px;
}

.zr-item-collection:hover .zr-item-overlay .zr-item-overlay-parent {
  width: 100%;
  height: 240px;
  margin: 0 0;
}

.zr-item-collection:hover .zr-item-overlay .zr-item-overlay-icon {
  transform: rotate(180deg);
  margin-bottom: 0.25rem;
}

.zr-item-collection:hover .zr-item-overlay .zr-item-overlay-link {
  margin: auto 0 0.25rem;
  border: 1px solid var(--MainBlack);
  padding: 0.5rem 1rem;
}

.zr-item-collection:hover .zr-item-overlay .zr-item-hover {
  display: flex;
}

.zr-section-height {
  margin-block: 5.75rem;
}

.zr-section-height:is(.zr-sectizr-tabs, .zr-long-distanse) {
  margin-block: 8rem;
}

.zr-middle-distanse {
  padding-block: 4.5rem;
}






.zr-item-slide-category-img{
  height: 272px;
}

.zr-product-slide-img+div {
  /*min-height: 106px;*/
}

/* Custome Slick */




.zr-slider-responsive {
  margin-top: 2rem;
}

.zr-btn-more {
  padding: 0.75rem 2rem;
  margin: 0 0 2rem;
}


.zr-box-pink {
  background: var(--mainprimarylight);
  padding: 4rem 0;
}

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

.zr-box-productinfo {
  background: var(--primarygradiant);
  border-radius: 1151px;
  flex: calc(var(--widthproductinfo) - 16px) 0 0;
  padding: 5% 0;
}

.zr-btn-more-light {
  backdrop-filter: blur(30px);
  background: #FFFFFF4D;
  padding: 1rem 2rem;
}

.zr-box-pink .slick-arrow.slick-next {
  left: calc(100% + var(--widthproductinfo) + 1.75rem + 58px);
}

.zr-pink-sliderlist {
  width: calc(100% - var(--widthproductinfo));
}




/* ContactUs */




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


.zr-page-blog .zr-blog-item-parent {
  width: calc(33.33% - 16px/3);
}

.zr-page-blog {
  padding-top: 2rem;
}


.zr-paging-item {
  width: 30px;
  height: 30px;

}

.active-page-number {
  background: var(--Mainprimary);
  color: var(--MainBlack);
}



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

.zr-link-discount-error {
  border-color: #FF7D7D;
  color: #FF7D7D !important;

}

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

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

















.zr-item-specific:hover,
.zr-item-specific.zr-selected {
  background: var(--secondary8);
  color: var(--white);
}

:is(.zr-item-specific:hover, .zr-selected) .zr-main-img,
.zr-select-img {
  display: none;
}

:is(.zr-item-specific:hover, .zr-selected) .zr-select-img,
.zr-main-img {
  display: flex;
}

.zr-secific-product {
  width: 24%;
}

.zr-btn-address {
  min-width: 260px;
}

.zr-btn-form {
  min-width: 240px;
  min-height: 42px;
}

.zr-input-address {
  line-height: 60px;
  border: 1px solid var(--gray6);
  font-size: 16px;
  font-weight: 500;
}

.zr-form-c-4 {
  flex: calc(33.33% - 22px) 0 0;
}

.sp-row {
  margin-inline: 0;
  flex: unset;
}

.zr-btn-address-mini {
  min-width: 180px;
}

.zr-btn-editaddress {
  background: var(--blogbg);
}

.zr-radio-label {
  color: var(--greylabel);
}

.zr-order-tab-badge {
  width: 24px;
  height: 24px;
  border: 1px solid var(--maingray);
}

.zr-tab-selected .zr-order-tab-badge {
  background: var(--Mainprimary);
  border-color: var(--maingray);
  color: var(--white);
  font-weight: 700;
}

.zr-tab-selected .zr-tab-text {
  font-weight: 700;
  color: var(--gray12);
}

.zr-tab-selected {
  border-bottom: 1px solid;
}

.zr-order-tab {
  padding-inline: 2rem;
}

.zr-order-img {
  width: 68px;
  height: 68px;
}

.sp-f-readonly {
  border: 1px solid var(--gray8);
  background: var(--gray2) !important;
}

.sp-f-readonly input {
  background: transparent !important;

}

.zr-form-comment {
  border: 1px solid var(--gray11);
  line-height: 42px;
  min-height: 42px;
  background: var(--gray12);
  color: var(--white);
}



.wrapper-slider .slick-slide img {
  width: 100%;
  height: 100%;
}



.wrapper-slider .center-slider {

  /* margin-left: -7.8%; */
  /* margin-left: calc((100vw - var(--widthMainSlide))*-1/var(--slideCount,5)); */
  margin-left: calc(-1*(1920px - var(--widthMainSlide))/var(--slideCount, 4)/var(--slideCount, 4) - 32px);
}

.wrapper-slider .center-slider .slick-slide {
  background-color: transparent;
  color: #FFF;
  height: var(--HeightOtherSlide);
  margin: 44px 0rem 44px 0;
  padding-inline: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.8);
  transition: all 0.4s ease-in-out;
}

.wrapper-slider .center-slider .slick-slide,
.wrapper-slider .center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned)~.slick-cloned[aria-hidden="true"] {
  transform: scale(1, 1);
  transition: all 0.4s ease-in-out;
}

.wrapper-slider .center-slider .slick-center,
.wrapper-slider .center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"])+.slick-cloned[aria-hidden="true"] {
  background-color: transparent;
  margin-block: auto;
}

.wrapper-slider .center-slider .slick-current.slick-active {
  width: var(--widthMainSlide) !important;
  height: var(--HeightMainSlide);
  padding-inline: 0.5rem;
  background-color: transparent;
}

.wrapper-slider {
  max-height: 424px;
  overflow: hidden;
  max-width: 1920px;
  margin: auto;
}

.zr-res-show,
.zr-title-res,
.zr-product-btn-parent-res,
.zr-filter-close,
.zr-btn-res,
.zr-header-res {
  display: none;
}

.zr-product-leftside {
  position: sticky;
  top: calc(var(--headerheight) + 2px);
  right: 0;
  width: calc(50% - 1rem);
}

.zr-product-rightside {
  width: calc(50% - 1.25rem);
  vertical-align: top;
  margin-right: 1rem;
}

.zr-parent-social {
  gap: var(--socialgap);
}

.zr-btn-filter {
  min-height: 56px;
  max-width: 174px;
  width: 50%;
}

.zr-box-gallery-first {
  gap: 3rem
}

.zr-fav-btn {
  border: 1px solid var(--Mainprimary);
}

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

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

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

.zr-fav-btn svg path {
  fill: var(--Mainprimary)
}

.zr-specificatizr-item {
  height: 110px;
}

.zr-footer-item {
  height: 26px;
  flex: 26px 1 1;
  width: calc(33.33% - 2rem / 3);
}

.zr-footer-list {
  max-height: 190px;
}

.zr-drop-down-mainlist {
  min-width: 200px;
}

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

.sp-b-white {
  border-color: var(--Purewhite);
}

.zr-roseGold {
  background: linear-gradient(95.36deg, #F3DCBA 3.67%, #FAE9D0 51.79%, #F3DCBA 95.15%);
}

.zr-gold {
  background: linear-gradient(95.36deg, #DFCC8B 3.66%, #F3E1A6 51.79%, #DFCC8B 95.15%);
}

.zr-silver {
  background: linear-gradient(95.36deg, #EDEDED 3.66%, #FFFFFF 51.79%, #ECECEC 95.15%);
}

.zr-selected-spec .zr-badge-circle,
.zr-selected-spec {
  border-color: var(--secondary8);
  background-color: var(--secondary8);
}

.zr-selected-spec p {
  font-weight: 500;
}

.zr-item-pr {
  height: 42px;
}

.sp-drop-items,
.zr-res-lg-flex,
.sp-drop-parent-res {
  display: none;
}

.zr-res-select-overlay {
  background: rgba(255, 255, 255, 0.20);
  backdrop-filter: blur(4px);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
}

.zr-res-select-main {
  background: var(--gray13);
  border-radius: 8px 8px 0 0;
  height: 80vh;
  position: fixed;
  z-index: 13;
  bottom: 0;
  left: 0;
  width: 100%;
}

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

.zr-filter-btn-res {
  width: 296px;
  height: 52px;

}

.zr-select-res-item {
  height: 42px;
  color: var(--MainWhite);
}

.item-selected:not(:only-child), .sp-drop-item:hover, .sp-drop-active {
  border-color: var(--Mainprimary) !important;
  background: var(--Mainprimary) !important;
  color: var(--mainnBlack) !important;
  font-weight: 500;
}

.zr-key-overlay {
  display: none;
}

.sp-drop-button,
.sp-drop-parent-res {
  border: 1px solid var(--line) !important;
  padding: 0;
  margin: 0;
  border-radius: 0.5rem;
  height: 46px;
  transition: 0.5s;
  background: var(--gray12) !important;
  color: var(--Purewhite) !important;
}


.sp-drop-parent {
  max-width: 280px;
  --line: var(--gray9);
}

.sp-drop-items {
  border-radius: 0 0 0.5rem 0.5rem;
  overflow: hidden;
  padding-inline: 0.75rem;
  padding-block: 0.75rem;
  top: 40px;
  background: var(--gray12) !important;

}

.sp-drop-items ul {
  overflow: auto;
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
}

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

.sp-drop-item:hover {
  background: var(--gray13);

}

.item-selected.sp-drop-active {
  background: var(--secondary8);

}

.zr-drop-show .sp-drop-button {
  border-radius: 0.5rem 0.5rem 0 0 !important;

}

.zr-drop-show .sp-drop-button:after {
  transform: rotate(180deg);
}

.sp-drop-button:after {
  position: unset;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-block: auto;
  margin-right: 1rem;
  transition: 0.5s;
  border: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00002 9.30014C8.30002 9.30014 7.60002 9.03014 7.07002 8.50014L0.55002 1.98014C0.26002 1.69014 0.26002 1.21014 0.55002 0.920137C0.84002 0.630137 1.32002 0.630137 1.61002 0.920137L8.13002 7.44014C8.61002 7.92014 9.39002 7.92014 9.87002 7.44014L16.39 0.920137C16.68 0.630137 17.16 0.630137 17.45 0.920137C17.74 1.21014 17.74 1.69014 17.45 1.98014L10.93 8.50014C10.4 9.03014 9.70002 9.30014 9.00002 9.30014Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}

.zr-product-slide-img {
  border-radius: 0.25rem !important;
  overflow: hidden;
}

.product-l-img {
  max-height: var(--heightImg);
  height: var(--heightImg);
  max-width: var(--heightImg);

}

.zr-pr-title {
  background: var(--gray11);
}

.zr-margin-line {
  margin-top: 4rem;
}


.zr-btn-pr-more {
  width: 168px;
  height: 42px;
}


.zr-drop-downlist {
  top: var(--headerheight);
  background: var(--gray12);
  width: 100%;
  right: 0;
  min-height: 394px;
  max-height: 394px;
}

.zr-list-item-has-dropdown>a:hover::before {
  width: 100%;
  height: calc(100% + 1rem);
  top: 0;
  background: transparent;
  content: "";
  position: absolute;
  z-index: 0;
  right: 0;
}

.zr-drop-down-leftside {
  width: 36.7%;
}

.zr-drop-img-box,
.zr-bg-pure-gray {
  background: var(--gray13);
}

.zr-drop-img-box img {
  object-fit: cover;
}

.zr-item-filter {
  white-space: nowrap;
  flex-wrap: nowrap;
  background: var(--gray12);
  border: 1px solid var(--secondary8);
  color: var(--Purewhite);
  gap : 0.5rem;

}

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


.zr-drop-down-link {
  max-height: 40px;
  max-width: var(--dropdownmaxwidth);
}


.zr-drop-down-item:hover .zr-drop-down-link,
.zr-drop-down-item-selected .zr-drop-down-link,
.zr-drop-down-inner-item:hover {
  font-weight: 600;
  background: var(--gray11);
  color: var(--white);
}

.zr-drop-down-item:hover svg path {
  stroke: var(--Purewhite);
}

.zr-drop-down-item:hover .zr-list-item-has-dropdown::before {
  width: 100%;
  height: calc(100% + 0.75rem);
  top: 0;
  background: transparent;
  content: "";
  position: absolute;
  z-index: 0;
  right: 0;
}

.zr-drop-down-inner-item,
.zr-drop-down-link,
.zr-color-darkgrey {
  color: var(--maingray);
}

.zr-drop-down-inner-item {
  max-width: var(--dropdownmaxwidth);
  margin-left: 2rem;
}

.zr-bg-badge {
  background: var(--bgbadge);
  color: var(--colorbadge);
}

.zr-slide-price-features {
  right: 8px;
  bottom: 8px;
}

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

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

:is(.zr-drop-down-item:hover, .zr-drop-down-item-selected) .zr-drop-down-inner {
  z-index: 6;
}



.tree-item-box {
  padding-left: 2.5rem;
}
.arrow-left {
  width: 22px;
  height: 22px;
  left: 0;
  transform: rotate(180deg);
}
.rotate-down {
  transform-origin: center;
  transform: rotate(-360deg);
}

.parent-slide{
  margin-right: 2rem;
  border-right: 1px solid #C2C2C2;
  padding-right: 1rem;
}

/* rewrite css */

.white-desc p {
  color:#ffff !important;
}

.sp-f-check:checked:after{
  background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0572 0.75H11.0572C13.2479 0.749987 14.9686 0.749977 16.312 0.930594C17.6886 1.11568 18.7809 1.50272 19.6391 2.36091C20.4973 3.21911 20.8843 4.31137 21.0694 5.68802C21.25 7.03144 21.25 8.75214 21.25 10.9428V11.0572C21.25 13.2479 21.25 14.9686 21.0694 16.312C20.8843 17.6886 20.4973 18.7809 19.6391 19.6391C18.7809 20.4973 17.6886 20.8843 16.312 21.0694C14.9686 21.25 13.2479 21.25 11.0572 21.25H10.9428C8.7521 21.25 7.03144 21.25 5.68802 21.0694C4.31137 20.8843 3.21911 20.4973 2.36091 19.6391C1.50272 18.7809 1.11568 17.6886 0.930594 16.312C0.749977 14.9686 0.749987 13.2479 0.75 11.0572V11.0572V10.9428V10.9428C0.749987 8.75211 0.749977 7.03144 0.930594 5.68802C1.11568 4.31137 1.50272 3.21911 2.36091 2.36091C3.21911 1.50272 4.31137 1.11568 5.68802 0.930594C7.03144 0.749977 8.75212 0.749987 10.9428 0.75H10.9428H11.0572ZM15.8775 7.02038C16.1425 7.50493 15.9645 8.11257 15.48 8.37756C14.1086 9.12752 12.8208 10.6975 11.8374 12.2032C11.3581 12.9372 10.9735 13.6207 10.709 14.1204C10.577 14.3697 10.4756 14.5721 10.4079 14.7105L10.3096 14.9159C10.1551 15.2536 9.8261 15.4782 9.45528 15.4987C9.08436 15.5191 8.73267 15.3323 8.54198 15.0135C8.23126 14.494 7.73753 14.0198 7.27997 13.6581C7.05764 13.4823 6.85752 13.3437 6.71471 13.2502L6.50442 13.1187C6.02493 12.8449 5.85797 12.2344 6.13152 11.7548C6.40513 11.275 7.01585 11.1079 7.49559 11.3815L7.81063 11.5772C7.99282 11.6965 8.2427 11.8697 8.52038 12.0892C8.73258 12.257 8.96984 12.4587 9.20939 12.6911C9.46624 12.2297 9.78717 11.685 10.1629 11.1096C11.1796 9.55285 12.6917 7.62286 14.5204 6.62282C15.0049 6.35782 15.6125 6.53582 15.8775 7.02038Z' fill='%23F2CD87'/%3E%3C/svg%3E) !important;
  height: calc(var(--checkboxheight) + 2px) !important;
  width: calc(var(--checkboxheight) + 2px) !important;
  border: none;
  top: 1px !important;

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

.zr-white-font {
  color : #fff; 
}

.zr-cat-container .parent-slide {
  border-right : none !important;  

}

.zr-basket{
  position : absolute;
  left : 0;
  top: 100%;
}

.empty-basket{
  display: flex;
  flex-direction: column;
  top: calc(100% + 1rem);
  border: 1px solid var(--gray11);
  min-width: 480px;
  /* right: 0; */
  min-height: 790px;
  background: var(--gray12);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  z-index: 500;
  position: absolute;
  left: 0;
  border-radius: 1rem; 
  max-height: 790px;
  height: 100svh;
}

.zr-white-f {
  color : #fff;  
}

.zw-cart-main
{
  margin-top : 10rem !important; 
}

.active{
  color: var(--Purewhite) !important;
  font-weight: 500 !important; 
}

.zw-account {  
  margin-top: 9rem !important; 
}

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

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


.zr-main-productlist {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.zr-about-us-slides {
  max-height: 663px;
  /*height: 100%;*/
  aspect-ratio: 531 / 647;
}

.zr-about-us-slides img { 
  object-fit : cover;

}

.search-txt{
  color : var(--primary1); 
}

.active-page-number {
  background: var(--Mainprimary);
  color: var(--MainBlack) !important; 
}

.zr-paging-item {
  color : var(--primary1); 
}

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

.zr-2-line {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; 
  max-height: fit-content;
}


.zr-main-detail-img {
  max-height : 549px; 
}

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

.zr-leftside-blog p h1,
.newsDetail ,
.world {
  color : var(--primary1) !important; 
}

.zr-product-slide-link {
  max-height : fit-content ; 
}

.product-l-img {
  max-width: 568px !important;
  width: 100%;
  max-height: 572px;
  aspect-ratio: 568 / 572; 
  margin-inline : 0px !important;
}

.zr-parent-form {
  max-width : fit-content;
}

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

.sp-main-loading:before {
  background: #ffffff6e;
  backdrop-filter: blur(10px);
  z-index: 1002;
}

.sp-main-loading:after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  height: 18%;
  width: 20%;
  background: var(--loading) no-repeat center / cover;
  z-index: 2000;
}

.zr-blog-page {
  gap : 10rem;

}

.blog-img-slide  img{
  object-fit: cover;
}

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


.rotate-1 {
  transform: rotate(360deg) !important ; 
}

.weight-drop-down {
  gap : 1rem; 
}

.rotate-2 {
  transform: rotate(180deg) !important; 
}


.zr-filter-list-tag {
  min-height: 50px;
}


.zr-main-slider-next .slick-slide {
  padding-top : 0.5rem;
}

.zr-slidermain-blogtext .slick-slide {
  margin-top: 3rem;
}

.zr-min-h-info {
  min-height : 44px; 
}

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

.zr-discount-tag {
  background: var(--error4);
  align-items: center;
  flex-direction: row-reverse;
}

.zr-deadline-txt {
  background : var(--primary1); 
  margin-left: 3px;
  border-radius: 4px;
  min-height : 26px;
  padding-inline : 2px;
  gap :5px;
}

.zr-izargar-link {
  color : #BCA64D !important;
  text-decoration-color: #BCA64D !important;
}

.zr-copy-right-container {
  max-width: 1440px !important; 
}

.zr-timer-box {
  background: var(--error3);
  margin: 1rem;
  border-radius: 4px;
  min-height: 32px;
  right : 0;
}

.zr-timer-num {
  background: var(--primary1);
  border-radius: 4px;
  height: 100%;
  min-height: 28px;
  margin-left : 2px;
  padding-inline: 2px;
}

.zr-timer-txt {
  color :var(--primary1);
  padding-inline: 2px;  
}

.zr-discount-price {
  color : var(--gray8);
  font-size : 16px;
  font-weight : 600;
  flex :1;
}

.zr-txt-discount {
  background: var(--error3);
  border-radius: 4px;
  min-height: 32px;
  padding-inline: 5px; 
  cursor : pointer;
}

.zr-dicount-detail {
  max-width : 261px; 
}

.zr-discount-title {
  color : var(--primary1);
  background : var(--error3);
  margin : 4px;
  border-radius : 4px;
  font-size : 14px;
  font-weight : 500;
  min-height : 24px;
  text-align: center;
  padding-inline : 4px;
}



.zr-opened-detail-disc-box {
  background : var(--primary1);
  position : absolute;
  top : 100% ;
  margin-top : 4px;
  width : 284px;
  box-shadow: 0px 0px 8px 0px #00000040;
  border: 1px solid var(--gray11) ;
  background: var(--gray12);
  border-radius : 4px;  
  display : none;
  pointer-events: none;
}


.zr-discount-detail-row {
  gap : 10px; 
}

.zr-discount-row  {
  border-bottom : 1px solid var(--gray11) 
}

.zr-opened-discount-box {
  display : none;
  background: var(--gray12);
  border : 1px solid var(--gray11);
  width: 100%;
  position: absolute;
  top: 100%;
  margin-top: 4px; 	
  border-radius : 4px;
  box-shadow: 0px 0px 8px 0px #00000040;
}

.zr-discount-row p {
  color : var(--primary1);
  font-size : 12px;
  font-weight : 400;
}

.zr-discount-detail-row {
  display : flex;
  gap : 10px; 
}

.zr-item-filter-list {
  padding-right: 1rem;
}

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


.zr-txt-discount:hover .zr-opened-detail-disc-box {
  display : flex; 
}

.zr-discount-tag:hover .zr-opened-discount-box {
  display : block;
}



.x-icon {
  width : 15px; 
  height : 15px;
}


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

.zr-filter-container-title {
  flex : 1;
  display : flex;
  justify-content: flex-start
}

.zr-share-prolist {
  height : 40px;
  width : 125px;
  border-radius : 4px;
  border : 1px solid var(--gray11);
  cursor : pointer;
}

.zr-share-prolist,
.zr-sort-title-res
{
  gap : 8px; 
}

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

.zr-share-prolist p {
  color : var(--primary1);
  white-space : nowrap;
}


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

.zr-res-title {
  display : none; 
  justify-content: center !important;
}


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




.zr-sub-2:hover .zr-third-stage {
  display : flex; 
  position: absolute;
  right: 100% !important;
  background: var(--gray11);
  z-index: 99;
  margin-right : 2rem;
  width: 350px;
  height: 394px;
  margin-top: -2.75rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem 0.5rem;
}

.zr-sub-2 .zr-drop-down-inner-link {
  position : relative ;
}

.zr-sub-2   .zr-drop-down-inner-link::before {
  content : "" ;
  position : absolute ;
  background : url('/themes/website/onyx/images/left-arrow.svg') no-repeat;
  width : 24px;
  height : 24px;
  left : 10px;
}

/*.zr-third-stage {
  display : none;
}*/

.zr-drop-down-inner-item::before {
  content : "";
  position : absolute;
  width: 40px;
  height: 40px;
  right: 100%;
}

.zr-third-stage-item {
  width: 100%;
  text-align: right;
  padding: 8px;
}


.zr-third-stage {
  padding-inline: 1rem;
}

.zr-res-sub-2-arrow .zr-drop-down-inner-link {
 position : relative ; 
}

.zr-res-sub-2-arrow .zr-drop-down-inner-link::before {
  content :"";
  position : absolute ;
  width : 24px;
  height : 24px;
  left : 10px ;
  background : url('/themes/website/onyx/images/CaretRight.svg') no-repeat;
}

.zr-res-sub-2-arrow-active .zr-drop-down-inner-link::before {
  background: url('/themes/website/onyx/images/CaretRighthite.svg') no-repeat center center;
}

.opened-third-stage {
  display : flex !important;
}

.zr-res-sub-2-arrow-active {
 border : 1px solid #4E4E4E ; 
}

.zr-res-sub-2-arrow.zr-res-sub-2-arrow-active .zr-drop-down-inner-link,
.zr-res-sub-2-arrow.zr-res-sub-2-arrow-active .zr-third-stage-item a {
  color : #FFFFFF !important; 
}

.zr-third-stage  {
  display : none;
}


.search-result {
  border: 1px solid #3E5E73 !important;
  background: #2B2B2B !important;
  color: #fff !important;
  border-radius: 8px !important;
  min-height: 34px !important; 
}

.zr-item-filter {
  color : #fff !important; 
}

.label-list-1 {
 display : flex !important; 
}

.label-list-2 {
 display : none !important; 
}