@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;
  --error70: #99231D;

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

  --approved5: #EBF9EE;
  --approved10: #D6F4DE;
  --approved15: #C2EECD;
  --approved20: #AEE9BD;
  --approved30: #85DD9B;
  --approved40: #5DD27A;
  --approved50: #34C759;

  --approved5: #EBF9EE;
  --approved70: #1F7735;

  --error20: #FFB1AC;
  --error60: #CC2F26;


  --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;
  --link14: #1647C7;


  --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;
  --lightBezh:#FFF5EF;
  --lightBezh1:#9672500D;
  --blogbg: #F8F8F8;
  --bordergrey: #D1D1D1;
  --inputBorderColor: #d7dde8;
  --greylabel: #272727;
  --placeholder: #C5C5C5;
  --listlinkcolor: var(--Purewhite);
  --whiteprimary: var(--Purewhite);
  --subtitleColor: var(--Purewhite);
  --lightBlue1:linear-gradient(180deg, #F6F6FF 0%, #EFF0FF 100%);
  --DarkGreen:#195A53;
  --DarkBezh:#885E30;
  --green1:#B7D3D0;
  --green8:#09221F;
  --green9:#13443E;
}

: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;
  --gap9: 2.25rem;
  --gap10: 2.5rem;
  --gap11: 2.75rem;
  --gap12: 3rem;
  --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:480px;
  --header-nav-height:60px;
  --blog-up-imgHeight:589px;
  --aboutwidth:330px;
  --descwidth:330px;
  --smallheightdesc:280px;
  --largeheightdesc:400px;
}

/*#####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.sp-lh-12::placeholder {
  line-height: 3rem !important;
  --PlaceholderColor: var(--secondgrey);
}

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(--MainBlack) !important;
  border-radius: 4px !important;
}

::-webkit-scrollbar-thumb:hover,
.zr-scroll-custom::-webkit-scrollbar-thumb:hover {
  background: var(--MainBlack) !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(--gap7);
}

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

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

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

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

.zr-gap-12 {
  gap: var(--gap12);
}

/* 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 .zr-header-basket-counter,
.zr-header-basket-active .zr-header-basket-counter, 
.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-slide-item, .zr-slide-item>div.sp-h, .zr-slide-item>div>img {
  min-height: calc(100vh - var(--headerheight) - 48px) !important;
  height: calc(100vh - var(--headerheight) - 48px) !important;
  max-height: calc(100vh - var(--headerheight) - 48px) !important;
}

.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-list-item:hover .zr-list-link ,
.zr-btn-address,
.zr-border-grey6 {
  border: 1px solid var(--maingray);
}

.zr-drop-down-inner-item {
  max-width: 33%;
}

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

.zr-drop-downlist,
.zr-drop-down-basket {
  top: calc(100% + 0rem);
  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-downlist:not(.zr-drop-down-basket ){
 top: calc(100% + 0.5rem) !important;
  z-index : 1;
}

.zr-drop-down-basket {
  border:none;
  box-shadow: 0px 0px 20px 0px #00000026;
  max-height: 88vh;
  height: 88vh;
}

.zr-status-order{
  background:#ECC499;
}
.zr-status-sent{
  background:#ABDEAA;
}
.zr-status-order , .zr-status-sent{
  height:26px;
}
.zr-status-order  img, .zr-status-sent img{
  max-width:18px;
}
.zr-delete-one{
  border:1px solid #C03744;
  color:#C03744;
  height: 32px;
}
.sp-icon:hover , .sp-icon-medium:hover{ 
  transform:none;
}
.zr-drop-down-inner {
  left: 0;
  top: 0;
  min-width: 550px;

}
.zr-bsket-color{
  color:var(--secondary9);
}

.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:hover::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 , .zr-header-basket-active .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.75rem;
  top:calc(100% - 0rem);
  right: auto;
  max-height: 80vh;
  min-width: 480px;
  z-index: 1;
}
.zr-header-user-items {
  left: 0rem;
  top:calc(100% - 0rem);
}
.zr-drop-down-basket-count {
  /* color: var(--mainred); */
  background:#FCCC7A;
  width: 20px;
  height: 20px;
}
.zr-bg-timer{
  background:var(--secondary10);
}

.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;
  background-color: var(--secondary10);
}


.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: min-content;
  padding: 2rem;
  transform: translateY(200%);
  right: 1rem;
  opacity: 0;
  transition: 0.5s;
}

.zr-slider-main .slick-arrow {
  position: unset;
}

.zr-slider-section .slick-dots {
  order: 2;
}

.zr-slider-section .slick-prev.slick-arrow {
  order: 1;
  transform: none;
}
.zr-slider-section .slick-arrow.slick-next {
  order: 3;
  transform: rotate(180deg);
}

.zr-slide-active .zr-slider-overlay ,.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(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: 5px;
  height: 5px;
  min-width: 5px;
}

.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-icon-res {
  display: none;
}

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

.zr-slide-item.zr-slide-active {
  display: flex;
  flex-direction: column;
}
.zr-slider-main {
  gap: 12px 16px;
}

.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(--primary9);
  padding: 0.5rem 1rem;
}
.zr-item-overlay .zr-item-overlay-link:hover {
  border: 1px solid var(--MainBlack) !important;
}
.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(--primarygradiant);
  color:var(--whiteprimary);
  font-size: 18px !important;
}

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

.zr-tablist {
  margin-bottom: 2rem;
  position: sticky;
  top: var(--headerheight);
}

.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:hover .zr-product-slide-link,
.zr-blog-item:hover {
  box-shadow: 0px 4px 13px 0px #00000026;
}
/*
.zr-slide-product-has-discount .zr-slide-price {
border-left: 2px solid var(--error4);
}

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

.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(--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-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%;*/
  width: calc(33.33% - 2* 1rem / 3);
}
.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;
  line-height: 30px;
}
.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: #977A490D;
  align-items: stretch;
}
.zr-bg-honey{
  background: #E8DAD1;
}
.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 , .page-number{
  width: 30px;
  height: 30px;

}

.zr-paging-selected , .active-page-number {
  background: var(--primary8);
  color: var(--whiteprimary) !important;
  border-radius: 0.5rem !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) !important;
  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);*/
  width: calc(20% - 13px);
}

.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: 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: #E1E1E1;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: #FFFF;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked+.switch-slider:before {
  transform: translateX(26px);
}

input:checked+.switch-slider {
  background-color: #E8DAD1;
}

/* 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-commen-date{
  color:var(--secondgrey);
}
.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;
  height: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(--mainborder) !important;
  /* color: var(--green9);*/
  padding: 0;
  margin: 0;
  border-radius: 1.5rem !important;
  height: 36px;
  background:var(--maingray-bg);
  min-width:142px;
  /* transition: 0.5s; */
}
.sp-drop-parent-show .sp-drop-button{
  border-radius: 1.5rem  1.5rem 0 0  !important;
}
.zr-drop-gray .sp-drop-button{
  border: 1px solid var(--border-color) !important;
  color: var(--gray14) ;
  height: 40px;
  background:var(--MainWhite);
  border-radius: 2rem  2rem  !important;
}
.zr-drop-gray.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(--mainborder)  !important;
  border-radius: 0 0 1.5rem 1.5rem !important;
  overflow: hidden;
  padding-inline: 0.5rem;
  padding-block: 0.5rem;
  top: 35px;
  background:var(--maingray-bg);
  position:absolute;
}

.zr-drop-gray  .sp-drop-items {
  border: 1px solid var(--border-color) !important;
  border-radius: 0 0 1.5rem 1.5rem !important;
  top: 39px;
  background:var(--MainWhite);
}
.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' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.0804 4.58607C13.9135 4.41671 13.7159 4.33203 13.4876 4.33203C13.2598 4.33203 13.0624 4.41671 12.8955 4.58607L8.00574 9.54835L3.09928 4.56914C2.94352 4.41107 2.74882 4.33203 2.51518 4.33203C2.28154 4.33203 2.08128 4.41671 1.91439 4.58607C1.74751 4.75543 1.66406 4.95596 1.66406 5.18764C1.66406 5.41888 1.74751 5.61917 1.91439 5.78854L7.53846 11.4791C7.60521 11.5468 7.67753 11.5949 7.75541 11.6234C7.83329 11.6514 7.91673 11.6654 8.00574 11.6654C8.09475 11.6654 8.17819 11.6514 8.25607 11.6234C8.33395 11.5949 8.40627 11.5468 8.47302 11.4791L14.0971 5.7716C14.2528 5.61353 14.3307 5.41888 14.3307 5.18764C14.3307 4.95596 14.2473 4.75543 14.0804 4.58607Z' fill='%2313443E'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
}


.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: var(--WidthProductImg);
  flex: 0 0 var(--WidthProductImg);
}

.zr-product-rightside {
  flex:1;
  vertical-align: top;
}

.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;
  border: 1px solid var(--mainborder);
  white-space: nowrap;
  /* padding-block: 0 !important; */
  height: fit-content;
  margin-block: auto;
}

.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(--primary8);
  display: none;
  border-radius: 50%;
  margin: auto;
}

.zr-box-blog-up::after{
  content:'';
  position:absolute;
  background:var(--secondary2);
  width:100%;
  height:calc(100% - 150px);
  top:150px;
  z-index:-1;
}
.zr-box-blog-up-text{
  margin-top:150px;
}
.zr-box-blog-up-img{
  border-radius: 1000px 1000px 0px 0px;
}
.zr-box-blog-up-text{
  transition:0.5s;
}

.zr-star-top::before{
  width:103px;
  height:103px;
  background-image: url("data:image/svg+xml,%3Csvg width='103' height='103' viewBox='0 0 103 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M51.5 0L40.1435 30.6905C38.5229 35.07 35.07 38.5229 30.6905 40.1435L0 51.5L30.6905 62.8565C35.07 64.4771 38.5229 67.93 40.1435 72.3095L51.5 103L62.8565 72.3095C64.4771 67.93 67.93 64.4771 72.3095 62.8565L103 51.5L72.3095 40.1435C67.93 38.5229 64.4771 35.07 62.8565 30.6905L51.5 0ZM51.5 28.8154L49.522 34.1608C46.8886 41.2775 41.2775 46.8886 34.1608 49.522L28.8154 51.5L34.1608 53.478C41.2775 56.1114 46.8886 61.7225 49.522 68.8392L51.5 74.1846L53.478 68.8392C56.1114 61.7225 61.7225 56.1114 68.8392 53.478L74.1846 51.5L68.8392 49.522C61.7225 46.8886 56.1114 41.2775 53.478 34.1608L51.5 28.8154Z' fill='black'/%3E%3C/svg%3E%0A");
}
.zr-blog-up-sliderImg {
  width:42%;
  height:var(--blog-up-imgHeight);
}
.zr-box-blog-up-img{
  height:var(--blog-up-imgHeight);
  width:100%;
}
.zr-box-blog-up-img{
  object-fit: cover;
}

.zr-blog-up-sliderImg  :is(.slick-dots , .slick-arrow) , .zr-table-res , .zr-row-product-btn{
  display:none !important;  
}
.zr-blog-up-slidertext  :is(.slick-dots , .slick-arrow){
  position:unset;
}
.main-box{
  overflow-x: clip;
}

.zr-blog-up-slidertext .slick-track{
  display: flex;
}
.zr-blog-up-slidertext .zr-blog-up-slide{
  margin-top: auto;
}
.zr-blog-up-slidertext .slick-prev{
  order:1;
  transform: none;
} 
.zr-blog-up-slidertext .slick-next{
  order:3;
  transform:rotate(180deg) ;
}  
.zr-blog-up-slidertext  .slick-dots{
  order:2;
}
.zr-blog-up-slidertext{
  gap: 2rem 1rem;
}
:is(.zr-btn-main , .zr-tab-item):hover{
  background:var(--Mainprimary);
  color:var(--Purewhite);
}

.zr-tab-item{
  min-width: 200px;
  min-height: 56px;
}
:is(.zr-btn-second):hover{
  background-color: var(--primary9) !important;
  /*   color: var(--black) !important;*/
}

.zr-btn-main-border:hover{
  border-color:var(--MainBlack);
}


.zr-magnifier  .img-magnifier-glass {
  position: absolute;
  border: 1px solid #000000b8;
  border-radius: 50%;
  cursor: none;
  width: 200px;
  height: 200px;
}
.sp-dialog-overlay{
  background: #00000080;
  backdrop-filter: blur(8px);
}
.sp-dialog{
  box-shadow:none;
  max-width: calc(100% - 3rem);
  max-height: calc(100% - 3rem);
}
.sp-dialog-button , .zr-basket-slide{
  display:none;
}
.zr-magnifier .vertical-scroll{
  /*width: 140px; */
  scrollbar-width: none;
}
.zr-magnifier   .product-s-img{
  flex: 140px 0 1;
  min-width: auto !important;
      width: 140px !important;
    height: 140px !important;
}
.product-s-img.zr-selected{
  border-color:var(--MainBlack);
}



.zr-section-desc{
  background: var(--lightblue);
}
.zr-parent-desc , .zr-parent-desc-text{
  gap: 64px;
}

.zr-col-desc{
  flex: 0 0 var(--descwidth);
}

.zr-desc-pic-small,
.zr-desc-pic-large{
  width:var(--descwidth);
  border-top-left-radius: 500px;
  border-top-right-radius: 500px;
}
:is(.zr-desc-pic-small,
.zr-desc-pic-large) img{
  object-fit: cover;
}
.zr-desc-pic-small{
  height:var(--smallheightdesc);
}
.zr-desc-pic-large{
  height:var(--largeheightdesc);
}

.zr-section-desc::after,.zr-section-desc::before{
  content:'';
  position:absolute;
}

.zr-section-desc::before{
  background: url(/themes/website/amethysnew/img/wholesaler/tree1.png) no-repeat;
  width: 277px;
  height: 310px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  mix-blend-mode: darken;
  background-size: contain;
}
.zr-section-desc::after{
  background:url('/themes/website/amethysnew/img/wholesaler/tree2.png') no-repeat;
  width:426px;
  height:460px;
  left:0;
  top:0;
  mix-blend-mode: darken;
  background-size: contain;
}
.zr-desc-logo{
  max-width: 436px;
}
.zr-btn-more-desc{
  width:242px;
  height:42px;
  background:var(--primary8);
}

.zr-btn-moreproduct{
  width:186px;
  height:42px;
  background:var(--primary8);
}

.zr-font-upmain{
  font-size: 75px;
  line-height: 52px;
  color:var(--secondary10);
}
.zr-font-up{
  font-size: 50px;
  color:var(--gray9);
}
.zr-section-update{
  background:url('/themes/website/amethysnew/img/wholesaler/tree3.png') no-repeat var(--lightBezh);
  background-size: contain;
}
.zr-update-image-top{
  width: 394px;
  height: 566px;
  object-fit: cover;
  margin-bottom: 104px;
}

.zr-update-image-top img{
  object-fit: cover;
}

.zr-update-image-bottom{
  margin-top: 20px;
  margin-right: -140px;
  margin-bottom: 0;
  width: 538px;
  height: 692px;
  border-radius: 500px 500px 0 0;
  overflow: hidden;
  object-fit: cover;
  border: 5px solid var(--lightBezh);
}
.zr-update-text{
  margin-top: 120px;
}

.zr-section-wage{
  background:var(--lightBezh1);
  /*  background: url(/themes/website/amethysnew/img/wholesaler/tree4.png) no-repeat var(--lightBezh1) right bottom;
  background-size: contain;
  background-blend-mode: multiply;*/
  padding-block: 60px;
  overflow:hidden;
}  
.zr-section-wage::before{
  content:'';
  background: url(/themes/website/amethysnew/img/wholesaler/tree4.png)  no-repeat ;
  position: absolute;
  top: -108px;
  right: -52px;
  left:0;
  background-size: contain;
  height: 964px;
}  


.zr-wage {
  width: 340px;
  height: 626px;
  margin: 30px 36px 0 17px;
  z-index: 5;
}
.zr-wage-content{
  z-index:1;
  border-radius: 500px  500px 0 0 ;
}
.zr-wage::before{
  border-radius: 500px;
}
.zr-wage::before {
  content: '';
  position: absolute;
  width: 338px;
  height: 626px;
  transform: rotate(5deg);
  box-shadow: 15px 3px 15px 0px rgba(0, 0, 0, 0.15);
  top: -16px;
  left: 12px;
  z-index: 0;
}
/*
.zr-wage::after{
border-radius: 500px;
}
.zr-wage::after {
content: '';
position: absolute;
width: 338px;
height: 626px;
transform: rotate(5deg);
top: -16px;
left: 12px;
box-shadow: 15px 3px 15px 0px rgba(0, 0, 0, 0.15);
z-index: 0;
}*/

.zr-wage-green::before{
  background: linear-gradient(180deg, #076311 0%, #076311 58.67%, #FFF 63.17%, #FFF 100%);
}
.zr-wage-gray::before{
  background: linear-gradient(180deg, #737270 0%, #737270 62.67%, #FFF 64.67%, #FFF 100%);
}
.zr-wage-orange::before{
  background: linear-gradient(180deg, #FF8A00 0%, #FF8A00 57.67%, #FFF 64.67%, #FFF 100%);
}
.zr-btn-wage{
  background: var(--primary8);
  width:190px;
  height:42px;
}
.zr-wage-img{
  height:409px;
}

.zr-about-top-new{
  background:var(--lightBlue1);
}  
.zr-aboutnew-left{
  align-self: stretch;
}
.zr-aboutnew-left::before{
  content:'';
  position:absolute;
  background: url('/themes/website/amethysnew/img/wholesaler/tree5.png') no-repeat;
  width:520px;
  height:502px;
  left:0;
  top:0;
  z-index:0;
}  
.zr-aboutnew-left::after{
  content:url('/themes/website/amethysnew/img/wholesaler/tree6.png');
  position:absolute;
  /* background:  url('/themes/website/amethysnew/img/wholesaler/tree6.png') no-repeat;*/
  width:508px;
  height:440px;
  right:-218px;
  bottom:0;
  z-index:1;
  mix-blend-mode: darken;
}  
.zr-aboutnew-right{
  width: 44%;
  max-width: 810px;
  max-height: 728px;
  z-index:2;

}

.zr-aboutnew-left-inner{
  max-width: 870px;
  margin-bottom: 120px;
  z-index:1;
}
.zr-aboutnew-right-title::before{
  content:'';
  position: absolute;
  border-radius: 500px 500px 0px 0px;
  background: linear-gradient(90deg, #D37777 0%, #921616 100%);
  width: var(--aboutwidth);
  height: 400px;
  top:-149px;
  right:0;
  z-index:-1;
}
.zr-aboutnew-right-title{
  font-size: 100px;
  line-height: 70px;
  padding-right: 0.75rem;
}
.zr-aboutnew-right-title-second{
  font-weight: 800;
  font-size: 100px;
  line-height: 70px;
  color:var(--secondary9);
}
.zr-aboutnew-left-text{
  margin-right:calc(var(--aboutwidth) + 1.5rem);
}
.zr-about-center-text{
  padding-bottom: 130px;
  max-width: 61%;
  margin: auto;
}

.zr-btn-cart{
  width:189px;
  height:38px;
  background:var(--secondary10);
}
.zr-btn-cart:hover , .zr-btn-product:hover{
  background:var(--secondary9);
  color: var(--black) !important;
}

.zr-link{
  color: var(--link9);
  text-decoration: underline;
  text-underline-offset: 1px;
}
.zr-link-dark{
  color: var(--link14);
}
.zr-product-desc{
  line-height:52px;
  padding-block: 4rem;
}
.zr-section-similar{
  margin-block: 116px;
}
.zr-color-darkgreen{
  color:var(--DarkGreen);
}
.zr-color-darkbezh{
  color:var(--DarkBezh);
}
.zr-filter-title{
  background:var(--green1);
  color:var(--green8);
}

.zr-line{
  height: 1px;
  background: var(--gray5);
}

.zr-product-box{
  border:1px solid var(--gray4);
}

:root{
  --secondary9:#977A49;
  --green2:#B9D5D1;
}
.zr-box-detail{
  /*   display:none; */
}
.zr-row-product{
  gap:  1.5rem 2rem;
}
.zr-input-productbox{
  width: calc(33.33% - 4rem / 3);
}
.zr-btn-product{
  background:var(--secondary10);
  width: 158px;
  height: 36px;
}
.zr-input-product{
  min-height:40px;
}
.zr-table-header{
  background:var(--maingray-bg);
  border:1px solid var(--mainborder);
  min-height:40px;
}
.zr-table-cell{
  display:flex;
  justify-content:center;
}
.zr-table-cell:not(:last-child){
  border-left:1px solid var(--mainborder);
}
.zr-table-row:not(.zr-table-header){
  border:1px solid var(--mainborder);
  min-height:46px;
}
.zr-table-img{
  width: 42px;
  height: 42px;
  border: 0.5px solid var(--gray5);
}
.zr-btn-addproduct{
  background:var(--secondary10);
  width:92px;
  height:36px;
}
.zr-btn-resetproduct{
  width:124px;
}
.zr-btn-send , .zr-btn-save {
  background:var(--secondary10);
}
.zr-btn-addproduct:hover , .zr-btn-send:hover  , .zr-btn-save:hover , .zr-btn-checkout:hover {
  background:var(--secondary9);
  color:var(--MainBlack) !important;
}
.zr-btn-addproduct:hover path{
  fill:var(--MainBlack) !important;
}
.zr-pr-distanse{
  margin-top:4rem !important;
}

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

.zr-btn-deleteproduct{
  border:1px solid var(--error3);
  color:var(--error3) !important;
  width: 92px;
  height: 36px;
}


.sp-drop-show{
  position: unset;
}

.zr-btn-fav{
  height:40px;
  min-width:155px;
  border:1px solid var(--secondary10);
  background:transparent;
}
.zr-btn-fav:hover{
  border-color:var(--bordergrey);
}
.zr-btn-fav-filled:hover{
  color:var(--mainBlack) !important;
  background:transparent;
  border:1px solid var(--secondary10);
}
.zr-btn-fav-filled:hover img{
  filter: brightness(0.1);
}
.zr-btn-fav-filled{
  height:40px;
  min-width:182px;
  border:1px solid var(--secondary10);
  background:var(--secondary10);
}


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

.zr-select-overlay{
  background: #FFFFFF33;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(4px);
}
.zr-select-res{
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  height: 50vh;
  background: var(--gray2);
  z-index: 1001;
  bottom: 0;
  border: 1px solid var(--gray4);
}
.zr-select-res-top{
  border:2px solid var(--gray5);
  width:120px;
}
.zr-res-select-title{
  border-bottom:1px solid var(--gray5);
}
.zr-btn-cancel{
  background:var(--gray5);
  width:312px;
  height:42px;
}
.zr-select-res-item{
  border:1px solid var(--secondgrey);
  min-height:40px;
}
.zr-res-selectparent , .zr-res-select-btn-parent{
  display:none;
}

/********************************************************************************/
.zr-delete-title {
  color: var(--error70);
}
.zr-correct-title {
  color: var(--approved70);
}

.zr-shortmsg-parent {
  min-width: 500px;
  bottom: 114px;
  position: fixed;
  min-height: 94px;
  z-index: 120;
  right: 2rem;
}

.zr-shortmsg-parent.zr-deletebox-parent {
  border: 1px solid var(--error20);
  border-right: 8px solid var(--error60);
}

.zr-shortmsg-parent.zr-correctbox-parent {
  border: 1px solid var(--approved20);
  border-right: 8px solid var(--approved50);
}

.zr-timer-parent {
  height: 2px;
  transform: rotate(180deg);
  border-radius: 2px;
}

.zr-timer {
  height: 2px;
  width: 0%;
  z-index: 125;
}

.zr-deletebox-parent .zr-timer {
  background: var(--error60);
}

.zr-deletebox-parent .zr-cancel-delete {
  --HeightBtn: 24px;
  margin: auto 0;
  --Widthbtn: 140px;
  --FontBtnCancel: var(--normalfont);
}

.zr-deletebox-parent .zr-cancel-delete::before {
  content: "";
  width: 10px;
  height: 10px;
}

.zr-msg-deleteicon,
.zr-msg-correcticon {
  width: 40px;
  height: 40px;
}

.zr-msg-deleteimg,
.zr-msg-correctimg {
  max-width: 16px;
}

.zr-msg-deleteicon , .sp-bg-lightred {
  background: var(--error5);
}

.zr-msg-correcticon ,.sp-bg-lightgreen {
  background: var(--approved5);
}

.zr-correctbox-parent .zr-timer {
  background: var(--approved50);
}

.zr-shortmsg-parent {
  min-width: 500px;
  bottom: 114px;
  position: fixed;
  min-height: 94px;
  z-index: 120;
  right: 2rem;
}

.zr-shortmsg-parent.zr-deletebox-parent {
  border: 1px solid var(--error20);
  border-right: 8px solid var(--error60);
}

.zr-shortmsg-parent.zr-correctbox-parent {
  border: 1px solid var(--approved20);
  border-right: 8px solid var(--approved50);
}


.zr-share-btn:hover{
  background: var(--Mainwhite);
}

a:active {
  -webkit-tap-highlight-color: transparent  !important;  
}

.zr-blog-item-img img{
  aspect-ratio: 393 / 384;
}

.zr-RemainItem .sp-tooltip-text {
  max-width: 250px;
}
.zr-popup-title {
  background: #0062CC;
}

.zr-link-item:not(.sp-color-Darkgreen, .sp-color-DarkRed), .sp-color-Darklink {
  color: #004999 !important;
}

.zr-link-item::after {
  content: "";
  width: 100%;
  flex: 1;
  height: 1px;
  margin: auto;
  background:  #004999;
  margin-right: 0.5rem;
}

.sp-bg-litelink {
  background: #E6F2FF !important;
}

.zr-popup-row {
  min-height: 32px;
  align-items: center;
}
/*rewrite css*/
.zr-aboutnew-left-inner{
  margin-bottom: 0px;
  display: flex !important;
  justify-content: flex-start;
  padding-top: 21rem; 
}
.zr-blog-up-slidertext .zr-slider-selected, .slick-dots li.slick-active{
  background: #000000 !important;  
}


.zr-item-filter-list-parent::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, #FFFFFF 65.17%, rgba(255, 255, 255, 0) 100%);
  width: 145px;
  height: 50px;
  top: 50%;
  transform: translateY(-50%);
  left: -62px;
}
.zr-item-filter-list-parent{
  position: relative;
}
/*rewrite mitra*/
.rewrite-filter-box-pd {
  padding : 1rem 1rem 1rem 0.5rem !important; 
}
.rewrite-inside-filter-box-pd {
  padding-left:0.5rem !important; 
}
.rewrite-gap-10{
  gap: 0.625rem; 
}
.rewrite-product-code{
  color:#6B6B6B !important; 
  font-size:14px;
  font-weight:400;
}
.rewrite-same-products-item{
  /*min-height:max-content !important;
  aspect-ratio:292.5/481 !important; */
}
.rewrite-same-product{ 
  aspect-ratio: 292.5 / 350 !important;
}
.product-detail-img{
  padding:1rem;  
}
.rewrite-light-box-layout{
  max-width: fit-content;
  margin-inline: auto;
}
.rewrite-light-box-layout img{
  object-fit: contain;
}
.rewrite-light-box-container{
  align-items: center !important;

}

.rewrite-img-ratio{
  aspect-ratio: 360.5 / 378 !important;
}
.rewrite-max-width{
  max-width:1400px !important;  
}
.rewrite-flex-grow{
  flex-grow:1; 
}
.rewrite-mt-auto{
  margin-top: auto; 
}
.sp-font-normal.rewrite-login-style{
  margin-inline:0px !important;
}

.sp-tooltip-res-text {
  bottom: 0;
  left: 0;
  right: 0;
  flex-direction: column;
  z-index: 50;
}
.sp-tooltip-res-text::before{
  content:'';
  backdrop-filter: blur(8px);
  background:#00000080;
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  z-index: 55;
}
.sp-tooltip-res-overlay{
  z-index:56;
  background:var(--gray2);
  border:1px solid var(--gray4);
  border-radius: 1.5rem 1.5rem 0 0;
}
.zr-tooltip-box{
  height: 4px;
  background:var(--gray5);
  width: 120px;
  border-radius:8px;
}
.zr-detail-titile{
  color:var(--gray10);
}
.zr-border-gray{
  border-top:1px solid var(--gray5);
}
.zr-btn-confirm{
  height:52px;
  background:var(--secondary10);
}
.sp-tooltip-res-overlay  .zr-link-item::after {
  height: 2px;
}
.zr-link-title{
  color:var(--link8);
}
.zr-75-gap{
  gap:0.75rem; 
}

.rewrite-breake-one-line{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;  
}
.rewrite-breake-one-desc{
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;  
}
.sp-icon , .sp-icon img{
  width:24px;
}

.zr-foot-des{

    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  	 overflow: hidden;
     text-overflow: ellipsis;
  
}

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

.single-line{
 overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
}

.zw-cart-head-stage{
     flex-direction: column-reverse; 
}

.zw-account-pannel li:hover{
background : #EEF0F1;
border-radius: 0.75rem;
}

.zw-account-pannel li.active {
     background-color: var(--primary50) !important;
    color: var(--white) !important;
    border-radius: 0.75rem !important; 
}

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

.submit-btn{
 background : #977A49 !important; 
  border-radius: 32px !important;
}

.zr-sort-item{
color : #6B6B6B !important;
}

.zr-slider-maintitle,
.zr-slider-secondtitle {
 display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; 
  
}

.zr-filter-pop-up-layout {
 flex-direction : row; 
}


.zw-whole-cart-item-image{
     width: 100px !important;
    height: 100px !important; 
      margin-left: 1rem;
}

.zw-whole-cart-item-image img{
     width: 100% !important;
    height: 100% !important; 
  object-fit : cover;
}

.zw-whole-cart-item-top{
 gap : 0 !important; 
  
}