@import url(../Fonts/Rishe/Rishe.css);

:root {
  --Mainprimary: #511D4B;
  --mainprimarylight: #511D4B1A;
  --secondprimary: #65275E;
  --primary1: #FFFFFF;
  --primary2: #EEE9EE;
  --primary3: #DED3DD;
  --primary4: #CDBCCB;
  --primary5: #BDA6BA;
  --primary6: #9B7A98;
  --primary7: #7A4D75;
  --primary8: #592153;
  --primary9: #471A42;
  --primary10: #351432;
  --primary11: #240D21;
  --primary12: #120711;
  --primary13: #090308;
  --primary14: #110C06;


  --secondary1: #F8FDFD;
  --secondary2: #E2EFEE;
  --secondary3: #F1EADD;
  --secondary4: #EBE0CB;
  --secondary5: #E4D5BA;
  --secondary6: #D6C098;
  --secondary7: #C9AC75;
  --secondary8: #BB9753;
  --secondary9: #967942;
  --secondary10: #705B32;
  --secondary11: #4B3C21;
  --secondary12: #382D19;
  --secondary13: #251E11;
  --secondary14: #130F08;
  --secondary8light: #BB97531A;
  --secondary8lighter: rgba(187, 151, 83, 0.4);


  --gray1: #FAFAFA;
  --gray2: #F9F9F9;
  --gray3: #EDEDED;
  --gray4: #E1E1E1;
  --gray5: #D9D9D9;
  --gray6: #CBCBCB;
  --gray7: #ADADAD;
  --gray8: #909090;
  --gray9: #717171;
  --gray10: #505050;
  --gray11: #353535;
  --gray12: #212121;
  --gray13: #121212;
  --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;


  --MainThemeColor: var(--Mainprimary);
  --bgcolor: var(--MainWhite) !important;


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

  --link: var(--link8);

  --red: var(--error2);


  --gray: var(--gray4);
  --FirstbgColor: var(--MainThemeColor);
  --darkborder: var(--MainThemeColor);
  --Dark: var(--gray14);
  --dark: var(--Dark);
  --honeycolor: var(--secondary4);
  --primary: var(--gray);
  --bodybgcolor: var(--MainWhite);
  --label: var(--gray13);
  --secondary: var(--MainThemeColor);
  --Purewhite: var(--white);
  --line: var(--border-color);
  --primary: var(--gray2);
  --PlaceholderColor: var(--maingray);


  --navigation-bg: #F3F3F3;
  --maingray-bg: #F3F3F3;
  --navigation-border-color: #B9B9B9;
  --navigation-shadow: #00000026;
  --maingray: #6B6B6B;
  --mainred: #7A0B1B;
  --mainborder: #B9B9B9;
  --secondgrey: #868686;
  --scrollcolor: #D1D1D1;
  --border-color: #B9B9B9;
  --lightMainColor: #EEE8ED;
  --primarygradiant: linear-gradient(180deg, var(--Mainprimary) 0%, var(--secondprimary) 100%);
  --maingreen: #877A05CC;
  --mainpurple: #685ED9CC;
  --mainlightblack: #000000CC;
  --lightblue: #50968C0D;
  --blogbg: #F8F8F8;
  --bordergrey: #D1D1D1;
  --inputBorderColor: #d7dde8;
  --greylabel: #272727;
  --placeholder: #C5C5C5;
  --listlinkcolor: var(--Purewhite);
  --whiteprimary: var(--Purewhite);
  --subtitleColor: var(--Purewhite);
}

:root {
  --headerheight: 114px;
  --gap1: 0.25rem;
  --gap2: 0.5rem;
  --gap3: 0.75rem;
  --gap4: 1rem;
  --gap5: 1.25rem;
  --gap6: 1.5rem;
  --gap7: 1.75rem;
  --gap8: 2rem;
  --socialgap: var(--gap8);
  --widthcollection: 100px;
  --heightcollection: 100px;
  --overlaydistanse: 1rem;
  --heightcollection: 100px;
  --overlaydistanse: 1rem;
  --starheight: 74px;
  --starwidth: 74px;
  --checkboxheight: 20px;
  --slider-btn-distance: 0.5rem;
  --width-nav: 1;
  --wrapperlarge: 1586px;
  --wrappermedium: 1440px;
  --wrappernormal: 1200px;
  --radiusblog: 200px;
  --Heightproducuct: 350px;
  --paddingblog: 4rem;
  --searchheight: 122px;
  --widthproductinfo: 25%;
  --radius-4: 4rem;
  --widthbasket: 32px;
  --heightbasket: 32px;
  --HeightMainSlide: 424px;
  --HeightOtherSlide: 336px;
  --widthMainSlide: 520px;
  --slideCount: 4;
  --centerSlideWidth: 1920px;
  --basketimgwidth: 120px;
  --WidthProductImg:584px;
  --header-nav-height:60px;
}

/*#####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;
  /* scrollbar-color: var(--Mainprimary) var(--scrollcolor);
  scrollbar-width: thin; */
  color: var(--Fontcolor);
}

body * {
  font-family: PeydaWebFaNum;
}

body {
  min-height: 100vh;
}

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: 16px;
  font-weight: 500;
  line-height: 140%;
}

textarea::placeholder.sp-lh-12 {
  line-height: 3rem !important;
}

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

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

::-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 */
}


/* Scrollbar */

/* body * {
scrollbar-color: var(--scrollcolor) #E6ECF000;
scrollbar-width: thin;
}

body ::-webkit-scrollbar,
body::-webkit-scrollbar {
width: calc(0.5rem);
}

body ::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
background: #E6ECF000;
}

body ::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
background: var(--scrollcolor);
border-radius:0.5rem;
border: 1px solid var(--scrollcolor);
width: 4px;
margin: auto;
}

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

body ::-webkit-scrollbar-track:hover,
body::-webkit-scrollbar-track:hover {
background: var(--white);
} */




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

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

.zr-wrapper-blog {
  width: 83%;
  margin: auto;
  max-width: var(--wrapperlarge);
}

.zr-wrapper-product {
  margin-inline: 1.75rem;
}

.zr-wrapper-specification {
  width: calc(100% - 200px);
  margin-inline: auto;
}

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

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

}

.zr-font-Rische {
  font-family: 'Rische' !important;

}

.sp-flex-1 {
  flex: 1;
}

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

.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);
}

/* Custome Styles */


.zr-header {
  min-height: var(--headerheight);
  top: 0;
  z-index: 10;
  background: var(--Purewhite);
  border-bottom: 1px solid var(--mainborder);
}

.zr-header-nav {
  background: var(--navigation-bg);
  flex: var(--width-nav);
  min-height: var(--header-nav-height);
}

.zr-header-logo {
  flex: 0.6;
}

.zr-drop-downlist,
.zr-drop-down-basket,
.zr-header-search-parent,
.zr-header-user-items,
.zr-drop-down-inner,
.zr-header-basket-counter {
  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-header-basket-counter,
.zr-header-basket:hover .zr-drop-down-basket,
.zr-login-link:hover .zr-header-user-items {
  display: flex;
}

.zr-header-search-parent {
  left: 0;
  top: 100%;
  width: 100%;
  min-height: var(--searchheight);
  /* transform: translateY(-50%); */
}

.zr-header-search-parent-after {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: calc(var(--headerheight) + var(--searchheight));
  left: 0;
  background: #00000080;
  z-index: 1 !important;
}

.zr-header-search-items {
  min-height: 56px;
  width: 33%;
}

.zr-list-item-has-dropdown {

  color: var(--MainBlack);
}

.zr-list-item:not(.zr-list-item-has-dropdown) {
  color: var(--maingray);
}

.zr-list-item.zr-list-selected .zr-list-link {
  background: var(--primarygradiant);
  color: var(--listlinkcolor);
}

.zr-list-link {
  transition: 0.5s;
  z-index: 1;

}

.zr-list-link:hover,
.zr-btn-address,
.zr-border-grey6 {
  border: 1px solid var(--maingray);
}

.zr-logo-img {
  max-width: 242px;
  max-height: 60px;
}

.zr-drop-downlist,
.zr-drop-down-basket {
  top: calc(100% + 0.5rem);
  border: 1px solid var(--navigation-border-color);
  min-width: 750px;
  box-shadow: 0px 4px 15px 0px var(--navigation-shadow);
  right: 0;
  min-height: 280px;
}

.zr-drop-down-inner {
  left: 0;
  top: 0;
  min-width: 550px;

}

.zr-drop-down-leftside {
  background: var(--navigation-bg);
  border-right: 1px solid var(--navigation-border-color);
  width: 100%;
  /* flex: 1.25; */
}


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

.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-link:hover {
  background: var(--white);
}

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

.zr-header-searchparent:hover .zr-headet-search-main-icon {
  background: var(--MainBlack);
}

.zr-header-searchparent:hover .zr-headet-search-main-icon svg * {
  stroke: var(--Purewhite);
}

.zr-header-search-items,
.zr-header-basket:hover .zr-header-basket-title {
  outline: 1px solid var(--navigation-border-color);
  background: var(--maingray-bg);
}

.zr-header-basket-counter {
  background: var(--error4);
  width: 24px;
}

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

.zr-drop-down-basket-count {
  /* color: var(--mainred); */
  background: var(--maingray);
  color: var(--white);
  width: 20px;
  height: 20px;
}

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

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

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

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

.zr-btn-checkout {
  min-width: 192px;
}

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

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


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

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

.zr-bsket-img-parent {
  min-width: var(--basketimgwidth);
}



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

.zr-header-user-items,
.zr-border-main,
.zr-border-darkgray {
  border: 1px solid var(--mainborder);
}

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

.zr-slider-overlay {
  backdrop-filter: blur(40px);
  background: #44444466;
  bottom: 1rem;
  width: 690px;
  min-width: max-content;
  padding: 2rem;
  transform: translateY(200%);
  right: 1rem;
  opacity: 0;
  transition: 0.5s;
}

.zr-slide-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(0);
    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-dot,
.slick-dots li {
  width: 4px;
  height: 4px;
  min-width: 4px;
}

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

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

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

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

.zr-slide-item.zr-slide-active {
  display: flex;
  flex-direction: column;
}

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

.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);
}

.zr-title-english {
  font-size: 100px;
  line-height: 70px;
}

.zr-subtitle-english {
  font-size: 75px;
  line-height: 50px;
}

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

.zr-item-category {
  border-radius: 200px;
  background: var(--lightMainColor);
  backdrop-filter: blur(15px);
  width: calc((100%/5) - (1rem * 4)/5);
  height: 340px;
  min-width: 166px;
  border: 1px solid var(--lightMainColor);

}

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

.zr-item-category img {
  object-fit: cover;
}

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

}

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

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

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

.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-section-tabs, .zr-long-distanse) {
  margin-block: 8rem;
}

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

.zr-tab-active {
  background: var(--Mainprimary);
  color: var(--white);
  font-size: 18px !important;
}

.zr-slide-product-discount {
  top: 0;
  left: 0;
  z-index: 1;
}

.zr-tablist {
  margin-bottom: 2rem;
}

.zr-item-discount {
  width: 2.25rem;
  height: 2.25rem;
}


.zr-slide-product:hover .zr-item-discount,
.zr-blog-item-parent:hover {
  box-shadow: 0px 4px 13px 0px #00000026;
}

.zr-favorite {
  background-color: var(--secondary8light);
  width: 30px;
  height: 30px;
  display:none !important;
}

.zr-product-slide-link,
.zr-blog-item-parent,
.zr-blog-item-img {
  border-radius: var(--radiusblog) var(--radiusblog) 0 0;
}

.zr-product-slide-link , .zr-blog-item-parent{
  border: 1px solid var(--mainborder);
}
.zr-blog-item-img {
  overflow: hidden;
}

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

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

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

.zr-slide-product {
  /* max-width: 25%;
  flex: 1 1 25%; */
  margin-left: 0.75rem;
}

.zr-slider-responsive {
  margin-left: -0.75rem;
}

.zr-slide-product-has-discount .zr-slide-price {
  border-left: 2px solid var(--error4);
}

.zr-slide-product:hover .zr-product-slide-link,
.zr-blog-item:hover {
  box-shadow: 0px 4px 13px 0px #00000026;
}

.zr-slide-price {
  border-left: 2px solid var(--Mainprimary);
}

.zr-slide-price-features {
  bottom: 0.5rem;
}

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

}

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

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

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

/* Custome Slick */


.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: rgba(149, 149, 149, 0.40) no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='15' viewBox='0 0 26 15' fill='none'%3E%3Cpath d='M20 7.5L-5.96046e-07 7.5' stroke='black' stroke-width='2'/%3E%3Cpath d='M19 14.5V14.5C19 10.634 22.134 7.5 26 7.5V7.5' stroke='black' stroke-width='2'/%3E%3Cpath d='M19 2.22506e-07V2.22506e-07C19 3.86599 22.134 7 26 7V7' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

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

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

.slick-arrow:hover {
  background: var(--MainBlack) no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16' viewBox='0 0 26 16' fill='none'%3E%3Cpath d='M20 8.25L-5.96046e-07 8.25' stroke='white' stroke-width='2'/%3E%3Cpath d='M19 15.25V15.25C19 11.384 22.134 8.25 26 8.25V8.25' stroke='white' stroke-width='2'/%3E%3Cpath d='M19 0.75V0.75C19 4.61599 22.134 7.75 26 7.75V7.75' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.slick-disabled {
  backdrop-filter: blur(30px);
  background: var(--maingray-bg)no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16' viewBox='0 0 26 16' fill='none'%3E%3Cpath d='M20 8.25L-5.96046e-07 8.25' stroke='%23B9B9B9' stroke-width='2'/%3E%3Cpath d='M19 15.25V15.25C19 11.384 22.134 8.25 26 8.25V8.25' stroke='%23B9B9B9' stroke-width='2'/%3E%3Cpath d='M19 0.75V0.75C19 4.61599 22.134 7.75 26 7.75V7.75' stroke='%23B9B9B9' stroke-width='2'/%3E%3C/svg%3E");
}


.slick-dots {
  margin-top: 1rem;
  display: flex !important;
  justify-content: center;
  /* flex-direction: row-reverse; */
  gap: 4px;
  direction: rtl;
}

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

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

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

.zr-box-middle {
  flex: 1.5;
}

.zr-about-rounded,
.zr-box-middle {
  border-radius: 1000px 1000px 0px 0px;
}

.zr-about-rounded,
.zr-box-about .zr-box-star {
  z-index: 1;
}

.zr-box-gallery {
  background: var(--lightblue) !important;
}

.zr-social-item {
  border: 1px solid var(--secondary8);
  width: 55px;
  height: 55px;
}

.zr-social-list {
  margin: 0 0 3rem;
}

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

.zr-box-star {
  background: var(--secondary8);
  width: var(--starwidth);
  height: var(--starheight);
  padding: 0.75rem;
}

.zr-box-gallery .zr-box-star {
  left: 50%;
  bottom: -2rem;
  transform: translateX(-50%);
}


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

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

.zr-box-productinfo {
  background: var(--rewrite-menu-color);
  border-radius: 1151px;
  flex: calc(var(--widthproductinfo) - 16px) 0 0;
  padding: 5% 0;
  color:var(--primary1) !important;
}

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

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

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

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

.zr-blog-item-parent {
  background: var(--blogbg);
  width: 25%;


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

.zr-blog-desc {
  height: 180px;
}
.zr-blog-desc p:nth-child(2) {
  text-overflow: ellipsis;
  overflow: hidden;
}
.zr-footer {
  border-top: 5px solid var(--secondary8);
}

.zr-btn-up {
  border-radius: 56px 56px 0px 0px;
  background: var(--secondary8);
  padding: 0.5rem 56px;
}

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

.zr-footer-wrapper {
  padding: 2rem 0 1.5rem;
}

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

.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-item-contact {
  border-radius: 200px 200px 0px 0px;
  height: 300px;
}

.zr-item-contact::after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(180deg, rgba(187, 151, 83, 0) 20%, #BB9753 100%);
  z-index: -1;
  border-radius: 200px 200px 0px 0px;
}

.zr-contact-list {
  margin-top: -180px;
  z-index: 5;
}

.zr-contact-map {
  min-height: 60vh;
}

.zr-contact-email {
  max-width: 90px;
}

.zr-contact-star {
  top: calc(100% - 32px);
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5rem;
  --starheight: 50px;
  --starwidth: 50px;
}

.zr-section-contact,
.zr-bg-honey {
  background: #BB97531A;
  align-items: stretch;
}

.zr-section-contact {
  min-height: 400px;
}

.zr-section-contact-center {
  align-self: anchor-center;
}

.zr-contact-circle {
  width: 176px;
  height: 176px;
}

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

.zr-contact-social {
  width: 56px;
  height: 56px;
}

.zr-btn-save {
  max-width: 200px;
}

.zr-form-input {
  border: 1px solid var(--bordergrey);
  line-height: 48px;
}

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

.zr-aboutgallery-section {
  padding-block: 3.5rem;
}

.zr-rightside-blog,
.zr-rightside {
  width: 22%;
  position: sticky;
  top: var(--headerheight);
}

.zr-leftside-blog {
  width: calc(100% - 22% - 36px);
  /* margin-right: 32px; */
}

.zr-page-blogdetails .zr-rightside-blog {
  width: 28%;

}

.zr-page-blogdetails .zr-leftside-blog {
  width: calc(100% - 28% - 36px);
  /* margin-right: 32px; */
}

.zr-blog-li:last-child {
  border-bottom: 0;
}

.zr-page-blogdetails {
  padding-top: var(--paddingblog);
}

.zr-page-blog .zr-blog-item-parent {
  width: calc(33.33% - 0.666rem);
}

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


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

}

.zr-paging-selected , .active-page-number {
  background: var(--primary8);
  color: var(--whiteprimary) !important;
}

.zr-about-bg {
  background: var(--mainprimarylight);
  height: 300px;
  z-index: -1;
  bottom: -50px;
  left: -30%;
  width: 70%;
}

.zr-star-after {
  top: 50%;
  transform: translateY(-50%);
  left: -100px;
}

.zr-about-text {
  margin-block: 2.5rem;
}

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

.zr-about-pic {
  align-items: stretch;
  max-height: 500px;
  overflow: hidden;
}

/* .zr-about-img, */
.zr-slider-about-img {
  /* max-width: 500px; */
  object-fit: cover;
  object-position: center;
}

.zr-box-about {
  width: 40%;
  margin-bottom: -82px;
}

.zr-box-about .zr-box-star {
  bottom: -37px;
  left: 50%;
  transform: translateX(-50%);
}

.zr-about-top-section {
  margin-bottom: calc(82px + 37px + 2rem);
}

.zr-star-left {
  top: 50%;
  transform: translateY(-50%);
  left: 70px;
}

.zr-star-bottom {
  bottom: calc(82px + 42px);
  right: -90px;
  z-index: 0;
}

.zr-star-text {
  max-width: 50px;
  margin-left: 10%;
}

.zr-item-orderby:is(.zr-active, .active) {
  /* background: var(--Mainprimary); */
  color: var(--MainBlack);
  font-size: 16px !important;
  font-weight: 700;
}

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


.zr-product-item {
  /* flex: 20% 1 0; */
  width: calc(25% - 12px);
}

.zr-productlist-rightside {
  width: 21%;
  min-width: 21%;
  position: sticky;
  top: var(--headerheight);
  height: calc(100vh - var(--headerheight));
  /* min-height: calc(100vh - var(--headerheight)); */
  overflow: hidden;
}

.zr-filter-input {
  border: 1px solid var(--maingray-bg);
  background: var(--maingray-bg);
}





.switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 8px;
}

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

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

.switch-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 0px;
  bottom: -4px;
  background-color: #511D4B;
  -webkit-transition: .4s;
  transition: .4s;
}




input:checked+.switch-slider:before {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

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

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

.zr-user-box {
  border: 1px solid var(--bordergrey);
}

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

.zr-rightside {
  min-height: 100vh;
}

.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-color: var(--gray8);
  line-height: 42px;
  min-height: 42px;
}

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

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

.zr-btn-show {
  border: 1px solid var(--bordergrey);
  background: var(--blogbg);
}

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

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

.product-s-img img {
  object-fit: cover;
}

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

.zr-img-list-parent {
  /* max-width: calc(100% - 0px); */
  /* overflow-x: auto; */
}

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

.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 var(--gray3);
}

.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 {
  border-color: var(--Mainprimary);
  color: var(--Mainprimary);
}

.zr-selected-spec {
  background: var(--primary8);
  border-color: var(--primary8);
}

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

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

.sp-drop-items {
  display: none;
}

.sp-drop-button {
  border: 1px solid var(--MainBlack) !important;
  padding: 0;
  margin: 0;
  border-radius: 1.5rem !important;
  height: 44px;
  /* transition: 0.5s; */
}
.sp-drop-parent-show .sp-drop-button{
  border-radius: 1.5rem  1.5rem 0 0  !important;
}

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

.sp-drop-items {
  border: 1px solid var(--MainBlack) !important;
  border-radius: 0 0 1.5rem 1.5rem !important;
  overflow: hidden;
  padding-inline: 0.5rem;
  padding-block: 1rem;
  top: 40px;
}

.sp-drop-items ul {
  overflow: auto;
}

.sp-drop-item {
  padding-inline: 0.5rem;
  border-radius: 2rem;
}

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

}

.zr-drop-show .sp-drop-button {
  border-radius: 2rem 2rem 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 xmlns='http://www.w3.org/2000/svg' class='zr-basket-icon' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M12.4995 16.8001C11.7995 16.8001 11.0995 16.5301 10.5695 16.0001L4.04953 9.48014C3.75953 9.19014 3.75953 8.71014 4.04953 8.42014C4.33953 8.13014 4.81953 8.13014 5.10953 8.42014L11.6295 14.9401C12.1095 15.4201 12.8895 15.4201 13.3695 14.9401L19.8895 8.42014C20.1795 8.13014 20.6595 8.13014 20.9495 8.42014C21.2395 8.71014 21.2395 9.19014 20.9495 9.48014L14.4295 16.0001C13.8995 16.5301 13.1995 16.8001 12.4995 16.8001Z' fill='%23353535'%3E%3C/path%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}


.product-l-img {
  max-height: var(--WidthProductImg);
  min-height: var(--WidthProductImg);

}

.zr-img-list {
  min-width: fit-content;
}

.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(--inputBorderColor);
  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(--inputBorderColor);
}

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

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

}

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

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

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

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

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


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

.zr-rang-input {
  line-height: 48px;
  background: transparent;
}

.zr-rang-input::placeholder {
  color: var(--placeholder);
  font-weight: 400;
  font-size: 14px;
}

.zr-slider-container {
  height: 8px;
  background: var(--inputBorderColor);
  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: var(--checkboxheight);
width: var(--checkboxheight);
border: 1px solid var(--MainBlack);
background-color: var(--InputColor) !important;
border-radius: 4px;
top: 0;
left: 0;
} */

.sp-f-check:checked:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3072 0.75H10.3072C12.4979 0.749987 14.2186 0.749977 15.562 0.930594C16.9386 1.11568 18.0309 1.50272 18.8891 2.36091C19.7473 3.21911 20.1343 4.31137 20.3194 5.68802C20.5 7.03144 20.5 8.75214 20.5 10.9428V11.0572C20.5 13.2479 20.5 14.9686 20.3194 16.312C20.1343 17.6886 19.7473 18.7809 18.8891 19.6391C18.0309 20.4973 16.9386 20.8843 15.562 21.0694C14.2186 21.25 12.4979 21.25 10.3072 21.25H10.1928C8.0021 21.25 6.28144 21.25 4.93802 21.0694C3.56137 20.8843 2.46911 20.4973 1.61091 19.6391C0.752716 18.7809 0.365681 17.6886 0.180594 16.312C-2.32164e-05 14.9686 -1.29026e-05 13.2479 2.23171e-07 11.0572V11.0572V10.9428V10.9428C-1.29026e-05 8.75211 -2.32121e-05 7.03144 0.180594 5.68802C0.365681 4.31137 0.752716 3.21911 1.61091 2.36091C2.46911 1.50272 3.56137 1.11568 4.93802 0.930594C6.28144 0.749977 8.00212 0.749987 10.1928 0.75H10.1928H10.3072ZM15.1275 7.02038C15.3925 7.50493 15.2145 8.11257 14.73 8.37756C13.3586 9.12752 12.0708 10.6975 11.0874 12.2032C10.6081 12.9372 10.2235 13.6207 9.95899 14.1204C9.827 14.3697 9.72559 14.5721 9.65788 14.7105L9.55965 14.9159C9.40515 15.2536 9.0761 15.4782 8.70528 15.4987C8.33436 15.5191 7.98267 15.3323 7.79198 15.0135C7.48126 14.494 6.98753 14.0198 6.52997 13.6581C6.30764 13.4823 6.10752 13.3437 5.96471 13.2502L5.75442 13.1187C5.27493 12.8449 5.10797 12.2344 5.38152 11.7548C5.65513 11.275 6.26585 11.1079 6.74559 11.3815L7.06063 11.5772C7.24282 11.6965 7.4927 11.8697 7.77038 12.0892C7.98258 12.257 8.21985 12.4587 8.45939 12.6911C8.71624 12.2297 9.03717 11.685 9.4129 11.1096C10.4296 9.55285 11.9417 7.62286 13.7704 6.62282C14.2549 6.35782 14.8626 6.53582 15.1275 7.02038Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}

/* .sp-f-check:checked:after {
left: 5px;
top: 1px;
transform: rotate(45deg) translate(50%) !important;
display: inline-block;
height: calc(var(--checkboxheight) - 7px);
width: 6px;
border-bottom: 2px solid var(--approved70);
border-right: 2px solid var(--approved70);
} */

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

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

.wrapper-slider .slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}



.wrapper-slider .center-slider {

  /* margin-left: -7.8%; */
  /* margin-left: calc((100vw - var(--widthMainSlide))*-1/var(--slideCount,5)); */
  margin-left: calc(-1*(var(--centerSlideWidth) - 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: 0;
}

.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;
  min-width: var(--centerSlideWidth);
  max-width: var(--centerSlideWidth);
  margin: auto calc((100vw - var(--centerSlideWidth)) / 2);
}

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


.zr-productmenu-parent {
  display: flex;
}

.zr-product-leftside {
  position: sticky;
  top: var(--headerheight);
  right: 0;
  width: calc(50% - 1rem);
  margin-left: 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-share-btn {
  border-radius: var(--radius-4);
}

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

.zr-footer-item {
  height: calc(25% - (var(--gap4)));
}

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

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

.zr-color-whiteprimary {
  color: var(--whiteprimary);
}

.zr-subtitle-about {
  color: var(--subtitleColor);
}

.zr-item-filter {
  border-radius: 2rem !important;
  gap: 0.5rem;
  outline: 1px solid var(--mainborder);
  white-space: nowrap;
}

.zr-dropdown-sort {
  display: none;
  box-shadow: 0px 0px 10px 0px #0000001A;
  left: 0;
  top: calc(100% + 8px);
  z-index: 55;
}

.zr-dropdown-sort::after {
  content: "";
  width: 100%;
  height: 16px;
  position: absolute;
  top: -16px;
}

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

.zr-sort-list {
  width: 27%;
  flex: 400px 0 0;
}

.zr-sort-list:hover .zr-sort-title,
.zr-sort-list:not(:hover) .sorting-text {
  background: var(--maingray-bg);
}

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



.nowrap {
  white-space: nowrap;
}

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

.zr-maintitle{
  font-family: Perpetua Titling MT;
}

.zr-title-english.zr-maintitle{
  line-height: 140%;
}

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