body * {
  font-family: IRANSans;
  -webkit-tap-highlight-color: transparent; 
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

:root {
  --Mainprimary : var(--primary-8);

  --black-coler-2: #000000;
  --primary-14: #020506;
  --primary-13: #04090D;
  --primary-12: #060E13;
  --primary-11: #08131A;
  --primary-10: #0C1C26;
  --primary-9: #102633;
  --primary-8: #142F40;
  /* DARK BLUE SERIES (from first image) */
  --primary-14: #020506;
  --primary-13: #04090D;
  --primary-12: #060E13;
  --primary-11: #08131A;
  --primary-10: #0C1C26;
  --primary-9: #102633;
  --primary-8: #142F40;
  /* COOL GREY SERIES (from second image - top row) */
  --primary-7: #435966;
  --primary-6: #72828C;
  --primary-5: #A1ACB3;
  --primary-4: #B9C1C6;
  --primary-3: #EEE4D8;
  --primary-2: #E8EAEC;
  --primary-1: #FFFFFF;
  /* EARTH TONE SERIES (from third image - bottom row) */
  --secondary-14: #181511;
  --secondary-13: #312A22;
  --secondary-12: #493F34;
  --secondary-11: #615445;
  --secondary-10: #927F67;
  --secondary-9: #C2A98A;
  --secondary-8: #F3D3AC;
  /* Cream / Beige Tones */
  --secondary-7: #f5dcbd;
  /* Almond */
  --secondary-6: #f8e5cd;
  /* Champagne */
  --secondary-5: #faedde;
  /* Linen */
  --secondary-4: #fbf2e6;
  /* Seashell */
  --secondary-2: #fdf6ee;
  /* Old Lace */
  --secondary-2-2: #fdf6ee;
  /* (Duplicate, same as above) */
  --secondary-1: #f8fdfd;
  /* Snow */
  /* Grayscale Tones */
  --neutral-15: #0c0c0c;
  /* Rich Black */
  --neutral-14: #121212;
  /* Eerie Black */
  --neutral-13: #212121;
  /* Charleston Green */
  --neutral-12: #353535;
  /* Onyx */
  --neutral-11: #505050;
  /* Davy's Grey */
  --neutral-10: #717171;
  /* Dim Gray */
  --neutral-9: #909090;
  /* Standard Gray */
  --neutral-8: #A4A4A4;
  /* Silver */
  --neutral-7: #c5c5c5;
  /* Gainsboro */
  --neutral-6: #d9d9d9;
  --neutral-5: #e1e1e1;
  /* Platinum */
  --neutral-4: #ededed;
  /* Bright Gray */
  --neutral-3: #f6f6f6;
  /* Cultured */
  --neutral-2: #fafafa;
  /* Ghost White */
  --neutral-1: #ffffff;
  --black: #000000CC;
  --golden-dust: #877A05CC;
  --purple-glow: #685ED9CC;
  --red: #DC3D3D;
  --clr-gray-light: #E7EAEC;
  --clr-gray-medium: #AFAFAF;
  --neutral-9-light: #C2C2C2;
  --color-gray-600: #868686;
  --neutral-9-light: #d1d5db;
  --neutral-9-light: #D1D1D1;
  --neutral-9-50: #F7F7F7;
  --BLACK-COLOR2: #353535;
  --red: #C30000;
  --neutral-82: #f5f5f5;
  --custom-1: #C30000;


  --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: 10px;
  --gap11: 2.5rem;



  --header-height : 120px;
  --header-space : 120px;
}

header {
  top : 0;
  max-width: 1920px;
}

img {
  user-select: none;
}

body::-webkit-scrollbar {
  width: 0.25rem;
}

body::-webkit-scrollbar-track {
  background: var(--text-secondary);
}

body::-webkit-scrollbar-thumb {
  background: var(--btn-bg-1);
}

body::-webkit-scrollbar {
  width: 0.25rem;
}

body::-webkit-scrollbar-track {
  background: var(--primary-8);
}

body::-webkit-scrollbar-thumb {
  background: var(--secondary-8);
}

header {
  height: 120px;
  z-index: 2;

}

section {
  max-width: 1920px;
 /* margin: auto;*/
}


main {
  padding-top: 8rem;

}

a:active {
  color: inherit;
}


.header-height {
  margin-top : var(--header-height) !important;
}

.zr-wrapper-1 {
  max-width : 1920px; 
  margin : auto;
}



.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-justifay-left {
  justify-content: left;
}

.zr-header-Price {
  background-color: var(--BLACK-COLOR2);
  padding: 10px;
}

.zr-header-Price-txt {
  color: var(--primary-1);
  gap: 100px;
}

.zr-icon-header-box img,
.zr-icon {
  width: 24px;
  height: 24px;
}

.zr-haeder-Layer2 {
  padding: 0.5rem 2rem;
  background-color: var(--primary-1);
  border-bottom: 1px solid var(--neutral-7)
}

.zr-gap {
  display: flex;
  align-items: center;
}

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

.zr-gap-8px,
.zr-gap-2
{
  gap: 0.5rem;
}

.zr-gap-1rem {
  gap: 1rem;
}

.zr-center-icon-header div {
  margin: auto;
}

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

.zr-size-box-icon {
  width: 33%;
}

.zr-pd-top-24px {
  padding-top: 24px;

}

.zr-pd-top-16px {
  padding-top: 1rem;
}

.custom-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 350px;
  height: 100vh;
  background-color: var(--neutral-1);
  border-left: 1px solid #ccc;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.05);
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1000;

}

.zr-login {
  padding: 1rem;
}

.custom-menu.active {
  transform: translateX(0);
}

.custom-menu-list {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  /* margin-top: 70px; */
}

.custom-menu-item {
  padding: 1rem 2rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  gap: 0.5rem;
  max-height: 60px;
  min-height: 60px;
  border-block: 1px solid transparent;
}

.custom-menu-item:hover {
  border-block: 1px solid var(--neutral-7);
}


.custom-menu-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out;
}

/* .custom-menu-item:hover .custom-arrow2 {
display: block;
} */

/* .custom-menu-item:hover {
background-color: var(--neutral-3);
} */

/* .custom-menu-item:hover::after {
background-color: var(--primary-8);
} */

.custom-arrow {
  margin-right: 8px;
  max-width: 24px;
  max-height: 24px;
  min-width: 24px;
  min-height: 24px;
}

.custom-arrow img {
  max-width: 24px;
  max-height: 24px;

}

.zr-meno {
  width: 100%;
  padding: 1rem;
  gap: 14px;
  border-bottom: 1px solid var(--neutral-7);
  justify-content: right;
}

/* استایل‌های منوی فرعی */
/* .products-menu-item {
position: relative;
} */

.submenu {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
  background-color: var(--neutral-1);
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  min-width: 200px;
  border-radius: 4px;
  padding: 0.5rem 0;
}

.submenu.active {
  display: flex;
  flex-direction: column;
}

.submenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.submenu li {
  /* padding: 0.75rem 1rem; */
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

/* .submenu li:hover {
background-color: var(--neutral-3);
font-weight: bold;
border-block: 1px solid #C5C5C5;

} */

/* .products-menu-item:hover .submenu {
display: block;
} */

/* استایل‌های جدید برای منوی فرعی */
.products-menu-item {
  /* position: relative; */
}

.products-menu-item .submenu {
  position: fixed;
  top: 0px;
  /* right: 300px;  */
  width: 350px;
  height: 100vh;
  background-color: var(--neutral-1);
  border-left: 1px solid #ccc;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.05);
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 999;
  margin-right: 1px;
  border-radius : 0px;
}

/* .products-menu-item:hover .submenu {
transform: translateX(0);
} */

/* استایل‌های اضافی برای منوی فرعی */

.products-menu-item .submenu .custom-menu-header {
  border-bottom: 1px solid var(--neutral-7);
  background-color: #F6F6F6;
}


.products-menu-item .submenu .custom-menu-list {
  margin-top: 0;
}

.products-menu-item .submenu .custom-menu-item {
  /* padding: 1rem 1rem 1rem 0.5rem; */
  /* border-bottom: 1px solid var(--neutral-7); */
}

/* .products-menu-item .submenu .custom-menu-item:hover {
background-color: var(--neutral-3);
font-weight: bold;
} */

/* .products-menu-item .submenu .custom-menu-item:hover svg path,
.custom-menu-item:hover svg path {
fill: var(--neutral-1);
} */

/* .products-menu-item .submenu .custom-menu-item:hover .zr-meno-hover {
background-color: wheat;
} */

.zr-meno-hover {
  /* background-color: red; */
}

/* استایل‌های منوی فرعی سطح دوم */
.submenu-trigger {
  position: relative;
}

.custom-menu-item2 {
  padding: 1rem 2rem;
  border: 0.5px solid #ffffff;
  min-height: 60px;
}

.submenu-level-2-list li {
  border: 1px solid white;

}

.submenu-level-2 {
  /*  display: none; */
  position: absolute;
  right: 100%;
  width: 350px;
  height: 100vh;
  background-color: var(--neutral-1);
  border-left: 1px solid #ccc;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.05);
  /* transform: translateX(100%); */
  /* transition: transform 0.3s ease-in-out; */
  /* z-index: 998; */
  z-index: -1000;
  /* transition: 0.5s opacity !important; */
  transition-delay: 0.3s;
  opacity: 0;
  max-height: 0px;
  overflow: hidden;
  margin-right: 2px;
}


.submenu-level-2-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.submenu-level-2-list li {
  padding: 1rem 1rem 1rem 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  /* border-bottom: 1px solid var(--neutral-7); */
  width: 100%;
  min-height: 60px;

}

/* .submenu-level-2-list li:hover {
background-color: var(--neutral-3);
font-weight: bold;
} */

/* .submenu-trigger:hover .submenu-level-2 {
z-index: 1;
opacity: 1;
} */

/* .zr-custom-menu-hover:hover .zr-meno-hover {

background-color: var(--primary-8);

} */

/* .zr-custom-menu-hover:hover .zr-txt-coler-hover {
color: var(--primary-1);
} */
.submenu-level-2-list p {
  color: #09221F;

}

.custom-arrow2 {
  display: none;
}

.zr-top-minus-61 {
  top: -61px;
  margin-top: -58px;
}

.zr-top-minus-111 {
  /* top: -111px; */
  top: -116px;
}

.zr-top-minus-161 {
  /* top: -161px; */
  top: -173px;
}

.zr-style-Products {
  /* border: 1px solid var(--neutral-7);
  background: var(--primary-8);
  color: var(--primary-1);*/
  padding: 18px;
}

/* .zr-custom-menu-hover:has(>.custom-menu-list:hover)>.custom-menu-header {

background: var(--neutral-3);
color: var(--black);


} */
.zr-back-icon-header {
  display: none;
}

.zr-custom-menu-mahsolat {
  height: 60px;
  margin-top: -8px;
}

.zr-custom-menu-mahsolat,
.zr-style-Products {
  border-top: unset;
  border-right: unset;
}


.zr-meno {
  height: 60px; 

}

/* 
.zr-custom-menu-hover:has(>.custom-menu-list:hover)>.custom-menu-header svg path {
fill: var(--black);
} */


/* بخش ایکون  ادمک با فلش */
.zr-icon-header-container {
  /* position: relative; */
  display: inline-block;
  /* مهم: باید این خط اضافه بشه */
}

.zr-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--neutral-3);
  box-shadow: 0px 0px 10px 0px #0000001A;
  padding: 0.5rem;
  text-align: center;
  list-style: none;
  margin: 0;
  z-index: 99999;
  min-width: 199px;
}


.zr-dropdown-menu li {
  margin-bottom: 8px;
  padding: 3px;
}

.zr-dropdown-menu li:first-child:not(:only-of-type) {
  background: #FFFFFF;
  border: 1px solid #C5C5C5;
  min-height: fit-content;
  flex-direction : column;
}

.zr-dropdown-menu:has(> li:only-child) {
  padding : 0px !important; 
}

.zr-dropdown-menu li:last-child {
  margin-bottom: 0;
}

.zr-dropdown-link {
  text-decoration: none;
  color: var(--black-coler-2);
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0px;
  min-height : 36px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* .zr-dropdown-link:hover {
background-color: #f0f0f0;
} */

.zr-icon-header-box {
  /* display: flex; */
  align-items: center;
  gap: 8px;
  cursor: pointer;
  /* position: relative; */
}

/* .zr-icon-header-container:hover .zr-dropdown-menu {
display: block;
} */

/* .zr-icon-header-container:hover .zr-arrow-icon {
transform: rotate(180deg);
transition: transform 0.3s ease;
} */

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

.zr-hidden3 {
  display: none;
}

.zr-search-container {
  padding: 1rem;
  direction: rtl;
  background-color: var(--primary-1);
  display: flex;
  justify-content: center;
}

.zr-search-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 500px;
  margin: auto;
  border: 1px solid var(--primary-8);
}

.zr-search-input {
  flex: 1;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--neutral-8);
  border-radius: 8px;
  font-size: 1rem;
}

.zr-search-button {
  padding: 12px 41px;
  background-color: var(--primary-8);
  color: var(--primary-1);
  border: none;
  gap: 10px;
  /* cursor: pointer; */
}

.zr-slider-viewproduct-section {
  height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-height: 800px;
}

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

.zr-product-title-container {
  flex-direction: column;
  align-items: flex-end;
  direction: ltr;
  width: fit-content;
}

.slick-list {
  width: 100%;
  height: 100%;
}

.slick-track {
  height: 100%;
}

.zr-slider-viewproduct-section .slick-dots {
  position: absolute;
  bottom: 2rem;
  left: 4rem;
}

.slick-dots {
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding-top: 1rem;
}

.slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--neutral-8);
  position: relative;
  border: none;
  padding: 0;
  margin: 0 6px;
  color: transparent;
}

.slick-dots li button {
  background: transparent !important;
}

.slick-dots li.slick-active {
  border: 1px solid var(--black-coler-2)
}

.zr-product-title-size-1 {
  min-width: 169px;
  width : fit-content;
}

.zr-product-title-size-2 {
  min-width: 194px;
  width: 100%;
  box-sizing: border-box;
}

.zr-product-title > p {
  text-align: right; 
}


.zr-product-overlay {
  position: absolute;
  /* top: 0; */
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 4rem;
  padding-bottom: 2rem;
}

.zr-product-title {
  color: black;
  background-color: var(--primary-1);
}

.zr-view-product {
  background-color: var(--primary-8);
  color: var(--primary-1);
  padding: 10px 32px;
  /* text-decoration: none; */
  /* border-radius: 5px; */
  transition: background-color 0.3s;
  gap: 38px;
  min-width: 219px;
  justify-content: center;
  position: absolute;
  transform: translateX(50%);
  right: 50%;
  bottom: 2rem;
}

/* .zr-view-product:hover {
background-color: var(--secondary-8);
color: var(--black-coler-2);
} */

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

/* .zr-view-product:hover svg path {

stroke: var(--black-coler-2);
} */

.zr-product-title {
  color: black;
  background-color: var(--primary-1);
}



/* .zr-view-product:hover {
background-color: var(--secondary-8);
color: var(--black-coler-2);
} */

.zr-view-product img {
  width: 24px;
  height: 24px;

}

/* .zr-view-product:hover svg path {
stroke: var(--black-coler-2);
} */

.zr-Category-box-back {
  background: url(/themes/website/lapis/img/backgrand-line.png);
  width: 100%;
  height: 100%;
  background-size: contain;
  /* padding-top: 4rem;*/
  padding-bottom: 250px;
  display : flex;
}

.zr-Category-parent {
  padding-inline: 2rem;
  padding-top: 4rem;

}

.zr-Category-btn {
  background-color: var(--neutral-3);
  margin-left: auto;
  text-align: center;
  width: 171px;
  padding: 15px 16px;
  color: var(--primary-8);
}

.zr-Category-hed-box {
  /* border: 1px solid; */
  /* border-bottom: none; */
}

.zr-Category-box {
  background-color: var(--neutral-3);
  width: calc(20% - 13px);
  border: 1px solid var(--neutral-7);
  /*q*/
  max-width: 358px;
  min-width: 230px;
  /* display: flex; */
  /* flex-direction: column; */
  /* gap: 8px; */
  /* border-radius: 10px; */
  overflow: hidden;
  user-select: none;
  /* جلوگیری از انتخاب متن موقع drag */
  -webkit-user-drag: none;
  /* جلوگیری از درگ تصویر در بعضی مرورگرها */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06)
}

/* .zr-Category-box:hover .zr-Category-hed-box {
background: var(--primary-8);
color: var(--primary-1);

} */


.zr-flash-view-img {
  background: var(--primary-8);
  width: 40px;
  height: 40px;
  padding: 11px;
  display : flex;
}

.zr-blog-view-2 {
  display: none !important;
}


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

/* .zr-Category-box:hover .zr-flash-view-img {
background: var(--primary-1);

} */

/* .zr-Category-box:hover .zr-view-1 {
display: none;
} */

/* .zr-Category-box:hover .zr-view-2 {
display: block;
} */

.zr-Category-img img {
  height: 100%;
  display: block;
  gap: 1rem;
  max-height: 352px;
  object-fit: cover;
}

.zr-Category-box-parent {
  gap: 1rem;
  padding-top: 1rem;
  /*q*/
  gap: 12px;

  /* می‌تونی این متغیرها رو تغییر بدی */
  /* --item-min: 200px; */
  /* حداقل عرض هر باکس */
  /* --item-max: 28%; */
  /* حداکثر (می‌تونی عدد درصدی یا px بذاری) */

  /* grid-auto-columns: minmax(var(--item-min), var(--item-max)); */


}

.zr-Category-box-parent::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

.zr-pd-8 {
  padding: 8px;
}

.zr-ring-details {
  /* width: 100%;*/
  margin-inline: 64px auto;
  /* white-space: nowrap; */
  /*برای یک خطی شدن اسلایدر  */
}

.zr-ring-txt {
  gap: 2rem;
  height: 100%;
}

.zr-btn-view-all {
  width: 200px;
  background-color: var(--neutral-3);
  border: 1px solid transparent;
  /* مهم */
  box-sizing: border-box;

}

.zr-blog-list-slider-txt-pnt {
  /* margin: auto; */
}

.zr-products-img-box {
  position: relative;
  /* بادت نره */
  height: auto;
  aspect-ratio: 418 / 471;
  width: 100%;
  /* max-width: 418px; */
  /* You can adjust max-width as needed */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zr-products-img-box img,
.zr-blog-articles-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;

}

.zr-products-name p {
  /* text-align: end; */

}

.zr-products-name2 p {
  line-height: 50px;
}

.zr-products-details-parent {
  padding: 0.5rem 1rem;
  gap: 10px;
}

.zr-product-slider .zr-pro-slide,
.zr-slider-product .zr-product-list-box 
{
  border: 1px solid var(--neutral-7);
  margin-left: 10px;
  margin-inline: 5px;

}



.zr-coler-silver {
  color: var(--neutral-8);
}

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

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

.zr-product-information {
  bottom: 1.5rem;
  right: 1.5rem;
  width : 90%;
  flex-wrap: wrap;
}

.zr-product-information  > span {
  max-height :25px; 
}


.zr-tag-Inventory {
  background-color: var(--golden-dust);
}

.zr-tag-new {
  background-color: var(--purple-glow);
}

.zr-tag-No-added-value {
  background-color: var(--black);
}

.zr-tag-coler-txt {
  color: var(--primary-1);
  padding: 4px 8px;
}

.zr-inderim {
  background-color: var(--red);
  color: var(--primary-1);
  top: 1rem;
  left: 1rem;
  padding: 6px 8px;
  width: 36px;
}

.zr-btn-view-parent {
  margin-top: auto;
}

.zr-ring-parent {
  margin-top: 6rem;
}

.zr-product-slider {
  width: 75.5%;
  margin-right: 1rem;
}

.zr-mahsol-name {
  padding-inline: 1rem;
  /*border-right: 1px solid var(--neutral-7);*/
}

.zr-list-pnt {
  /* padding: 0.5rem 1rem; */
  padding: 0rem 2rem;
  min-height : 82px;
  justify-content: space-between;

}

.zr-sort-box {
  border: 1px solid var(--neutral-9-light);
  min-width: 400px;
}

.zr-sort-box p {
  padding: 1rem;
  flex: 1;
}

/* فاصله بین آیتم‌های اسلایدر محصولات */
.zr-slider-product.slick-initialized>li {
  margin-left: 17px;
  width: auto !important;
}

.zr-slider-product.slick-initialized>li:first-child {
  margin-left: 0;
}

/* استایل دکمه‌های اسلایدر (dots) */
.zr-product-slider .slick-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 17px;
  /* margin-top: 15px; */
  position: static;
}

.zr-product-slider .slick-dots li {
  width: 272px;
  height: 8px;
  border-radius: 0px;
  background: var(--neutral-6);
  margin: 0 !important;
  padding: 0 !important;
  border: none;
}

.zr-product-slider .slick-dots li.slick-active {
  background: var(--primary-8);
}

.zr-product-slider .slick-dots li button {
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  padding: 0;
  border: none;
  background: transparent;
}

.zr-slider-product li {
  /* width: 420px !important; */
}

.slick-slide {
  /* max-width:420px !important; */
}

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

/* .zr-btn-view-all:hover {
border: 1px solid var(--primary-8);
background: var(--primary-8);
color: var(--primary-1);
} */

/* .zr-btn-view-all:hover svg path {

fill: var(--primary-8);
} */

/* .zr-btn-view-all:hover .zr-flash-view-img {
background: var(--primary-1);

} */

.zr-products-img-box img {
  width: 100%;
}

.zr-products-img-box .zr-img-products-hover {
  opacity: 0;
  pointer-events: none;
}

/* .zr-slider-product li:hover .zr-img-products-org {
opacity: 0;
} */

/* .zr-slider-product li:hover .zr-img-products-hover {
opacity: 1;
}

.zr-slider-product1 li:hover .zr-img-products-org {
opacity: 0;
}

.zr-slider-product1 li:hover .zr-img-products-hover {
opacity: 1;
} */

.zr-slider-product1 {
  /* padding-left: 2rem; */
}

.zr-image-link-group {
  width: 350px;
  /* padding-top: 184px; */
  gap: 1rem;

}

.zr-promo-box-parent {
  margin-top: 4rem;
  max-height : 850px;
}

.zr-banner-link {
  background-color: var(--primary-8);
  background-image: url(/themes/website/lapis/img/Layer_1.png);
}

.zr-line {
  border: 1px solid var(--primary-1);
  height: 3px;
  width: 100px;
  background-color: var(--primary-1);
}

.zr-banner-link-txt2,
.zr-banner-link-txt1 {
  color: var(--primary-1);

}


.zr-image-link-banner > img {
  max-height: 350px;
  max-width: 350px;
  object-fit: cover; 
}



.zr-view-banner {
  background-color: var(--primary-7);
  color: var(--primary-1);
  margin-left: 0;
}

.zr-view-banner-flash {
  background: var(--secondary-8);

}

/* .zr-view-banner-flash:hover {
background-color: var(--primary-1);
}

.zr-view-banner:hover {
background-color: var(--primary-7);
} */

.zr-promo-banner img {
  height: 100%;
  object-fit : cover;
}

/* test برند*/
.zr-brand-parent {
  background-color: var(--neutral-3);
  /* padding-bottom: 6.25rem; */
}

.zr-brannd-img-medium-box {
  width: 269px;
  height: 291px;
  margin-top: auto;
  transform: translate(-70px, 100px);
}

.zr-brand-img-small-box {
  margin-top: auto;
  transform: translate(-110px, 60px);
  height: 185px;
}

.zr-brand-img-part2 {
  /* margin-left: -7.25rem;    */
}

.zr-spacing {
  margin-block: 4rem;
}

.zr-brand-img-large-box {
  height: 574px;
}

.zr-brand-img-xlarge-box {
  height: 807px;
}

.zr-brand-select {
  width: 38.6%;
  padding-top: 4rem;
}

.zr-brand-Subject {
  background-color: var(--primary-8);
  color: var(--pure-white, #FFFFFF);
  width: 300px;
  margin-left: auto;
  padding: 1rem;
}

.zr-select-brand {
  gap: 2rem;
  color: #BDBDBD;
}

/* .zr-select-brand li:hover,
.zr-slect {
color: var(--black);
} */

.zr-wapper-purchase {
  max-width: 1440px;
  /*در این قسمت یک width:100% دادم به صورت  کلاس */
  padding-inline: 1rem;

}

.zr-purchase-features-box {
  width: 25%;
  background: var(--neutral-3);
  border: 1px solid var(--neutral-7);
  flex: 1;
}

.zr-purchase-features-pnt {
  gap: 1rem;
  margin-block: 14rem;
}

.zr-purchase-features-img {
  margin: -57px auto;
}

.zr-purchase-features-txt {
  padding-block: 2rem;
  /* padding-inline: 1rem; */
  padding-top: 63px;
  gap: 4px;
  white-space: nowrap;
}

.zr-purchase-features-img {
  width: 110px;
  height: 110px;
}

.zr-purchase-features-txt2 {
  color: var(--neutral-9);
}

.zr-tagline-pnt-box {
  padding-inline: 4rem;
  gap: 1rem;
}

.zr-tagline-header-box {
  padding: 2rem;
  background: var(--neutral-3);
  border: 1px solid var(--neutral-7);
  direction : rtl;
}

.zr-tagline-txt {
  padding-block: 0.5rem;
}

/*.zr-spacing2 {
margin-top: 14rem;
}*/

.zr-blog-slider-ul {
  gap: 1rem;
}

.zr-blog-slider-ul li {
  border: 1px solid var(--neutral-7);
  /* width: 25%;
  max-width: 596px; */ 
  height: auto;
  aspect-ratio: 596/624;

  overflow: hidden;
}

.zr-blog-slider-header-pnt {
  padding: 1rem;
  gap: 10px;
}

.zr-blog-slider-header-txt1 {
  color: var(--primary-8);
  gap: 10px;
  /* padding-block: 4px; */
}

.zr-blog-view-1,
.zr-blog-view-2 {
  width: 18px;
  height: 18px;
}

.zr-blog-txt1 {
  height: 58px;
  line-height: 180%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* تعداد خطوطی که می‌خوای نمایش داده بشه */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zr-blog-txt2 {
  height: 50px;
  line-height: 180%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* تعداد خطوطی که می‌خوای نمایش داده بشه */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zr-blog-slider-header-txt2 {
  padding-block: 9.5px;
}

.zr-wapper-blog-txt {
  padding-right: 2rem;
}

.zr-blog-txt {
  padding: 2rem;
  background: var(--neutral-3);
  max-height: 654px;
  /* height: 624px; */
}

.zr-blog-slider-pnt {
  /* padding-right: 1rem; */
  width: 84%;

}



/* .zr-blog-slider-pnt .slick-list {
padding-left: 10px !important;
padding-right: 0 !important;
overflow: visible !important;
} */


.zr-blog-slider-ul .slick-slide {
  margin: 0 10px;
}


.zr-blog-slider-img {
  aspect-ratio: 569/492;
}

.zr-blog-slider-img img {
  object-fit: cover;
  height: 100%;
}

.zr-blog-slider-date {
  text-align: left;
  padding: 0.2rem 1rem;
}

.zr-blog-pnt {
  margin-bottom: 4rem;
  /* این رو باید برداری فقط برای تست */
}

.zr-blog-slider-pnt .slick-dots li.slick-active {
  background-color: var(--primary-8);
}

.zr-blog-slider-pnt .slick-dots li {
  width: 512px;
  height: 8px;
  border-radius: 0px;
  background: var(--neutral-6);
  margin: 0 !important;
  padding: 0 !important;
  border: none;
}


/* موقعیت دکمه‌ها */
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 50px;
  height: 50px;
  background-color: #f0f0f0;
  border: none;
  border-radius: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  color: #333;
  font-weight: bold;
  font-size: 0px;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* display: none;   */
}

/* دکمه قبل سمت چپ */
.slick-prev {
  background-image: url(../img/svg/قبلی.svg);
  right: 2%;
}

/* دکمه بعد سمت راست */
.slick-next {
  left: 2%;
  background-image: url(../img/svg/next.svg);
}


/* غیرفعال شدن دکمه */
.slick-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.slick-prev .slick-arrow {
  background-image: url(../img/svg/قبلی.svg);
}

/* پیش‌فرض: دکمه‌ها مخفی باشن */
.zr-slider-hover .slick-prev,
.zr-slider-hover .slick-next {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

/* وقتی روی اسلایدر hover شد، دکمه‌ها ظاهر بشن */
/* .zr-slider-hover:hover .slick-prev,
.zr-slider-hover:hover .slick-next {
display: block;
opacity: 1;
visibility: visible;
} */

.zr-size-icon-2 {
  width: 33.333%;
}

.zr-footer-lgo {
  max-width: 120px;
}

.zr-logo-namad img {
  width: 60px;
  /* border-left: 1px solid; */
  /* padding-inline: 74px; */
}

.zr-logo-namad {
  padding-block: 1rem;
  flex: 1;
}

.zr-social-icon img {
  width: 33px;
}

.zr-social-icon {
  flex: 1;
  padding: 1rem;
  /* border-right: 1px solid var(--neutral-7); */
}

.zr-footer-link-ul {
  gap: 1rem;
}

.zr-border-bottom-footer {
  border-bottom: 1px solid var(--neutral-7);
}

.zr-border-inline-footer {
  border-inline: 1px solid var(--neutral-7);
  align-items: center;
}

.zr-border-footer {
  border-top: 1px solid var(--neutral-7);
}

.zr-footer-social-txt {
  padding-block: 12px;
}

.zr-footer-info-pnt {
  padding: 2.5rem 2rem;
  height : 100%;
}

.zr-footer-social-icon {
  max-height: 66px; 
}

.zr-footer-li-coler {
  height: 200px;
  max-height: 200px;
  flex-wrap : wrap;
  color: var(--neutral-10);
}

.zr-footer-link-slect {
  color: var(--black-coler-2);
}

.zr-footer-lgo-txt p {
  line-height: 180%;
}

.zr-footer-logo-pnt {
  padding: 1rem;
}

.zr-footer-logo-pnt {
  flex: 1;
}

.zr-footer-btn {
  background: var(--secondary-8);
  padding: 6.5px 2rem;


}

/*صفحه دوم product list*/

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

.zr-hdr-filter-pnt {
  justify-content: space-between;
  padding: 1rem 2rem;
  border-bottom: 1px solid var(--neutral-7);
  align-items: center;
}

.zr-margin-center {
  margin: auto;
}

.zr-item-filter-ptn {
  gap: 10px;
  /* width: 837px; */
  /* justify-content: center; */
}

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

.zr-filter-item {
  gap: 10px;
  overflow: auto;
  scrollbar-width: none;
  /* align-items: center; */
}

.zr-filter-item li,
.zr-search-results-tag,
.zr-item-filter,
.search-result
{
  display: flex !important;
  height: 38px !important;
  border: 1px solid var(--primary-8) !important;
  background: var(--clr-gray-light) !important;
  align-items: center !important;
  /* padding-inline: 1rem; */
  padding: 0.5rem 1rem !important;
  gap: 8px !important;
  white-space: nowrap !important;
  border-radius : 0px !important;
}

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

.zr-filter-btn {
  padding: 15px 11rem;
  border: 1px solid var(--neutral-9-light);
}

.zr-search-results,
.zr-pd-16 {
  padding: 1rem;
}

.zr-filter-bestseller {
  justify-content: space-between;
  padding-inline: 4rem;
  gap: 80px;
}

/* دکمه فیلتر */
.zr-filter-btn p {
  /* border: 1px solid #ccc;
  padding: 8px 20px;
  display: inline-block;
  cursor: pointer;
  font-weight: bold; */
}

/* پنل فیلتر (Drawer) */
.zr-filter-panel {
  position: fixed;
  top: 0;
  right: -100%;
  width: 350px;
  height: 100vh;
  background-color: var(--primary-1);
  border-left: 1px solid #ddd;
  box-shadow: -3px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  /* overflow-y: auto; */
  /* padding: 16px; */
  transition: right 0.3s ease;
  direction: rtl;
}

.zr-filter-panel-wrapper {
  padding: 1rem;
}

/* وقتی فعال شد */
.zr-filter-panel.active {
  right: 0;
}

.zr-filter-btn2-pnt {
  padding: 32px;
  bottom: 0;
}

/* هدر فیلتر */
.zr-filter-panel-2 > .zr-filter-header:first-child {
  position: sticky;
  top: 0;
  background: var(--primary-1);
  z-index: 5;
}

.zr-filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 16px;
}

.zr-filter-header button {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  width: 24px;
  height: 24px;
}

/* تگ‌های فیلتر انتخاب‌شده */
.zr-selected-filters {
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 20px;
}

.zr-filter-tag {
  background: var(--clr-gray-light);
  border: 1px solid var(--primary-8);
  padding: 1px 15px;
  /* gap: 0.5rem; */
  white-space: nowrap;

}

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

.zr-filter-tag button {
  padding-top: 0.5rem;
}

/* هر بخش فیلتر */
/* .zr-filter-section {
margin-bottom: 20px;
} */

/* .zr-filter-section details {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
} */

/* .zr-filter-section summary {
cursor: pointer;
font-weight: bold;
margin-bottom: 10px;
} */

/*بخش نوار فیلتر*/
.zr-filter-icon {
  gap: 1rem;
}

.zr-filter-Weight-header {
  padding-block: 1rem;
  border-bottom: 1px solid var(--neutral-7);
}

.zr-filter-Weight {
  margin-top: 24px;
  max-height: 95px;
  /* مقدار مناسب برای باز بودن */
  /* overflow: hidden; */
  transition: max-height 0.4s ease;
}

.zr-filter-Weight.hide {
  max-height: 0;
  overflow: hidden;
}

/* ورودی وزن */
.zr-weight-inputs {
  margin-top: 10px;

}

.zr-weight-inputs input {
  /* width: 60px; */
  /* padding: 4px; */
  text-align: center;
}

/* برای بخش فیلتر مرتب سازی*/

.zr-sort-box {
  background: var(--primary-1);
  /* cursor: pointer; */
  border: 1px solid var(--neutral-7);
  /* border-radius: 6px; */
  /* box-shadow: 0 2px 6px rgba(0,0,0,0.1); */
}

.zr-sort-list {
  position: absolute;
  top: calc(100% + 8px);
  /* نمایش دقیقا زیر باکس */
  left: 0;
  background: var(--neutral-1);
  border: 1px solid var(--neutral-7);
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px #0000001A;
  display: none;
  z-index: 99;
  padding: 1rem;
}

.zr-sort-list li {
  padding: 8px 16px;
  text-align: center;
  font-size: 14px;
  color: var(--clr-gray-medium);
  cursor: pointer;
  /* display: flex;
  flex-direction: column;
  gap: 10px; */
}

.zr-sort-list p {
  margin: auto;
}

/* .zr-sort-list li:hover {
color: var(--black-coler-2);
font-size: 16px;
font-weight: 700;

} */

/* نمایش وقتی باکس یا لیست hover شد */
/* .zr-sort-wrapper:hover .zr-sort-list {
display: block;
} */

.zr-sort-label.active {
  color: var(--primary-8);
}

.zr-sort-label {
  color: var(--clr-gray-medium);

}

.zr-selected-filters-ul {
  scrollbar-width: none;
  padding: 2px;
}

.zr-filter-toggle-btn.rotate img {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.zr-filter-content {
  max-height: 300px;
  overflow: auto;
  transition: max-height 0.4s ease;
}


/*اسکرول قسمت دسته بندی */

.zr-filter-content {
  overflow-y: auto;
  /* یا scroll */
  /* scrollbar-width: thin; */
  /* برای Firefox */
  /* scrollbar-color: var(--primary-8) var(--neutral-7); */
  /* thumb و track برای Firefox */
  border-radius: 18px;
}


/* برای مرورگرهای WebKit مثل Chrome, Safari */
.zr-filter-content::-webkit-scrollbar {
  width: 8px;
  border-radius: 20px;
}

.zr-filter-content::-webkit-scrollbar-track {
  background: var(--neutral-7b);
  border-radius: 20px;
}

.zr-filter-content::-webkit-scrollbar-thumb {
  background-color: var(--primary-8);
  /* رنگ سرمه‌ای */
  border-radius: 20px;

}



/*تا اینحا مال اسکرول هست*/
.zr-Default {
  overflow: revert;
}

.zr-filter-content.hide {
  max-height: 0;
  overflow: hidden;
}

/*چک باکس */

.zr-checkbox {
  /* display: flex; */
  align-items: center;
  gap: 10px;
  cursor: pointer;
  /* font-size: 18px; */
}



.zr-checkbox img {
  width: 24px;
  height: 24px;
  display: none;
}

.zr-Metal-Checkbox-box ul {
  gap: 10px;
  padding: 1rem;
}


.parent-slide {
  border-radius: unset !important;
}

/*فیلتر ها اجزای */

.zr-range-bar {
  appearance: none;
  /* نوار پیش فزض باگ میکنه*/
  width: 100%;
  height: 8px;
  background: #102B3F;
  /*تعریف نشده*/
  /* border-radius: 4px; */
  /* position: relative; */
}

/* برای نوار بالا فیلتر وزن*/
.zr-range-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  /* background: white; */
  /* border: 4px solid #102B3F; */
  border: 5px solid var(--primary-1);
  background: var(--primary-8);

  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 0 8px #ccc;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.zr-weight-inputs {
  gap: 1rem;

}

.zr-weight-inputs>div {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 13px;
  gap: 10px;
  /* display: flex; */
  /* align-items: center; */
  /* font-size: 1rem; */
}

.zr-weight-inputs p {
  margin: 0 0.3rem;
  /* font-size: 0.9rem;
  color: #444; */
}

.zr-weight-inputs input {
  width: 40px;

}

.zr-weight-inputs input:focus {
  outline: none;
}

.zr-range-box {
  width: 286px;
}

.zr-border-buttem {
  border-bottom: 1px solid var(--neutral-7);
}

.zr-product-list-img .zr-img-products-hover {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* 
.zr-product-box-pnt li:hover .zr-img-products-org {
opacity: 0;
}

.zr-product-box-pnt li:hover .zr-img-products-hover {
opacity: 1;
} */

.zr-product-list-img {
  aspect-ratio: 362 / 434;
  max-width: 362px;
  max-height: 434px;
  /* width: 100%; */
  /* height: 100%; */
}

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

.zr-product-list-box  .zr-product-list-img {
  max-width: 100%;
}

.zr-product-box-pnt {
  gap: 1rem;
  padding: 1rem;
  display: grid !important;
  /* grid-template-columns: repeat(3, 1fr); */
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-width: 1920px !important;
  margin: auto;
}

.zr-product-box-pnt>li {
  /* width: 380px; */
  /* width: 20%; */
  aspect-ratio: 364 / 542;
  max-width: 364px;
  border: 1px solid var(--neutral-7);
}

.zr-old-price {
  text-decoration: line-through;
  color: var(--neutral-8);
}

.zr-pagination {
  gap: 10px;
}

.zr-arrow2 {
  width: 24px !important;
  height: 24px !important;
}

.zr-pagination a {
  width: 30px;
  height: 30px;
}

/* .zr-pagination a:hover {
background: var(--primary-8);
color: white;
display: flex;
justify-content: center;
} */

.zr-pagination p {
  font-weight: 500;
  padding: 4px;
  width: 24px;
}

.zr-pagination {
  padding: 32px 10px;

}

.zr-breadcrumb-ul {
  padding: 1rem 2rem;
  /* gap: 1rem; */
}

/*صفحه سوم (product-detail)*/

.zr-breadcrumb-ul a {
  gap: 1rem;
  color: var(--neutral-9-light);

}

.zr-breadcrumb-current {
  color: var(--neutral-10) !important;
}

.zr-detail-img,
.zr-detail,
.zr-Half,
.zr-contact-us,
.zr-contact-us-location,
.zr-half-50 {
  width: 50%;
}

.zr-title-detail {
  padding-inline: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--neutral-9-light);
  /*تعزیف نشده*/
}

.zr-title-detail-txt,
.zr-add-card a {
  gap: 10px;

}

.zr-btn-titlecod {
  gap: 10px;
  padding-top: 1rem;
}

.zr-btn-save {
  border: 1.5px solid var(--primary-8);
  padding: 0.5rem;
  gap: 10px;
  width: 100%;
  cursor: pointer;
}

.zr-btn-save .icon-active {
  display: none;
  /* آیکون دوم مخفی */
}

/* حالت فعال */
.zr-btn-save.active .zr-btn-save-text {
  color: #fff;
  /* متن سفید */
}

.zr-btn-save.active {
  background: #142F40;
  /* سرمه‌ای */

}

.zr-btn-save.active .icon-default {
  display: none;
}

.zr-btn-save.active .icon-active {
  display: inline;
}


.zr-add-card {
  background: var(--primary-8);
  color: var(--primary-1);
  /*new-ah*/
  /*padding: 19px 90px;*/ 
  width: 100%;
  height: 73px;
  max-width: 349px;
  display:flex;
}

.zr-overflow-auto {
  overflow: auto !important;
}

.zr-price-add-cord {
  gap: 4px;
}

.zr-add-card-pnt {
  /*new-ah*/
  width: 50%;
  max-width: 349px;
  gap: 24px;
}
#divAddCart{
  /*new-ah*/
  width: 100%;
}

.zr-btn-save p {
  color: var(--primary-8);

}

.zr-coler-barcod {
  color: #868686;
  /* تعریف نشده*/
}

.zr-info-product-detail {
  /* gap: 2rem; برای waaper */

}

/*منو کشویی انتخاب وزن*/

.zr-variant {
  max-width: 280px;
  /* margin: auto; */
  /* position: relative; */
  user-select: none;
  font-size: 16px;
}

.zr-variant-header {
  background: var(--neutral-3);
  border: 1px solid var(--neutral-7);
  padding: 8px 12px;
  gap: 10px;
  cursor: pointer;
  /* display: flex; */
  /* justify-content: space-between; */
  /* align-items: center; */

}

.zr-variant-header .zr-icon {
  transform: rotate(180deg);
  transition: transform 0.3s;
}

.zr-variant.open .zr-icon {
  transform: rotate(0deg);
}

.zr-variant-list {
  display: none;
  /* position: absolute; */
  top: 100%;
  right: 0;
  /* width: 100%; */
  background: var(--primary-1);
  /* background: var(--neutral-3); */
  border: 1px solid var(--neutral-7);
  z-index: 10;
  padding: 12px 8px;
  gap: 8px;
}

.zr-variant.open .zr-variant-list {
  display: flex;
}

.zr-variant-item {
  padding: 10px;
  display: flex;
  max-width: 256px;
  /* justify-content: space-between; */
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

/* 
.zr-variant-item:hover {
background: var(--primary-8);
color: var(--primary-1);

} */

.zr-product-info {
  /* padding: 2rem 1rem ; */
  padding: 2rem;
  gap: 12px;
}

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

.zr-weight-coler {
  color: var(--primary-8);

}

.zr-weight-product-info {
  padding-block: 8px;
  color: var(--neutral-11);
  max-height : 40px;
}

/*بخش  کشویی توضیحات و...ه*/
.zr-waaper-kesho {
  padding-inline: 2rem;
  gap: 2rem;
}

.zr-toggle-container {
  /* background: white;    */
  border-bottom: 1px solid var(--neutral-7);
  /* margin-bottom: 2rem; */
  overflow: hidden;
  transition: border-bottom 0.3s;
  /* border-radius: 6px; */
  /* padding: 0 10px; */
}

.zr-toggle-header {
  /* display: flex; */
  /* justify-content: space-between; */
  /* align-items: center;      */
  cursor: pointer;
  padding: 15px 0;
}

.zr-toggle-icon {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}

.zr-toggle-content {
  direction: rtl;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease, opacity 0.3s ease;
  padding: 0;
  opacity: 0;
}

.zr-toggle-container.zr-open .zr-toggle-content {
  max-height: 1000px;
  /*reza*/
  padding: 10px 0;
  opacity: 1;
}

.zr-toggle-container.zr-open {
  border-bottom: none;
}

.zr-icon-plus,
.zr-icon-minus {
  display: none;
}

.zr-toggle-container:not(.zr-open) .zr-icon-plus {
  display: block;
}

.zr-toggle-container.zr-open .zr-icon-minus {
  display: block;
}

/*مشخصات محصول*/
.zr-product-details {
  border: 1px solid var(--neutral-9-light);
  /*تعریف نشده*/

}

.zr-hader-details {
  background: var(--neutral-3);
}

.zr-border-bottem-details {
  border-bottom: 1px solid var(--neutral-7);
  /* padding: 1rem; */
}

.zr-product-description-pnt {
  gap: 1rem;
}

.zr-product-description-text {
  background: var(--neutral-3);
  padding: 1rem 2rem;
  /* gap: 10px; */
}

/*منو 3*/
.zr-table-box {
  max-width: 896px;
  margin: 20px auto;
  border: 1px solid var(--neutral-7);
  /* border-radius: 6px; */
  overflow: hidden;
  direction: rtl;
  font-family: sans-serif;
  /* font-size: 14px; */
}

.zr-table-title {
  background-color: var(--neutral-3);
  font-weight: bold;
  font-size: 18px;
  padding: 12px;
  text-align: center;
  border-bottom: 1px solid var(--neutral-7);
}

.zr-table-row {
  display: flex;
  border-bottom: 1px solid var(--neutral-7);
}

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

.zr-table-header {
  background-color: var(--neutral-3);
  font-weight: bold;
}

.zr-cell {
  padding-block: 18px;
  border-left: 1px solid var(--neutral-7);

  /* text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; */
}

.zr-table-row .zr-cell:last-child {
  border-left: none;
}

/* ستون‌ها با عرض مشخص */
.zr-col-type,
.zr-col-size,
.zr-col-count,
.zr-col-weight {
  width: 189px;
}

.zr-col-shape {
  width: 138px;
}

.zr-size-tabel {
  padding-block: 6px;
}

/*نظرات*/

.zr-comments-container {
  max-width: 896px;
  margin: auto;
  background: var(--primary-1);
  border: 1px solid var(--neutral-7);
  border-radius: 6px;
  overflow: hidden;
}

.zr-comments-header {
  text-align: center;
  font-weight: bold;
  padding: 1rem 2rem;
  border-bottom: 1px solid var(--neutral-7);
  background: var(--neutral-3);

}

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

  border-bottom: none;
  /* font-size: 14px; 
  padding: 16px;*/
}

#divComment > div:last-child > li:last-child,
.zr-comment-li:last-child {
  border-bottom: none;
}

.zr-comment-content {
  /* width: 90%;
  gap: 1rem; */
}

.zr-comment-name-pnt {
  /* font-weight: bold; */
  /* margin-bottom: 5px;   */
  /* width: 100%; */
  padding: 1rem;
}

.zr-comment-name {
  background: var(--neutral-3);
  padding: 0.5rem 2rem;

}

.zr-comment-text {
  color: #333;
  padding : 1rem;
}

.zr-comment-date {
  /* width: 10%; */
  /* font-size: 12px; */
  color: var(--neutral-8);
  /* text-align: left; */
  /* margin-right: 10px; */
  /* white-space: nowrap; */
}

.zr-extra-comments {
  display: none;
  animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.zr-toggle-btn {
  border-top: 1px solid var(--neutral-7);
  text-align: center;
  padding: 32px 16px;
}

.zr-toggle-btn button {
  background: var(--primary-1);
  border: 1px solid var(--neutral-7);
  padding: 8px 18px;
  border-radius: 4px;
  /* font-size: 14px; */
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  transition: all 0.2s ease;
  background: var(--neutral-3);

}

/* 
.zr-toggle-btn button:hover {
background: #f5f5f5;

}
*/

.zr-toggle-btn svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  transition: transform 0.3s ease;
}

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

.zr-answer-admin {
  background: var(--neutral-3);

}

/*پرکردن نظرات*/
.zr-comments-pnt {
  border: 1px solid var(--neutral-7);
  width: 90%;
  max-width: 800px;
  margin: 2rem auto;
}

.zr-comments-txt {
  padding-block: 1rem;
  background: var(--neutral-4);
}

.zr-comments-input {
  gap: 1rem;
  padding: 1rem;
}

.zr-comments-number-and-name {
  width: 50%;
  max-width: 376px;
  gap: 0.5rem;

}

.zr-input-txt {
  background: var(--neutral-3);
  border: 1px solid var(--neutral-8);
  padding: 11px;
}

.zr-post-comment-textarea {
  background: #F6F6F6;
  padding: 16px 24px;
  color: var(--black-coler-2);
  border: 1px solid var(--neutral-8);
  padding-right: 1rem;

}

.zr-post-comment-textarea::placeholder {
  color: var(--neutral-8);
  opacity: 1;
  font-weight : 300;
}

.zr-post-comment-pnt,
.zr-tik-submit-comment
{
  padding-inline: 1rem;
}
/*
.zr-tik-submit-comment {
padding: 1rem;
}*/

.zr-post-comment-hader-name {
  padding-bottom: 0.5rem;
}

.zr-box-textarea {
  max-height: 84px;
}



.zr-submit-description {
  /* padding-inline: 2rem;
  color: var(--neutral-8);*/
}

.zr-tik-submit-comment > div:last-child {
  padding-inline: 0px !important;
}


.zr-btn-send,
button.sp-ultra-active
{
  /*padding-block: 2rem 0.5rem;*/
  max-width: 164px;
  height: 38px;
  width: 140px;
  margin-top : auto;
  background: #142F40 !important;
  color: #FFF;
}

.zr-btn-send a {
  background: var(--primary-8);
  color: var(--primary-1);
  padding: 10px 64px;
}

#Captcha {
  /*max-width: 124px;*/
  width : 100%;
  height: 44px;
  border: 1px solid #EDEDED;
}


#divCaptcha {
  background: #EDEDED;
  max-height: 44px;
  max-width: 170px;
  width : 100%;
  margin-top: auto;
}


/*یخش عکس ها*/
.zr-detail {
  position: sticky;
  top: 130px;
  height: 100%;
  overflow: auto;
  scrollbar-width: none;
}

.zr-detail-img-big {
  max-height: calc(100svh - 140px);
  border: 1px solid #80808017;
  aspect-ratio : 1 / 1;
}

.zr-detail-img {
  padding-inline: 2rem !important;
}

.zr-Half-pnt {
  gap: 1rem;
}

.zr-Half {
  max-height: 440px;
}

.zr-gap-4rem {
  margin-bottom: 4rem;
}

/* صفحه سوم contact-us  */
.zr-contact-us-hader {
  max-width: 300px;
  padding: 1rem 2rem;
  background: var(--primary-8);
  color: var(--primary-1);
}

.zr-contact-us {
  padding-top: 2rem;
}

.zr-contact-us-txt {
  padding: 60px 32px 32px;
}

.zr-contact-us-info-pnt {
  border: 1px solid var(--neutral-7);
}

.zr-contact-us-info {
  width: 33.33333%;
  padding: 1rem;
  border-left: 1px solid var(--neutral-7);
}

.zr-contact-us-icon {
  width: 60px;
  height: 60px;
  margin-top: auto;
}

.zr-messenger-icon {
  width: 80px;
  height: 88px;
}

.zr-messenger-pnt {
  border: 1px solid var(--neutral-7);
}

.zr-messenger {
  flex: 1;
  gap: 6px;
  border-left: 1px solid var(--neutral-7);
}

.zr-messenger-subject {
  padding: 1rem;
}

.zr-message-input {
  border: 1px solid var(--neutral-7);
}

.zr-send-message-wapper {
  padding: 2rem 4rem;
}

.zr-send-message-pnt {
  max-width: 600px;
  background: var(--neutral-3);
  padding-block: 1rem;

}

.zr-send-message-input {
  padding-inline: 1rem;
  /* gap: 6px; */
}

.zr-send-message-input p {
  padding-inline: 1rem;
  color: var(--color-gray-600);

}

.zr-message-input {
  height: 40px;
  padding-right: 1rem;
}

.zr-send-message-btn {
  /* margin: auto; */
  padding: 16px 64px;
  background: var(--primary-8);
  color: var(--primary-1);
  /* font-size: 18px; */
}

.zr-contact-us-location {
  max-height: 795px;
  position: sticky;
  top: 120px;
}

iframe {
  height: 100%;
}

.zr-send-message-hader span {
  color: var(--color-gray-600);
  /*تعریف نشده*/

}

/*about-us صفحه پنجم */
.zr-about-brand {
  padding-block: 138px;
  max-width: 618px;
  max-height: 850px;
}

.zr-about-brand-img {
  max-width: 350px;
}

.zr-about-brand-txt {
  padding-block: 4rem;
  gap: 10px;
}

.zr-about-brand-txt p {
  color: var(--neutral-10);

}

.zr-about-brand-icon {
  max-height: 60px;
  padding: 1rem;
}
.zr-about-brand-icon img{
  object-fit: contain;
  height: 100%;
  max-height: 60px;
}

.zr-about-gallery-pnt {
  background: var(--primary-8);
}

.zr-about-txt {
  gap: 32px;
}

.zr-about-gallery-photo {
  border: 10px solid var(--primary-1);
  max-width: 342px;
  max-height: 452px;
  width: 100%;
  height: 100%;
  /* aspect-ratio: 452 / 342; */
  object-fit: cover;
  aspect-ratio: 328 / 398;
  max-width: 342px;
  max-height: 452px;

}
.zr-about-gallery-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zr-about-photo-1 {
  margin-top: -200px;
  transform: rotate(11.61deg);
}

.zr-about-photo-2 {
  margin: 66px -164px -185px;
  transform: rotate(-7.16deg);
}

.zr-about-photo-3 {
  margin-top: -147px;
  transform: rotate(-10.9deg);
}

.zr-about-txt {
  max-width: 600px;
  padding-block: 249px;
}

.zr-about-part2-photo-1 {
  margin-bottom: 220px;
  transform: rotate(-3.46deg);
}

.zr-about-part2-photo-2 {
  margin: 62px -158px -137px;
  transform: rotate(31.72deg);
}

.zr-about-part2-photo-3 {
  margin-bottom: 232px;
  transform: rotate(9.29deg);

}

.zr-about-footer {
  padding-top: 2rem;

}

/*صفحه ششم blog list*/
.zr-blog-list-slider-pnt {
  max-width: 1920px;
}

.zr-blog-list-slider-img {
  width: 63.23%;
  max-height: 811px;
}

.zr-blog-list-slider-txt-pnt {
  width: 36.77%;
  max-height: 78svh;
  padding: 2rem;
  /* gap: 2rem; */	
}

.zr-blog-list-slider-txt-box {
  padding: 2rem;
  gap: 2rem;
}

.zr-blog-list-slider-txtb {
  gap: 2rem;
  padding: 2rem;

}

.zr-blog-list-slider-btn {
  margin-right: auto;
  padding: 1rem 2rem;
  background: var(--primary-8);
  color: white;
}

.zr-margin-r {
  margin-right: auto;
}

.zr-blog-list-slider-txt-name {
  font-size: 40px;
}

.zr-blog-list-slider-img-pnt {
  width: 63.28%;
}

/*بخش اسلایدر*/

.zr-blog-list-slider-pnt .slick-prev,
.zr-blog-list-slider-pnt .slick-next {
  position: unset;
  background-color: var(--primary-8);
  transform: none;

}

.zr-blog-list-slider-pnt .slick-prev {
  order: 2;
  background-image: url(/themes/website/lapis/img/svg/Previous-blog.svg);

}

.zr-blog-list-slider-pnt .slick-next {
  background-image: url(/themes/website/lapis/img/svg/next-blog.svg);
  order: 3;
}

.zr-blog-list-slider-pnt .slick-dots {
  order: 1;
  margin-top: -90px;
  width: 100%;
}

.zr-blog-list-slider-pnt .slick-initialized {
  justify-content: space-between;
  align-items: center;
}

.zr-blog-list-slider-pnt .slick-dots li,
.zr-slider-dots-container .slick-dots li {
  /* width: 113px; */
  flex: 1;
  max-width: 113px;
  max-height: 0.5rem;
  angle: 0 deg;
  max-height: 10px;
  background: var(--neutral-6);
  opacity: 1;
  border-radius: inherit;
  transform: none;
  margin: 0;
}

.zr-blog-list-slider-pnt .slick-dots li.slick-active,
.zr-slider-dots-container .slick-dots li.slick-active {
  background: var(--primary-8);

}

.zr-blog-list-slider-pnt .slick-disabled {
  background: #E1E1E1;
  background-image: url(/themes/website/lapis/img/svg/CaretLeft.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.zr-blog-list-slider-pnt .slick-disabled.slick-next {
  transform: rotate(180deg);
}




.zr-blog-articles-box {
  width: 33.333%;
  border : 1px solid #C5C5C5;
}

.zr-articles-ul > li {  
  border: 1px solid var(--neutral-7);
}

.zr-blog-articles-txt-pnt {
  padding: 1rem;

}

.zr-blog-articles-btn p {
  max-width: 122px;
  background: var(--primary-8);
  margin-right: auto;
  text-align: center;
  padding: 0.5rem 1rem;
  color: var(--primary-1);
}

.zr-blog-articles-more-txt p {
  color: var(--primary-8);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

.zr-blog-articles-subject p {
  padding: 1rem 2rem;
  background: var(--primary-8);
  max-width: 300px;
  text-align: left;
  color: var(--primary-1);
  /* font-size: 32px; */
  /* font-weight: 700; */

}

.zr-blog-articles-subject {
  padding-block: 76px 32px;
}

.zr-blog-list-slider-txt-box {
  justify-content: center;
}

.zr-blog-details-header-txt {
  padding: 2rem 1rem;
  gap: 2rem;
  text-align: center;
}

.zr-blog-det-wrapper {
  width: 44%;
  padding: 2rem;
}

.zr-blog-det-txt {
  padding-inline: 1rem;

}

.zr-blog-det-txt P {
  line-height: 200%;
}

.zr-articles-subject {
  /* width: 300px; */
  background: var(--primary-8);
  padding: 1rem 7.5rem;
  color: var(--primary-1);
  max-height: 77px;

}

.zr-articles-header {
  padding-left: 2rem;
  align-items: center;
  padding-bottom: 2rem;
}

.zr-gap-2rem {
  gap: 2rem;
}

.zr-slider-dots-container {
  text-align: center;
  /* margin-top: 1rem; */
}

.zr-slider-dots-container .slick-dots {
  display: flex;
}

.slick-dots li button:before {
  font-size: 10px;
  color: #999;
}

.zr-slider-dots-container .slick-dots li {
  flex: 1;
  display: none;
}

.zr-gap-main {
  margin-top: 46px;
}

.zr-blog-articles-img {
  position: relative;
  height: auto;
  aspect-ratio: 640 / 519;
  width: 100%;
  /* max-width: 418px; */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zr-img-articles-hover {
  opacity: 0;
  pointer-events: none;
}

/* 
.zr-blog-articles-box:hover .zr-img-articles-hover {
opacity: 1;
} */
/* 
.zr-blog-articles-box:hover .zr-img-articles-hover2 {
opacity: 0;
} */

/*سبد خرید */

.zr-shopping-cart-pnt {
  background-color: var(--primary-1);
  width: 576px;
  max-width: 576px;
  height: 100svh;
  /* max-height: 910px; */
  /*موقت*/

}

.zr-shopping-cart-hd-item1,
.zr-shopping-cart-hd-item2 {
  gap: 4px;
}

.zr-pencil-basket-icon {
  width: 24px;
  height: 24px;
}

.zr-shopping-cart-txt {
  color: var(--primary-8);
}

.zr-shopping-cart-txt-number {
  width: 20px;
  height: 20px;
  background: var(--primary-6);
  color: var(--primary-1);
}

.zr-shopping-cart-time {
  background: var(--primary-8);
  padding: 4px 12px;
  color: var(--primary-1);
  min-width : 85px;
}

.zr-shopping-cart-item {
  direction: rtl;
  background: var(--neutral-3);
  max-width: 545px;
  max-height: 208px;
  gap: 10px;
  padding: 0.5rem;
  max-width: calc(100% - 1rem);
  /* height: var(--zr-item-h); */
  scroll-snap-align: start;
  /* شروع هر کارت بچسبه بالا هنگام اسکرول */
  /*tst*/
}

/* اسکرول‌بار (دلخواه) */
.zr-shopping-cart-item-pnt::-webkit-scrollbar {
  width: 2px;
}

.zr-shopping-cart-item-pnt::-webkit-scrollbar-thumb {
  background: var(--primary-8);
  border-radius: 8px;
}

.zr-shopping-cart-item-pnt::-webkit-scrollbar-track {
  background-color: var(--neutral-9-light);
  /* رنگ پس‌زمینه پشت اسکرول */
}

.zr-shopping-cart-item-pnt {
  scrollbar-width: thin;
  scrollbar-color: var (--primary-8) var(--neutral-9-light);
}
.zr-shopping-cart-img-box {
  max-width: 140px;
  width: 100%;
  gap: 8px;
}
.zr-shopping-cart-img {
  max-width: 140px;
  max-height: 140px;
  width: 100%;
  height: 100%;
}
.zr-shopping-cart-img img {
  object-fit: cover;
}

.zr-shopping-cart-delete-icon {
  /* width: 32px;
  height: 32px; */
}

.zr-shopping-cart-info {
  padding: 16px;
  gap: 12px;

}

.zr-shopping-cart-price {
  text-align: left;
}

.zr-shopping-cart-product {
  /* gap: 4px;*/
}

.zr-shopping-cart-header {
  padding: 14px 1rem;
}

/*بخش اطلاعات قیمت*/
.zr-shopping-info-pnt {
  padding: 2rem 1rem;

}

.zr-cart-summary {
  border: 1px solid var(--neutral-7);
  background: var(--neutral-3);
  max-width: 720px;
}

/* دکمه جمع کل */
.zr-summary-toggle-cart {
  /* gap: 8px; */
  padding: 0.5rem;
  background: var(--neutral-3);
  border: 0;
  cursor: pointer;
}

.zr-summary-title {
  /* font-weight: 700; */
}

.zr-summary-total {
  margin-inline-start: auto;
  /* display: flex; */
  /* align-items: center; */
  gap: 10px;
}

.zr-price-now {
  /* font-weight: 800; */
}

.zr-price-old {
  color: var(--neutral-8);
  text-decoration: line-through;
}

/* خود span ثابت میمونه */
.zr-chevron {
  display: inline-flex;
  align-items: center;
  padding: 3px;
  background: var(--primary-8);

}

/* فقط تصویر داخلش می‌چرخه */
.zr-chevron img {
  width: 24px;
  height: 24px;
  transition: transform .25s ease;

}

/* وقتی باز شد */
.zr-summary-toggle.is-open .zr-chevron img {
  transform: rotate(180deg);
  /* حالت باز */
}


/* بخش جزئیات */
.zr-summary-extra {
  overflow: hidden;
  background: var(--primary-1);
  border-bottom: 1px solid var(--neutral-7);
  transform-origin: top;
  /* از بالا باز میشه */
  max-height: 0;
  transition: max-height .35s ease;
}

.zr-summary-extra.open {
  max-height: 500px;
  /* بسته به محتوای واقعی */
}

.zr-summary-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.zr-summary-list bdi {
  gap: 4px;
}

.zr-summary-list li {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: space-between; */
  padding: 10px 14px;
  border-bottom: 1px solid #eee;
  /* font-size: 14px; */
}

.zr-summary-list li.zr-strong {
  /* font-weight: 800; */
  /* border-bottom: 0; */
}




/* لیست آیتم‌ها: اسکرول عمودی + ارتفاع ثابت */
.zr-shopping-cart-item-pnt {
  direction: ltr; 

  min-height: 0;
  overflow: auto;
  flex: 1;

}

.zr-shopping-final-btn-pnt button,
.zr-shopping-final-btn-pnt a
{
  padding-block: 15px;
}

.zr-shopping-final-btn {
  background: var(--primary-8);
  color: var(--primary-1);
}

.zr-shopping-close-btn {
  background-color: var(--primary-1);
  border: 1px solid var(--neutral-7);
  color: var(--primary-8);

}

.zr-discount-code-pnt {
  max-width: 130px;
  border-bottom: 1px solid var(--primary-8);
}

.zr-discount-code-txt {
  color: var(--primary-8);

}

.zr-shopping-cart-section {
  position: fixed;
  left: 0;
  top: 0;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
  transition: right 0.3s ease-in-out;
  z-index: 1001;
  display: none;
  flex-direction: column;
  width: 100%;
  left: 0;
  background: #fff;
  height: 100svh;
  max-width: 576px;
}



.zr-overlay,
.zr-overlay-opened
{
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  /* اول پنهان */
  z-index: 9;
}


.submenu-level-2.active {
  opacity: 1;
  max-height: unset;
  overflow: unset;
}

.zr-overlay.active {
  display: block;
}

.zr-shopping-cart-section.active {
  right: 0;
}

.zr-articles-ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

}

.zr-filter-panel-2 {
  overflow: auto;
  /* فعال کردن اسکرول */

  /* برای مرورگرهای Webkit مثل Chrome, Safari */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}

.zr-filter-panel-2::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}




.zr-filter-btn2 {
  background: #142F40;
  color: white;
  cursor: pointer;
}

.zr-filter-btn2 p {
  padding-block: 10px;
}

.zr-fliter-srech .search-box::placeholder {
  color: #868686;
  font-size: 14px;
}

.zr-fliter-srech {
  /* padding-inline: 1rem;*/
  padding-bottom: 1rem;
}

.zr-fliter-srech .search-box {
  border: 1px solid var(--neutral-9-light);
  background: var(--neutral-9-50);
  padding-block: 12px;
}

.zr-hd-sort-list {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--neutral-7);
}

.zr-hr-btn-sort {
  border: 1px solid #C5C5C5;
}

.zr-search-box-2 {
  /* display: flex; */
  padding: 13px 16px;
  border-bottom: 1px solid #C5C5C5;

}

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

.zr-search-box-2 input {
  color: #BABABA;
}

/* .zr-search-box-2 button {
margin-left: auto;
width: 32px;
height: 32px;
} */

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

button {
  background: transparent;
}

/* amir */
.zr-products-name {
  min-height: 50px;
  display: flex;
}

.zr-products-name p {
  align-items: center;
  display: flex;
}

.zr-icon-header-box {
  padding-top: 0px;
}

#icon2 {
  display: none;
}

.zr-size-icon {
  cursor: pointer;
}

.zr-line-border-bag {
  border-top: 1px solid var(--neutral-7);
}

.zr-object-fit {
  object-fit: cover;
}

.zr-siz-number-pag {
  padding: 2rem 1rem;
}

.zr-delete-filter-item {
  border: 1px solid var(--red) !important;
  background-color: var(--primary-1) !important;
  color: var(--red) !important;
}


.zr-inderim {
  right: 1rem !important;
}

.zr-line-rewrite {
  margin-right: -1px !important;
}


.zr-products-name {
  min-height: 50px;
  align-content: center;
}

.zr-products-details {
  min-height: 22px;
}

.zr-products-details-parent {
  padding: 0.5rem 1rem 1rem 1rem !important;
}

.zr-icon-header-container {
  padding: 0.5rem;
}

.zr-dropdown-menu {
  margin-top: 0.5rem;
}


.zr-search-icon-box {
  margin: 0.5rem;
}

.zr-discount-container {
  width: 90%;
  z-index: 1;
  top: 1rem;
  right: 1rem;
  /* gap: 5px; */
}

.zr-discount-title {
  max-width: fit-content;
  min-height: 32px;
  background: var(--custom-1);
}

.zr-discount-title::before {
  content: '';
  position: absolute;
  top: 27px;
  height: 10px;
  width: 100%;
  right: 0;
}


.zr-center-1 {
  align-content: center;
}


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

.zr-discount-title-1 {
  min-width: 32px;
}



.zr-discount-title-2 {
  min-height: 30px;
  margin-left: 1px;
  padding-inline: 8px;
  gap: 5px;
  background: #F3F3F3;
}

.zr-discount-title:hover .zr-discount-details-container {
  display: block;
}

.zr-discount-details-container {
  background: var(--primary-1);
  display: none;
  top: 100%;
  width: 100%;
  right: 0rem;
  margin-top: 5px;
  border : 1px solid var(--neutral-5);
}

.zr-discount-details-container>p {
  background: #C30000;
  color: var(--primary-1);
  min-height: 30px;
}


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


.zr-discount-row {
  aspect-ratio: unset !important;
  border-bottom: 1px solid #E5E5EA;
}

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

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

.zr-btn-sheyr {
  border: 1px solid var(--neutral-9-light);
  width: 40px;
  height: 40px;
}

.zr-btn-sheyr img {
  padding: 0.5rem;
}

.zr-filter-icon-3 {
  gap: 0.5rem;
}

.zr-delete {
  padding: 8px;
  text-align: center;
  align-items: center;
  gap: 8px;
}

.zr-delete img {
  width: 24px;
  height: 24px;

}

.zr-detail-p-discount-box del {
  color: #BBBBBB;
}

.zr-detail-p-discount-container .zr-discount-title-p {
  min-height: 32px;
  background-color: var(--red);
  color: var(--primary-1);

}



.zr-detail-p-discount-opened {
  background: var(--primary-1);
  box-shadow: 0px 0px 8px 0px #00000040;
  left: 0;
  margin-top: 0.5rem;
  display: none;
}



.zr-discount-title-p::before {
  content: '';
  position: absolute;
  width: 100%;
  top: 90%;
  left: 0;
  z-index: 3;
  display : none;
}

.zr-discount-title-p:hover::before {
  display : block;
  height: 200px;
}





.zr-discount-title-p:hover+.zr-detail-p-discount-opened {
  display: flex;
  flex-direction: column;
}


.zr-detail-p-discount-opened>p {
  background-color: var(--red);
  color: var(--primary-1);
}


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


.zr-timer-box {
  background-color: var(--red);
  color: var(--primary-1);
  min-height: 32px;
  /*margin: 32px;*/
}

.zr-timer-box .zr-timer {
  width: 100px;
  background: #fff;
  color: #000;
  height: 100%;
  min-height: 28px;
  margin-inline: 2px;
  z-index :0;
}

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

.zr-share-detail-page {
  border: 1.5px solid var(--primary-8);
  width: 42px;
  height: 42px;
}

.zr-share-detail-page2 {
  display: none;
}


.zr-weight-select>p {
  color: var(--black-coler-2);
}


.zr-variant-item-selected {
  background: var(--primary-8) !important;
  color: var(--primary-1) !important;

}



.zr-pagination>a {
  min-width: 30px;
  min-height: 30px;
  display: flex;
  justify-content: center;
  border-radius: 0px !important;
}


/*بررسی دوم */
.zr-icon-header-container {
  position: relative;
  display: inline-block;
}

.zr-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  /* مهم */
  z-index: 99999;
}


.zr-icon-header-container::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 8px;
}

.zr-footer-social-icon .zr-social-icon {
  flex: 1;
  padding: 1rem;
  margin: 0;
  border-inline-end: 1px solid var(--neutral-7);
}

.zr-footer-social-icon .zr-social-icon:last-child {
  border-inline-end: 0;
}

/* برای بخش جمع کل سبد خرید */
.zr-cart-summary {
  position: relative;
  z-index: 2;
}

.zr-summary-extra {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  /* بالای دکمه جمع کل باز شود */
  z-index: 20;

  background: var(--primary-1);
  border: 1px solid var(--neutral-7);
  border-bottom: 0;

  max-height: none;
  /* دیگه هل نده */
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}

.zr-summary-extra.open {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}



/* پنل جزئیات - دقیقاً هم‌راستا با باکس اصلی */
.zr-summary-extra {
  position: absolute;
  inset-inline: -1px;
  /* برای هم‌خط شدن border با والد */


}

/**/

/* دکمه کاربر  */

/* حالت عادی */
.zr-arrow-icon {
  transform: rotate(0deg);
  transition: none;
  /* بدون انیمیشن */
}

/* وقتی hover یا باز شد */
.zr-icon-header-container:hover .zr-arrow-icon,
.zr-icon-header-container.active .zr-arrow-icon {
  transform: rotate(180deg);
}

/* در صورت نیاز برای کنار هم بودن ضربدر و باکس */
/* هدر همیشه بالاتر از لایه مشکی */
header {
  position: relative;
  z-index: 1100;
}

/* لایه مشکی فقط زیر هدر */
#zrSearchOverlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: var(--zr-header-height, 120px);
  /* ارتفاع واقعی هدر از JS ست می‌شود */
  background: #00000080;
  z-index: 1000;
  display: none;
}

#zrSearchOverlay.active {
  display: block;
}

/* باکس سرچ بالای overlay باشد */
.zr-search-container {
  position: fixed;
  left: 0;
  z-index: 99999;
  width: 100%;
  top: 0;
  margin-top: 121px;
}

/* منوی کشویی */
#zrMenuOverlay {
  position: fixed;
  inset: 0;
  background: #00000080;
  display: none;
  z-index: 1090;
}

.zr-productlist-rightside.active {
  z-index: 1100;
}

#zrMenuOverlay.active {
  display: block;
}

/* منو باید بالاتر از overlay باشد */
#customMenu {
  z-index: 100001;
}

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

.custom-close {
  max-height: 20px;
}
.zr-product-slider .zr-pro-slide:hover {
  border: 1px solid var(--neutral-10);
}



.zr-slider-product.slick-initialized>li {
  margin-left: 0;
  /* یا حذف کامل */
}

.zr-rtl {
  direction: rtl;
}

.zr-blog-slider-pnt .slick-next {
  left: 2% !important;
}

.zr-Article-Title {
  min-height: 64px;
  align-items: center;

}
.zr-Article-Title p{
  /*برای جلوگیری از دو خطی شدن */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*sort list*/
/* 1) محدوده‌ی hover را بزرگ‌تر کن (بدون تغییر ظاهری) */
.zr-sort-wrapper {
  position: relative;
  padding-bottom: 14px;
  /* فضای امن برای عبور موس */
  margin-bottom: -14px;
  /* جبران فاصله تا چیدمان به‌هم نخورد */
}

/* 2) پل hover بین دکمه و لیست */
/* .zr-sort-wrapper::after{
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 14px;
} */

/* 3) نمایش لیست با hover/focus */
.zr-sort-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 50;
  display: none;
}

/* .zr-sort-wrapper:hover .zr-sort-list,
.zr-sort-wrapper:focus-within .zr-sort-list,
.zr-sort-list:hover{
display: block;
}
*/
/* .zr-sort-list .is-selected {
color: #000 !important;
font-weight: 400 !important;
} */


.zr-left-resp {
  min-height : 21px;
}



.submenu-level-2-list  {
  overflow: auto;
  height: 100svh; 
}

#divCart {
  position : relative ;
  z-index : 10000;
}

.zr-product-list {
  margin-top: 130px;
  position: sticky;
  top: calc(var(--header-space,120px) + 10px);
  z-index : 10;
  background : #fff;
}

.zr-search-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: var(--zr-header-height, 121px);
  background: #00000080;
  z-index: 1000;
  display: flex;
}

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

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

.sp-f-check {
  position: relative;
  margin: 0 !important;
  padding: 0;
  width: 20px;
  height: 20px;
  appearance: none;
  border: none;
  outline: none;
}

.sp-f-check::before {
  border : none ;
  background : url('/themes/website/lapis/img/svg/elements-chak.svg') no-repeat; 
  background-size: contain;
  width : 20px;
  height : 20px;
  position : absolute;
  top : 0;
  left : 0;
  border : none !important;
}

.sp-f-check:checked::after {
  width: 20px !important;
  height: 20px !important;
  border: none !important;
  transform: unset !important;
  position : absolute !important;
  left: 0 !important;
  top: 0 !important;
  border-color: unset !important;
  background: url('/themes/website/lapis/img/svg/tik.svg') no-repeat !important;
  background-size: contain !important;
}

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

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

.zr-child-filters {
  display : none;
}

.zr-child-filters.active {
  display : flex; 
}


.zr-slider-container {
  height: 8px;
  background: #d8d8d7;
  width: 100%;
  top: 7px;
  position: relative;
  border-radius: 6px;
}


.P-range {
  position: relative;
  width: 100%;
  transform: rotate(180deg);
}

.P-range input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 24px;
  width: 100%;
  margin: 0;
  background: transparent;
  pointer-events: none;
}

.P-range input[type="range"]::-webkit-slider-runnable-track {
  height: 8px;
  background: transparent;
}

.P-range input[type="range"]::-moz-range-track {
  height: 8px;
  background: transparent;
}

.P-range input[type="range"]::-ms-track {
  height: 8px;
  background: transparent;
  border: 0;
  color: transparent;
}

.zr-range-highlight {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--Mainprimary);
  border-radius: 6px;
}

.P-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--Mainprimary);
  border: 4px solid #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
  cursor: pointer;
  margin-top: -6px;
}

.P-range input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--Mainprimary);
  border: 4px solid #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
  cursor: pointer;
}

.P-range input[type="range"]::-ms-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--Mainprimary);
  border: 4px solid #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
  cursor: pointer;
}

.P-range .in-minvalue {
  z-index: 3;
}

.P-range .in-maxvalue {
  z-index: 4;
}


.zr-selected-filter-lable-inside {
  row-gap: 10px;
  height: 66px;
  overflow: auto;
  min-height: 66px;
}

.zr-filters-h {
  max-height: 90svh;
  overflow-y: auto;
  padding-bottom: 2rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.zr-filters-h::-webkit-scrollbar {
  display: none;
}


.zr-range-style-input {
  /* width: 180px; */
  height: 43px;
  border: 1px solid #BBBBBB;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 8px;
}

.zr-black-font input::placeholder {
  color: #000 !important;
}

.zr-black-color {
  color: #000 !important;
}
.zr-info-header  a > img  , .zr-header-Price img{
  max-width: 18px;
  max-height: 18px;
}
.zr-headerlink{
  text-decoration: underline;
  text-underline-offset: 25%;
}
.zr-header-Price{
  /* coler: var(--primary-1); */
  color: var(--primary-1);
}

input[type="checkbox"].zr-checked::before {
  height: 20px;
  width: 20px;
  background : unset !important;
  border-radius: 6px;
}

input[type="checkbox"].zr-checked::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  margin-top: -1px;
}




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

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

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

.switch-slider.round {
  border-radius: 32px;
}

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

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

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

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


::-webkit-scrollbar {
  width: 2px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color:var(--Mainprimary);
  border-radius: 0px;
  width: 2px;
}

::-webkit-scrollbar-track {
  background-color: #f0f0f0; 
  border-radius: 0px;
  width: 2px;
}

footer {
  border-bottom: 1px solid var(--neutral-7);
}

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



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

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


.active.item-orderby {
  color: #000 !important;
  font-weight: 400 !important; 
}

.active.item-orderby > p {
  font-weight: 700 !important;  
  font-size : 16px;
}

.zr-sort-wrapper.sp-relative:hover p.zr-hiden-resp-1024:first-child {
  color : #45658C;
}



.active-page-number {

  background : var(--Mainprimary) !important;
}

.filter-open-desk {
  display : block;
}

.filter-open-resp {
  display : none !important;
}
.zr-login-pnt{
  background: var(--Mainprimary);
}

.zr-key-overlay, .sp-drop-parent-res {
  display: none;
}
.zr-detail-img-1 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr); 
}

.zr-detail-img-1 >  div {
  border: 1px solid #80808017; 
}

.zr-product-details > div:last-child {
  border-bottom : none !important; 
}

.zr-product-description-text > p {
  display: flex;
  flex-direction: column;
  gap: 1rem; 
}


.zr-tagline-model-box > img {
  object-fit: cover;
  max-height: 550px;
  max-width: 890px;
  aspect-ratio: 890 / 890;
}

.responsive-hidden {
  justify-content: flex-start;
  flex: none !important;
  width: 100%;
  max-width: 280px;
  background: var(--neutral-3);
  border: 1px solid var(--neutral-7);
}

.sp-drop-button {
  border-radius: 1rem !important;
  padding-left: 20px !important;
}
.zr-key-overlay, .sp-drop-parent-res {
  display: none;
}

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


.zr-drop-dn-layout {
  justify-content: space-between !important;
  width: 100%;
  padding-inline: 1rem;
}
.sp-drop-button {
  border-radius: 1rem !important;
  padding-left: 30px !important;
  background: var(--neutral-3) !important;
  width: 90% !important;
}


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


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


.zr-select-weight.sp-drop-items {
  overflow: auto !important;
  scrollbar-width: none;
  left: 1px;
  background: var(--neutral-3);
  border: 1px solid var(--neutral-7) !important;
  max-width: 280px !important;
  border-radius: 0 0 0rem 0rem !important;
  background: var(--neutral-3);
  top: 38px !important;
}

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

.sp-drop-items li:not(:last-child):hover {
  background: var(--neutral-3); 
}



.sp-drop-items li:not(:last-child) p {
  color: var(--neutral-11);
}

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


.item-selected:not(:only-child) p, .sp-drop-active p {
  color: var(--white) !important;
}


.sp-drop-items li:not(:last-child) {
  /*margin-bottom: 0.5rem;*/
  min-height: 42px;
  border-radius: 0px !important;
  display: flex;
  align-items: center;
  padding-block: 0px !important;
}


.weight-list.zr-gap-3 > span {
  color: var(--neutral-11) !important;
}

.custom-menu-item-selected .custom-arrow2 {
  display: block;
}

.custom-menu-item-selected {
  background-color : #F6F6F6;
}



.custom-menu-item-selected > a {
  flex-direction : row-reverse;
  justify-content : space-between;
}


.custom-menu-item-selected.custom-menu-item::after {
  background-color : #142F40;
}


.zr-images-container {
  width : 100%;
  max-width : 896px;
}


.selected-pic > img ,
.zr-detail-img-big > img,
.product-s-img > img
{
  object-fit : cover;
  aspect-ratio : 1/1;
}


.zr-badge-circle {
  width: 8px;
  height: 8px;
  background: #C30000;
  border-radius: 50%;
  color: transparent;
  position: absolute;
  bottom: -1px;
}
.zr-brand-img {
  max-width: 1344px;
  max-height: 800px;
  width: 61.4%;
  /*new*/
}
.zr-Choice-brand {
  padding-block: 2rem;
}

.zr-pd-top8rem{
  padding-top: 8rem;
}

.zr-blog-slider-img img{
  max-height: 800px;
}

.zr-blog-details-header-img ,
.zr-blog-details-header-img > img {
  height: 100%;
  max-height: calc(100svh - 120px - 120px - 40px);
  object-fit: cover; 
}


.active-page-number {
  color : #FFF !important;
}

.pagination > a:last-child {
  transform: scale(-1);
}

.zr-blog-list-slider-pnt.header-height {
  max-height : calc(100svh - 120px - 40px);
}

.page-number {
  width: 32px;
  height: 32px; 
}

.zr-rules-container {
  margin-top: var(--header-height);
}

.zr-filter-header::before {
  background: #ffffff;
  content: '';
  height: 30px;
  width: 100%;
  bottom: 100%;
  position: absolute;
}


.zr-filter-header::after {
  background: #ffffff;
  content: '';
  height: 30px;
  width: 100%;
  top: 100%;
  position: absolute;
}

.basket > div {
  height : 24px;
  width: 24px;
  position : relative;
}

/*.zr-slider-product li {
max-width : 423px;
width : 100% !important;
}

.zr-slider-product.zr-slider-pr .slick-track {
display: flex;
width: 100% !important;
}*/


.zr-detail-img-1 > div {
  max-height: 470px;
}

.zr-header .zr-header-Price {
  min-height : 41px; 
}

.zr-header .zr-haeder-Layer2 {
  min-height : 89px; 
  align-items: center;
}


.zr-product-info.sp-ultra-disabled {
  padding-top:  0px !important;
}

/*.zr-discount-title-p::before {
content : '';
position : absolute;
top : 100%;
width : 100%;
height : 20px;
}*/

/* ----------------- discount-cart --------------- */
:root {
  --custom-s-1: #868686;
  --custom-s-2: #F3F3F3;
  --error-s-3: #C30000;
  --white-s: #FFFFFF;
  --black-s: #000000;
}
.sp-font-10 {
  font-size: 10px !important;
}
.zr-discount-price {
  color:  var(--custom-s-1);
  text-decoration: line-through;
}
.zr-discount-text {
  max-width: 69px;
  height: 24px;
  background: var(--error-s-3);
  color: var(--white-s);
}
.zr-deadline-time-box {
  max-width: 132px;
  height: 20px;
  background: var(--error-s-3);
  color: var(--white-s);
  top: 0;
  right: 0;
  margin-top: 4px;
  margin-right: 4px;
}

.zr-discount-deadline-time {
  max-width: 60px;
  background: var(--custom-s-2);
  color: var(--black);
  border: 1px solid var(--error-s-3);
  line-height: 140;
}

#divComment > div > li  {
  border-bottom: 1px solid #C5C5C5; 
}

#divComment > div:last-child > li:last-child {
  border-bottom : none !important; 
}

.captcha > div > .reload-icon {
  padding-inline: 20px;
}


.pagination-next > img {
  transform : scale(-1);
}

.zr-tags-container {
  top : 0;
  bottom : auto;
  margin-top : 1rem;
  display: flex;
  align-items: flex-start;
  flex-wrap : wrap;
  justify-content: flex-start;
  right : 1rem;
}

.zr-main-logo {
  max-height: 60px;
  height: 100%;
  display: flex;
  max-width: 120px;
  width: 100%;
}

.zr-blog-details-header-pnt {
  margin-top : var(--header-height);	
}

.section-container.empty-cart {
  margin-top: 120px;
}

.zr-gap-1 {
  gap : 0.25rem; 
}

.zr-size-container {
  /*max-height : 212px;*/
}


.zr-select-title {
  color : #9E9E9E; 
  position : relative;
}

.zr-select-title::before {
  content : '';
  position : absolute;
  top: 28%;
  left: 6px;
  background-image: url(/themes/website/quartznew/files/arrow-down.svg);
  width: 18px;
  height: 18px;
  transform: rotate(0deg);
  background-size: contain;
  background-repeat: no-repeat;
}

.zr-select-title.opened::before {
  content : '';
  position : absolute;
  top : 20%;
  left : 6px;
  background-image: url('/themes/website/quartznew/files/arrow-down.svg');
  transform : rotate(180deg);
}

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

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

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

.zr-size-dropdown.show {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius : 12px;
  scrollbar-width : none;
  padding-block : 0.5rem;
  display:flex;
  position : absolute; 
  width : 100%;
  z-index : 2;
}

.zr-size-dropdown {
  display:none;
  flex-direction: column;
  list-style:none;
  margin:0;
  padding:0;
  border:1px solid #ccc;
  border-top:none;
  background:#fff;
  max-height:250px;
  overflow:auto;
  gap : 8px;
}

.zr-size-dropdown li {
  padding:10px;
  cursor:pointer;
  width: calc(100% - 24px);
  height : 43px; 
  border-radius: 8px;
  margin: auto;
}

.zr-size-dropdown li:hover {
  background-color : #EEEEEE; 
}


.GoldModelIdItems.size-active {
  background-color: #194D4B ;
  color: #fff;
}

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

#divSize {
  max-height :  150px;
  overflow : auto;
}

.zr-tagline-pnt-box > a {
  display: flex;
  flex-direction: column;
  max-height: 700px;
  max-width: 888px;
  width: 100%;
  height: 100%;
}

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

.zr-gap-5.zr-right-resp,
.zr-products-details  p.sp-d-flex.zr-gap-10
{
  gap : 8px;
}

.responsive-hidden.active-dp,
.sp-drop-parent-show .sp-drop-button {
  background: var(--neutral-3) !important;
}


.zr-tags-container .divTag {
  direction: ltr;
}

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

.zw-cart-contaner-finall {
  margin-top: 250px !important;
}


.zw-account {
  margin-top: calc(120px + 24px); 
}

.zr-icon-header-box:first-of-type {
  gap : 14px;
}


.zr-filter-content.zr-child-filters.sizeB {
  overflow : hidden;
  min-height: fit-content;
  height: fit-content;
  max-height: fit-content;
  overflow: visible;
}

.zr-slider-product .slick-disabled  {
  opacity: 0.5 !important;
}

.zr-slider-dots-container {
  margin-bottom: 2rem; 
}


.zw-address-main {
  width: 100%;
  margin-top: 4.5rem !important;
}

.res-customer-grid {
  width: 100%; 
  justify-content: flex-start !important;
}

.sp-main-loading::after {
  height: 20%;
  width: 30%;
  background-size: contain;
}



.zr-share-detail-page:hover {
  border: 1.5px solid var(--secondary-8);
}



.zr-blog-slider-ul .slick-list {
 /* padding-left: 20%;*/
}

.zr-blog-slider-ul .slick-slide {
    max-height: 624px;
}

img.zr-bg-h-img {
  display : none;
}

.zr-bskt-hover:hover > img.zr-bg-h-img,
.zr-search-icon-box:hover  .iconOpenSH.sp-none
{
  display : flex !important;
}

.zr-bskt-hover:hover > img.zr-bg-uh-img,
.zr-search-icon-box:hover  .iconCloseS.sp-d-flex
{
  display : none !important;
}

.zr-blog-articles-box:hover .zr-blog-articles-btn  p {
  color : var(--primary-8);
  background-color : var(--secondary-8);
}


.zr-product-score {
  border-radius : 0px !important;
  background-color: #F6F6F6;
}

.zr-product-score img {
  width: 32px;
  height: 32px;
}

.zr-box-comment-rate {
  border : 1px solid #A4A4A4;
  background-color : #F6F6F6;
  height : 57px;
}

.custom-menu-item.products-menu-item > .custom-menu > .custom-menu-header {
  background-color : #F6F6F6;
  /* border : 1px solid #C5C5C5;*/
}

.custom-menu-item.products-menu-item > .custom-menu > .custom-menu-header p {
  /* color : #000000;*/
}

.product-detail-img {
  gap: 1rem;
}

.finger-img-light-box {
  border: 1px solid transparent;
}


.finger-img-light-box.zr-selected {
  border: 1px solid #000;
}

.zr-pric-add-card {
  width: calc(100% - 40px);
  margin: auto;
}

#divDiscount {
  width : 100%;
}

.zr-detail-p-discount-box {
  justify-content: center;
}

.zr-btn-discount:hover {
  border: 1px solid #000000;
}


.zr-about-main-waaper > div {
  height: calc(100vh - 120px -  0.5rem);
  max-height: calc(100vh - 120px -  0.5rem); 
}

/* ------------customer panel-----------*/
.zw-address-main {
  margin-top:unset  !important;
}

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

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate) .sp-g-row .sp-g-cell, .divOrder p {
  font-size: 16px !important;
}

.zr-display-none {
  font-size : 16px !important;
}

.zr-tagline-box:hover .zr-flash-view-img {
  background: #F3D3AC;
}

.zr-tagline-box:hover .zr-flash-view-img .zr-blog-view-1 {
  display : none;
}

.zr-tagline-box:hover .zr-flash-view-img .zr-blog-view-2 {
  display : block  !important;
}

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

.zr-fliter-srech .search-box {
  font-size: 16px !important;
  position: sticky;
  top: 8px;
  z-index: 2;
}

.list-category.options {
  overflow : hidden; 
}

.zr-parent-slide-list.zr-scroll-custom {
  overflow: auto;
  height: 250px;
}


.zr-third-level {
  display : none ;
  position : absolute;
  right: 100%;
  width: 350px;
  height: 100vh;
  background-color: var(--neutral-1);
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.05);
  /* transform: translateX(100%); */
  /* transition: transform 0.3s ease-in-out; */
  /* z-index: 998; */
  z-index: -1000;
  /* transition: 0.5s opacity !important; */
  transition-delay: 0.3s;
  flex-direction : column;
  top : 0;
}



.zr-third-level > p {
  background : #F6F6F6;
  border-bottom: 1px solid var(--neutral-7);
  min-height  : 60px;
}



.zr-sub-2  .custom-arrow {
  display : flex !important;
}

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


/*mune levels hover*/

.zr-menu-title-hover {
  transition: background 0.2s ease, color 0.2s ease;
}


.zr-menu-1:hover > .zr-custom-menu-hover:not(:has(.zr-third-menu-list:hover)) > .custom-menu-header.zr-menu-title-hover {
  background: #142F40;
  color: #fff;
}


.zr-third-menu-list:hover > .submenu-level-3:not(:has(.zr-sub-2:hover)) > .custom-menu-header.zr-menu-title-hover {
  background: #142F40;
  color: #fff;
}


.zr-sub-2:hover > .zr-third-level > .zr-menu-title-hover {
  background: #142F40;
  color: #fff;
}



.shopping-item .zr-pro-img {
  width  : 140px ;
  height : 140px;
}


.shopping-item  {
  background-color : #F6F6F6; 
}
.zr-trash {
  max-width : 32px;
}

.zr-trash-img  {
  min-width : 140px;
}


.sp-fw-500.zr-color-greylight {
  color: #868686;
}

.zr-discount-product-text  {
  position : absolute;
  top : 4px;
}

.zr-discount-product-text-inner {
  background : #F3F3F3;
}

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