@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/iy/eot/iranyekanwebboldfanum.eot');
	src: url('../fonts/iy/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iy/woff/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iy/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/iy/eot/iranyekanwebthinfanum.eot');
	src: url('../fonts/iy/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iy/woff/iranyekanwebthinfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iy/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/iy/eot/iranyekanweblightfanum.eot');
	src: url('../fonts/iy/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iy/woff/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iy/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/iy/eot/iranyekanwebregularfanum.eot');
	src: url('../fonts/iy/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iy/woff/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iy/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/iy/eot/iranyekanwebmediumfanum.eot');
	src: url('../fonts/iy/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iy/woff/iranyekanwebmediumfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iy/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/iy/eot/iranyekanwebextraboldfanum.eot');
	src: url('../fonts/iy/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iy/woff/iranyekanwebextraboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iy/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 850;
	src: url('../fonts/iy/eot/iranyekanwebblackfanum.eot');
	src: url('../fonts/iy/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iy/woff/iranyekanwebblackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iy/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/iy/eot/iranyekanwebextrablackfanum.eot');
	src: url('../fonts/iy/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iy/woff/iranyekanwebextrablackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iy/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}
body {
	font-family: iranyekan !important;
	font-weight: normal;
	font-size:13px
}
h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: iranyekan !important;
}

/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 * v0.1
 */
.jq-toast-wrap { display: block; position: fixed; width: 100%;  pointer-events: none !important; margin: 0; padding: 0; letter-spacing: normal; z-index:9999999999; }
.jq-toast-wrap * { margin: 0; padding: 0; }
.jq-toast-wrap.bottom-left { bottom: 0; left: 0; }
.jq-toast-wrap.bottom-right { bottom: 20px; right: 40px; }
.jq-toast-wrap.top-left { top: 20px; left: 20px; }
.jq-toast-wrap.top-right { top: 20px; right: 40px; }
.jq-toast-single { display: block; width: 100%; padding: 10px !important ; margin: 0px; font-size: 1rem; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white;text-align: center !important;
direction: rtl; }
.jq-toast-single h2 {  font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal;direction: rtl;text-align: right; }
.jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
.jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
.jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }
.close-jq-toast-single { position: absolute; left: 7px; font-size: 14px; cursor: pointer;top: 50%;margin-top: -8px; }
.jq-has-icon { padding: 10px 10px 10px 10px; background-repeat: no-repeat; background-position: 10px; }
.jq-icon-info { background-color:rgba(0, 140, 209, 0.9); color: #d9edf7; border-color: #bce8f1; }
.jq-icon-warning { background-color: #FAF9C9; color:#A6782E !important; border:1px solid rgba(222, 182, 8, 1) !important; }
.jq-icon-error { background-color:rgba(233, 30, 26, 0.9); color: #f2dede; border: 1px solid #D8000C !important; }
.jq-icon-success { color: #dff0d8; background-color:rgba(48, 180, 51, 0.9); }
.rtl {direction:rtl }
.ltr { direction:ltr }

.otp-container {
	display: flex;
	gap: 10px;  direction: ltr;
  width: 290px; margin:0 auto
}
.otp-input {
	width: 40px;
	height: 50px;
	font-size: 20px;
	text-align: center;
	border: 2px solid #ccc;
	border-radius: 5px;
	outline: none;
}
.otp-input:focus {
	border-color: #007bff;
}
.material-symbols-outlined.editusername {
  background: #CFE2FF;
  border-radius: 10px;
  font-size: 1.1rem;
  margin: 0 4px;
  padding: 2px 5px;
}

.typednum {
  font-size: 1rem;
}
a { text-decoration: none }
[data-bs-theme="dark"] #fade-overlay {background: #17191C;}
[data-bs-theme="light"] #fade-overlay {background: #fff;}
header nav.navbar {
	background:#F4F5FB
}
header nav.navbar ul li a { color:#4C4A48 }
.navbar-brand img {
  width: 85px;
}

.topsearch .input-group input {
  background: #F4F5FB;
  border: none;
  border-radius: 0 10px 10px 0 !important;
}
.input-group-append button {
  background: #F4F5FB;
  border: none !important;
  border-radius: 10px 0 0 10px !important;
}
.dw--btn--simp {
  border: 1px solid #ccc;
  padding: 5px 10px;
  border-radius: 5px;
}
.dw--btn--orange {
	background:#ED6A41;
	color:#fff !important;
	border: 1px solid #ED6A41;
	padding: 5px 10px;
	border-radius: 5px;
}
.dw--cart--badge {
  border-right: 1px solid #D7603C;
  padding: 0 5px 0 0px;
  margin: 0 5px 0 0;
  float: left;
}




.cd-dropdown-wrapper ul { list-style:none }
.cd-dropdown-wrapper {
  display: inline-block;
  position: relative;
  height: 40px;
  margin:0;
}

.cd-dropdown-trigger {
  display: block;
  position: relative;
  padding:0 10px;
  line-height: 40px;
  color: #111433;
  border-radius: 3px;
  text-decoration: none;
  font-weight: 450;
}
.no-touch .cd-dropdown-trigger:hover {
  background-color: #F4F5FB;
}

@media only screen and (min-width: 1024px) {
  .cd-dropdown-trigger {
    
  color: rgb(47,38,55);
  font-weight: normal;
  font-size: 0.9rem;
  }
  .cd-dropdown-trigger.dropdown-is-active {
    background-color: #F4F5FB;
  }
  .no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
    background-color: #F4F5FB;
  }


}
header .nav-link {
  color: rgb(47,38,55);
  font-weight: normal;
  font-size: 0.9rem;
}
.cta-callbtn {
  color: rgb(47,38,55);
  font-weight: normal;
  font-size: 1rem;
  letter-spacing: 1px;
}
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
  height: 50px;
  line-height: 50px;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown h2,
  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown h2,
  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    height: 50px;
    line-height: 50px;
  }
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
  padding: 0 20px;
}

.cd-dropdown {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #111433;
  color: #ffffff;
  visibility: hidden;
  /* Force Hardware Acceleration */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.cd-dropdown h2 {
  /* dropdown title - mobile version only */
  position: relative;
  z-index: 1;
  color: #585a70;
  background-color: #111433;
  border-bottom: 1px solid #242643;
}
.cd-dropdown .cd-close {
  /* 'X' close icon - mobile version only */
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
  /* this is the 'X' icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 20px;
  width: 2px;
  background-color: #ffffff;
}
.cd-dropdown .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
  transition: transform 0.5s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown .cd-close {
    top: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown {
    position: absolute;
    top: calc(100% - 2px);
    /* reset style*/
    height: auto;
    width: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background-color: #ffffff;
    color: #111433;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
	    z-index: 9;
  }
  .open-to-left .cd-dropdown {
    /* use the .open-to-left class if you want to open the dropdown on the left */
    right: 0;
    left: auto;
  }
  .cd-dropdown h2, .cd-dropdown .cd-close {
    /* on desktop - hide title and 'X' */
    display: none;
  }
  .cd-dropdown.dropdown-is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
  }
}

.cd-dropdown-content, .cd-dropdown-content ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  padding-top: 50px;
    padding: 0 !important;
	margin:0
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
  display: block;
  color: #ffffff;
  /* truncate text with ellipsis if too long */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top-width: 1px;
  border-color: #242643;
  border-style: solid;
}
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
  border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
  border-bottom-width: 1px;
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #0b0e23;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #585a70;
  text-transform: uppercase;
}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
  border-top-width: 0;
}
.cd-dropdown-content a, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-divider {
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
  /* push the secondary dropdown items to the right */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > .cd-divider {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  opacity: 0;
}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > .cd-divider {
  /* push the dropdown items to the left when secondary dropdown slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown-content, .cd-dropdown-content ul {
    padding-top: 60px;
  }
  .cd-dropdown-content a, .cd-dropdown-content ul a {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown-content, .cd-dropdown-content ul {
    padding-top: 0;
    overflow: visible;
  }
  .cd-dropdown-content a, .cd-dropdown-content ul a {
    color: #111433;
    height: 50px;
    line-height: 50px;
    font-size: .8rem;
    border-color: #ebebeb;    border: none;
  }
  .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
    background-color: transparent;
    color: #b3b3b3;
    border-top: 1px solid #ebebeb;
  }
  .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
    border-top-width: 1px;
  }
  .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > .cd-divider {
    /* reset mobile style */
    opacity: 1;
  }
}

.cd-dropdown-content .see-all a {
  /* different style for the See all links */
  color: #3f8654;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
  /* truncate text with ellipsis if too long */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
  padding-left: 90px;
}
.cd-dropdown-content .cd-dropdown-gallery img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  padding-left: 75px;
  position: relative;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
  color: #111433;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {
  background-image: url("../img/nucleo-icon-1.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {
  background-image: url("../img/nucleo-icon-2.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {
  background-image: url("../img/nucleo-icon-3.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {
  background-image: url("../img/nucleo-icon-4.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {
  background-image: url("../img/nucleo-icon-5.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {
  background-image: url("../img/nucleo-icon-6.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {
  background-image: url("../img/nucleo-icon-7.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {
  background-image: url("../img/nucleo-icon-8.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {
  background-image: url("../img/nucleo-icon-9.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {
  background-image: url("../img/nucleo-icon-10.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {
  background-image: url("../img/nucleo-icon-11.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {
  background-image: url("../img/nucleo-icon-12.svg");
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown-content {
    /* reset mobile style */
    position: static;
    height: auto;
    width: 280px;
  }
  .cd-dropdown-content > li:last-of-type a {
    border-bottom: none;
  }
  .no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
    color: #3f8654;
  }
  .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > .cd-divider {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    right: 100%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  }
  .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {
    clear: both;
    content: "";
    display: table;
  }
  .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {
    /* use the .open-to-left class if you want to open the dropdown on the left */
    left: auto;
    right: 100%;
  }
  .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {
    /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
    -webkit-animation: cd-fade-in 0.2s;
    -moz-animation: cd-fade-in 0.2s;
    animation: cd-fade-in 0.2s;
  }
  .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
    /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
    -webkit-animation: cd-fade-out 0.2s;
    -moz-animation: cd-fade-out 0.2s;
    animation: cd-fade-out 0.2s;
  }
  .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {
    display: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
    position: absolute;
    bottom: 20px;
    height: 45px;
    text-align: center;
  }
  .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {
    margin: 0;
    height: 100%;
    line-height: 45px;
    background: #ebebeb;
    pointer-events: auto;
    -webkit-transition: color 0.2s, background-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
  }
  .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
    color: #ffffff;
    background-color: #111433;
  }
  .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {
    border: none;
  }
  .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
    padding: 20px 30px 100px;
  }
  .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
    width: calc(100% - 60px);
  }
  .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {
    width: 50%;
    float: right;
  }
  .cd-dropdown-content .cd-secondary-dropdown {
    overflow: hidden;
    width: 550px;
    padding-bottom: 65px;
  }
  .cd-dropdown-content .cd-secondary-dropdown::before {
    /* this is the separation line in the middle of the .cd-secondary-dropdown element */
    position: absolute;
    content: '';
    top: 290px;
    left: 15px;
    height: 1px;
    width: 520px;
    background-color: #ebebeb;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > a {
	color: #ED6A40;
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 30px;
	font-weight:750;
    pointer-events: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before {
    /* hide the arrow */
    display: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-dropdown-content .cd-secondary-dropdown > li {
    margin: 0;
    border-right-width: 0;
    border-color: #ebebeb;
    border-style: solid;
    padding: 5px 0;
    height: 250px;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
    border-right-width: 0;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > ul {
    /* reset mobile style */
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    position: relative;
    height: auto;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
    display: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown a {
    line-height: 25px;
    height: 25px;
    font-size: 1rem;
    padding-left: 0;
  }
  .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
    color: #3f8654;
  }
  .cd-dropdown-content .cd-secondary-dropdown ul {
    padding-bottom: 25px;
    overflow: hidden;
    height: auto;
  }
  .cd-dropdown-content .cd-secondary-dropdown .go-back a {
    padding-left: 20px;
    color: transparent;
  }
  .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
    color: transparent;
  }
  .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
    left: 0;
  }
  .cd-dropdown-content .cd-secondary-dropdown .see-all {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .cd-dropdown-content .cd-dropdown-gallery {
    width: 600px;
    padding-bottom: 100px;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li {
    width: 48%;
    float: left;
    margin-right: 4%;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
    padding: 0;
    height: auto;
    line-height: normal;
    color: #3f8654;
    margin-bottom: 2em;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
  .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
    margin-bottom: 0;
  }
  .cd-dropdown-content .cd-dropdown-gallery img {
    position: static;
    height: auto;
    width: 100%;
    margin: 0 0 0.6em;
  }
  .cd-dropdown-content .cd-dropdown-icons {
    width: 600px;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    height: auto;
    line-height: 1.2;
    padding: 0;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
    background: #FFF0E9;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
    color: #3f8654;
    font-weight: bold;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
    display: block;
    font-size: 1.2rem;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
    left: 25px;
  }
  .cd-dropdown-content > .has-children > ul {
    visibility: hidden;
  }
  .cd-dropdown-content > .has-children > ul.is-active {
    /* when hover over .cd-dropdown-content items - show subnavigation */
    visibility: visible;
  }
  .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
    /* if .cd-secondary-dropdown is visible - show also subnavigation */
    visibility: visible;
  }
  .cd-dropdown-content > .has-children > a.is-active {
    /* hover effect for .cd-dropdown-content items with subnavigation */
    box-shadow: inset 2px 0 0 #3f8654;
    color: #3f8654;
  }
  .cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after {
    background: #3f8654;
  }
  .open-to-left .cd-dropdown-content > .has-children > a.is-active {
    box-shadow: inset -2px 0 0 #3f8654;
  }
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}


.has-children > a, .go-back a {
  position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #b3b3b3;
  }
}

.has-children > a {
  padding-left: 40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  left: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

@media only screen and (min-width: 1024px) {
  .open-to-left .cd-dropdown-content > .has-children > a {
    padding-left: 40px;
    padding-right: 20px;
  }
  .open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after {
    right: auto;
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
  }
}
.cd-dropdown-content .go-back a {
  padding-left: 40px;
}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

.cd-main-content {
  background-color: #e6e6e6;
  min-height: calc(100vh - 100px);
  padding: 2em 5%;
  line-height: 2;
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
  display: none;
}

.swiper-slide {
  border-radius: 15px;
  overflow: hidden;
}
.swiper-container {
  border-radius: 15px;
}


.swiper-slide {
    background:linear-gradient(90deg, rgba(249,235,200,1) 0%, rgba(252,202,197,1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-hero-progress {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 0;
    height: 3px;
    background: #ED6A40;
    z-index: 5;
}
.swiper-offer {
  overflow: hidden;
  position: relative;
  height: 100%;  border-radius: 15px;
}
.dw--section-title span {
  display: block;
  font-size: 0.9rem;
  color: #6D6D6D;
  font-weight: 300;
}
.dw--section-title { position:relative }
.dw--section-title::before {
  position: absolute;
  background: #EE6940;
  width: 10px;
  height: 30px;
  content: "";
  border-radius: 50px;
  right: 0;
  top: 5px;
}
.dw--section-title::after {
  position: absolute;
  background: #BDBEC0;
  width: 10px;
  height: 22px;
  content: "";
  border-radius: 50px;
  right: 5px;
  top: 20px;
}
.animate-underline .animate-target, .animate-underline.animate-target {
  text-decoration: none;
  position: relative;
}
.nav-link:focus, .nav-link:hover {
  color: hsl(216.9, 21.3%, 12%);
}
.animate-underline.active .animate-target::after, .animate-underline.active.animate-target::after, .animate-underline.show .animate-target::after, .animate-underline.show.animate-target::after, .animate-underline:focus-visible .animate-target::after, .animate-underline:focus-visible.animate-target::after, .animate-underline:hover .animate-target::after, .animate-underline:hover.animate-target::after {
  transform: scaleX(1);
  transform-origin: bottom right;
}
.animate-underline .animate-target::after, .animate-underline.animate-target::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: currentcolor;
  transition: transform .3s ease-out;
  transform: scaleX(0);
  transform-origin: bottom right;
}
.dw--color-orange { color:#EE6940 }
.dw-btn-link {
  background: #F2F5FA;
  border-radius: 5px;
  color:var(--bs-gray)
}
.dw--category-list--image .col img {
  height: 125px;
  display: block;
  margin: 0 auto 10px;
  border-radius:30px;
  
  transition: transform .18s ease, box-shadow .18s ease;
}

    .dw--category-list--image a:hover img{
      transform: translateY(-6px);
      box-shadow: 0 18px 40px rgba(16,24,40,0.12);
    }
.dw--cta-mos img {
  height: 100%;
  width: 100%;
}
.dw--products--background {
	background:#F2F5FA url(../images/product-row-bg.png) left 0 no-repeat
}
.text-justify {
    text-align: justify;
    text-justify: inter-word;
}


.dw--swiper--product, .dw--swiper--product--wide, .dw--swiper--colleague, .dw--swiper--blog { overflow: hidden;position:relative }
.dw--swiper--product .swiper-slide, .dw--swiper--product--wide .swiper-slide, .dw--swiper--blog .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dw--swiper--product .swiper-slide img, .dw--swiper--product--wide .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dw--swiper--product .swiper-wrapper, .dw--swiper--product--wide .swiper-wrapper {
  transition-timing-function: linear !important;
}
.product-item {
  position: relative;
  padding: 5px;
  transition: all .3s ease; width:100%
}
.pi-img {
  width: 100%;
  height: 150px;
}
.pi-img img {
  border-radius: 10px;
  margin: 0 auto;
}
.product-item h3 {
  font-size: 0.8rem;
  margin: 10px auto;
  font-weight: 450;
  line-height: 150%;  min-height: 40px;
}
.pi-price .pi-pice--main {
  color: #00AF01;
  font-weight: 750;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pi-price .pi-pice--main img {
  width: 25px;
}
.product-item:hover {
  background: #ED6A40;
  transition: all .3s ease;
}
.product-item:hover h3, .product-item:hover .pi-price .pi-pice--main { color:#fff }
.cta-wide img {
  max-width: 100%;
  border-radius:10px
}
.orange--section {
	background:#ED6A40 url(../images/product-row-bg2.png) left 0 no-repeat
	
}
.orange--section .dw--color-orange {
  color: #fff !important;
}
.orange--section .dw--section-title::before {
  background: #FFF;
}
.orange--section .text-justify {
  color: #fff;
}
.orange--section .product-item:hover {
  background: #FFCEBE;
  transition: all .3s ease;
}
.orange--section .product-item:hover h3 { color:#000 }
.orange--section .product-item:hover .pi-price .pi-pice--main { color:#0ACB64 }


.white--section {
	background:#fff
}
.white--section .dw--swiper--product .swiper-slide, .dw--swiper--product--wide .swiper-slide {
  background: #F2F5FA;
}
.price-circle {
  width: 128px;
  height: 128px;
  background: #ccc;
  border-radius: 50%;
  padding: 29px 0;
  text-align: center;
  line-height: 25px;
}
.price-circle .title {
  display: block;
  font-size: 0.9rem;
  font-weight: 450;
}
.price-circle .price {
  direction: rtl;
  display: block;
  font-size: 2rem;
  font-weight: 950;
}
.price-circle .quantity {
  display: block;
  font-size: 0.9rem;
  font-weight: 450;
}
.price-circle.blue { background:#C8CFE9; color:#4A5C9D;   box-shadow: 0 5px 0 #EBF0FF; }
.price-circle.green { background:#B8E1D2; color:#23634C;   box-shadow: 0 5px 0 #EBF0FF; }
.price-circle.greenlight { background:#E2EFCC; color:#547818;   box-shadow: 0 5px 0 #EBF0FF; }
.price-circle.orangelight { background:#FDD8C0; color:#B47248;   box-shadow: 0 5px 0 #EBF0FF; }
.price-circle.orange { background:#FEB789; color:#A76940;   box-shadow: 0 5px 0 #EBF0FF; }
.price-circle.redlight { background:#FEA289; color:#A24E37;   box-shadow: 0 5px 0 #EBF0FF; }
.price-circle.red { background:#F8B5B2; color:#B5544F;   box-shadow: 0 5px 0 #EBF0FF; }
.price-circle.redtill { background:#F599A1; color:#B24952;   box-shadow: 0 5px 0 #EBF0FF; }
.thrible-cta img {
  width: 100%;
  border-radius: 15px;
}
.dw--swiper--colleague .item {
  width: 80px ;
  height: 80px;
  background: #F2F5FB;
}

.footer--main {
  background:url(../images/footer-bg.png) left bottom no-repeat, linear-gradient(90deg, #FF901A 0%, #ED6940 100%);
  width: 100%;
  min-height: 250px;
}
.login-section {
  min-height: 100vh;
  padding: 10rem 0;
}

    .sidebar {
      min-height: 100vh;
      background: #fff;
      border-left: 1px solid #dee2e6;
    }
    .sidebar .nav-link {
      color: #495057;
      font-weight: 500;
    }
    .sidebar .nav-link.active {
      background-color: #0d6efd;
      color: #fff;
      border-radius: .5rem;
    }
    .content {
      padding: 2rem;
    }
    .card {
      border-radius: 1rem;
    }
	

   .product-title {
  font-size: 1.4rem;
  font-weight: 750;
  color: hwb(13.9 2% 65.9%);
}
    .product-price { font-size: 1.6rem; color: #d63384; font-weight: bold; }
    .old-price { text-decoration: line-through; color: #888; }
    .discount-badge { background: #198754; color: #fff; font-size: .9rem; }
    .rating i { color: #ffc107; }
    .thumbs img { cursor: pointer; border: 2px solid transparent; border-radius: .5rem; }
    .thumbs img:hover { border-color: #0d6efd; }
    .product-info-card {
       border-radius: 1rem; 
      padding: 1.5rem;
	    background: hwb(14.3 89.4% 2.4% / 0.25) !important;
  border: 1px solid hsl(17.1, 63.6%, 93.5%) !important;
    }
    .tab-content {
      background: #fff; border-radius: .8rem; box-shadow: 0 3px 10px rgba(0,0,0,.05);
      padding: 1.5rem;
    }
    .related .card { border-radius: .8rem; }
    .btn-buy { font-size: 1.1rem; padding: .8rem; }
	
	
	
	.product-gallery { display:flex; gap:5px; align-items:flex-start; }
    .main-image {
      flex:1;
      position:relative;
      overflow:hidden;
      border-radius:12px;
      background:#fff;
      box-shadow:0 6px 18px rgba(0,0,0,0.06);
    }
    .main-image img {
      width:100%;
      max-height:350px;
      object-fit:contain;
      cursor: zoom-in;
      transition: transform .15s ease;
      transform-origin: center center;
      touch-action: none; /* مهم برای جلوگیری از اسکرول پیش‌فرض در موبایل هنگام درگ */
      user-select: none;
      -webkit-user-drag: none;
    }
    .main-image img.zoomed { cursor: grab; }
    .main-image img.zoomed:active { cursor: grabbing; }

    .thumbs {
      width:auto;
      max-height:600px;
      overflow-y:auto;
      display:flex;
      flex-direction:column;
      gap:10px;
      padding-right:6px;
    }
    .thumbs img {
      width:64px;
	  height: 64px;
      border-radius:8px;
      border:2px solid transparent;
      cursor:pointer;
      transition: border .12s ease, transform .12s ease;
      object-fit:cover;
    }
    .thumbs img.active { border-color:#0d6efd; transform:scale(.99); }
    .thumbs img:hover { border-color:#0d6efd; }.share-btn {
	  background:#fff;
	  color:#555;
	  border-radius:10px;
	  width:40px;
	  height:40px;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  border:1px solid #ddd;
	  transition: all .2s ease;
	}

.share-btn:hover {
  background:#0d6efd;
  color:#fff;
  transform:scale(1.1);
  border-color:#0d6efd;
}
.custom-tabs .nav-link {
  border: none;
  background: #f8f9fa;
  margin-right: 8px;
  border-radius: 8px 8px 0 0;
  color: #495057;
  transition: all .2s ease;
  font-weight: 500;
}
.custom-tabs .nav-link:hover {
  background: #e9ecef;
}
.custom-tabs .nav-link.active {
  background: #fff;
  color: #0d6efd;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.tab-content .card {
  border-radius: 12px;
  background: #fff;
}
.list-group-item {
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.share-btn i {
  line-height: 15px;
}
.divbadge {
	border: 1px solid hsl(217.1, 63.6%, 93.5%) !important;
	background:#F8FAFD;
	border-radius: 10px;
}
.divbadge i {
	color: #ED6A40;
}
.feature-icon {
	width: 36px;
	height: 36px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg,#fff,#f1f5ff);
	box-shadow: 0 6px 18px rgba(13,110,253,0.06);
	color: var(--accent);
	font-size: 1.4rem;
}
.product_tabs {
  background: #F4F4F4;
  border-radius: 15px;
  padding: 10px;
}
.product_tabs .nav-link {color: #ED6A41;}
.product_tabs .nav-link.active {
  color: #fff;
  background-color: #ED6A41;
}
/* برای Chrome, Safari, Edge */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* برای Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:210px;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{margin-left:-10px}.slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle{position:relative;top:50%;transform:translateY(-50%);border-width:0 10px 10px 10px;width:0;height:0;border-bottom-color:#036fa5;margin-top:0}.slider.slider-horizontal .slider-tick-container{white-space:nowrap;position:absolute;top:0;left:0;width:100%}.slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{display:inline-block;text-align:center}.slider.slider-horizontal.slider-rtl .slider-track{left:initial;right:0}.slider.slider-horizontal.slider-rtl .slider-tick,.slider.slider-horizontal.slider-rtl .slider-handle{margin-left:initial;margin-right:-10px}.slider.slider-horizontal.slider-rtl .slider-tick-container{left:initial;right:0}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;left:25%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{width:100%;left:0;right:0}.slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{margin-top:-10px}.slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#036fa5;margin-left:0}.slider.slider-vertical .slider-tick-label-container{white-space:nowrap}.slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left:4px}.slider.slider-vertical.slider-rtl .slider-track{left:initial;right:25%}.slider.slider-vertical.slider-rtl .slider-selection{left:initial;right:0}.slider.slider-vertical.slider-rtl .slider-tick.triangle,.slider.slider-vertical.slider-rtl .slider-handle.triangle{border-width:10px 10px 10px 0}.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label{padding-left:initial;padding-right:4px}.slider.slider-disabled .slider-handle{background-color:#cfcfcf;background-image:-moz-linear-gradient(top,#DFDFDF,#BEBEBE);background-image:-webkit-gradient(linear,0 0,0 100%,from(#DFDFDF),to(#BEBEBE));background-image:-webkit-linear-gradient(top,#DFDFDF,#BEBEBE);background-image:-o-linear-gradient(top,#DFDFDF,#BEBEBE);background-image:linear-gradient(to bottom,#DFDFDF,#BEBEBE);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF',endColorstr='#BEBEBE',GradientType=0)}.slider.slider-disabled .slider-track{background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#E5E5E5,#E9E9E9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#E5E5E5),to(#E9E9E9));background-image:-webkit-linear-gradient(top,#E5E5E5,#E9E9E9);background-image:-o-linear-gradient(top,#E5E5E5,#E9E9E9);background-image:linear-gradient(to bottom,#E5E5E5,#E9E9E9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5',endColorstr='#E9E9E9',GradientType=0);cursor:not-allowed}.slider input{display:none}.slider .tooltip-inner{white-space:nowrap;max-width:none}.slider .bs-tooltip-top .tooltip-inner,.slider .bs-tooltip-bottom .tooltip-inner{position:relative;left:-50%}.slider.bs-tooltip-left .tooltip-inner,.slider.bs-tooltip-right .tooltip-inner{position:relative;top:-100%}.slider .tooltip{pointer-events:none}.slider .tooltip.bs-tooltip-top .arrow,.slider .tooltip.bs-tooltip-bottom .arrow{left:-.4rem}.slider .tooltip.bs-tooltip-top{margin-top:-44px}.slider .tooltip.bs-tooltip-bottom{margin-top:2px}.slider .tooltip.bs-tooltip-left,.slider .tooltip.bs-tooltip-right{margin-top:-14px}.slider .tooltip.bs-tooltip-left .arrow,.slider .tooltip.bs-tooltip-right .arrow{top:8px}.slider .hide{display:none}.slider-track{background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#F5F5F5,#F9F9F9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#F5F5F5),to(#F9F9F9));background-image:-webkit-linear-gradient(top,#F5F5F5,#F9F9F9);background-image:-o-linear-gradient(top,#F5F5F5,#F9F9F9);background-image:linear-gradient(to bottom,#F5F5F5,#F9F9F9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#F9F9F9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgb(0 0 0 / .1);-moz-box-shadow:inset 0 1px 2px rgb(0 0 0 / .1);box-shadow:inset 0 1px 2px rgb(0 0 0 / .1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;cursor:pointer}.slider-selection{background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#F9F9F9,#F5F5F5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#F9F9F9),to(#F5F5F5));background-image:-webkit-linear-gradient(top,#F9F9F9,#F5F5F5);background-image:-o-linear-gradient(top,#F9F9F9,#F5F5F5);background-image:linear-gradient(to bottom,#F9F9F9,#F5F5F5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9',endColorstr='#F5F5F5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgb(0 0 0 / .15);-moz-box-shadow:inset 0 -1px 0 rgb(0 0 0 / .15);box-shadow:inset 0 -1px 0 rgb(0 0 0 / .15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute}.slider-selection.tick-slider-selection{background-color:#46c1fe;background-image:-moz-linear-gradient(top,#52c5ff,#3abcfd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#52c5ff),to(#3abcfd));background-image:-webkit-linear-gradient(top,#52c5ff,#3abcfd);background-image:-o-linear-gradient(top,#52c5ff,#3abcfd);background-image:linear-gradient(to bottom,#52c5ff,#3abcfd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff',endColorstr='#3abcfd',GradientType=0)}.slider-track-low,.slider-track-high{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;background:#fff0}.slider-handle{background-color:#0478b2;background-image:-moz-linear-gradient(top,#0480BE,#036fa5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0480BE),to(#036fa5));background-image:-webkit-linear-gradient(top,#0480BE,#036fa5);background-image:-o-linear-gradient(top,#0480BE,#036fa5);background-image:linear-gradient(to bottom,#0480BE,#036fa5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0480BE',endColorstr='#036fa5',GradientType=0);-webkit-box-shadow:inset 0 1px 0 rgb(255 255 255 / .2),0 1px 2px rgb(0 0 0 / .05);-moz-box-shadow:inset 0 1px 0 rgb(255 255 255 / .2),0 1px 2px rgb(0 0 0 / .05);box-shadow:inset 0 1px 0 rgb(255 255 255 / .2),0 1px 2px rgb(0 0 0 / .05);position:absolute;top:0;width:20px;height:20px;background-color:#0480BE;border:0 solid #fff0}.slider-handle:hover{cursor:pointer}.slider-handle.round{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.slider-handle.triangle{background:#fff0 none}.slider-handle.custom{background:#fff0 none}.slider-handle.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick{background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#F5F5F5,#F9F9F9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#F5F5F5),to(#F9F9F9));background-image:-webkit-linear-gradient(top,#F5F5F5,#F9F9F9);background-image:-o-linear-gradient(top,#F5F5F5,#F9F9F9);background-image:linear-gradient(to bottom,#F5F5F5,#F9F9F9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#F9F9F9',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgb(0 0 0 / .15);-moz-box-shadow:inset 0 -1px 0 rgb(0 0 0 / .15);box-shadow:inset 0 -1px 0 rgb(0 0 0 / .15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;cursor:pointer;width:20px;height:20px;filter:none;opacity:.8;border:0 solid #fff0}.slider-tick.round{border-radius:50%}.slider-tick.triangle{background:#fff0 none}.slider-tick.custom{background:#fff0 none}.slider-tick.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick.in-selection{background-color:#46c1fe;background-image:-moz-linear-gradient(top,#52c5ff,#3abcfd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#52c5ff),to(#3abcfd));background-image:-webkit-linear-gradient(top,#52c5ff,#3abcfd);background-image:-o-linear-gradient(top,#52c5ff,#3abcfd);background-image:linear-gradient(to bottom,#52c5ff,#3abcfd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff',endColorstr='#3abcfd',GradientType=0);opacity:1}

#slider-div {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
}

#slider-div>div {
  margin: 8px; width:100%
}

.slider-label {
  padding: 4px;
  font-size: 1.5rem;
  top: 0 !important;
  position: relative !important;
  right: 0 !important;
  left: 0 !important;
}
#slider-max-label {
  float: left;
  width: 50%;
  text-align: center;
}
#slider-min-label {
  float: right;
  text-align: center;
  width: 50%;
}
#liveResults {
  margin-top: 0px !important;
  padding: 10px;
  z-index: 99999 !important;
  position: absolute !important;
  border-radius: 10px;
  background: #F4F5FB;
  top:40px
}
.swiper-offer .swiper-slide {
  padding: 10px;
}
.offer-pi-img img {
  width: 100%;
  border-radius: 15px;
    max-height: 375px;
  object-fit: cover;
}
.offer-pi-img {
  position: relative;
}
.offer-pi-img::after {
  background-image: linear-gradient(to top, #FFF, #FFF, rgba(255,255,255,0));
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 15px;
}
.offer-pi-price-title {
  position: absolute;
  bottom: 20px;
  right: 0;
  display: flex;
  gap: 10px;
  width: 100%;
  padding: 0 20px;
}
.offer-pi-price-title h3 {
  color: rgb(47,38,55);
  font-size: 0.9rem;
  width: 70%;
}
.pi-pice--main {
  width: 30%;
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  color: #00AF01;
}
.slider.slider-horizontal {
  width: 100% !important
}
.dw--swiper--blog { padding:20px 0 }
.dw--swiper--blog--item {
  box-shadow: 0 0 4px rgba(0,0,0,0.12);
  transition: box-shadow 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}
    .blog-card {
      border: none;
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 4px 14px rgba(0,0,0,0.08);
      transition: transform .2s ease;
    }
    .blog-card:hover {
      transform: translateY(-4px);
    }
    .blog-img {
  position: relative;
  height: 200px;  width: 100%;
  overflow: hidden;
}
	.card-img-top {
	  -o-object-fit: cover;
	  object-fit: cover;
	  height: 200px;
	}
    .blog-date {
      position: absolute;
      top: 12px;
      right: 12px;
      background: rgba(0,0,0,0.7);
      color: #fff;
      font-size: 0.85rem;
      padding: 4px 10px;
      border-radius: 8px;
    }
.blog-title {
  font-size: 0.85rem;
  font-weight: 500;
  margin: 0;
  color: #222;
}


 /* container for badges: flexible, wraps */
    .trust-row {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      justify-content: center; /* center on wide screens */
      align-items: stretch;
    }
.trust-card {
  background: var(--card-bg);
  border-radius: 12px;
  padding: 14px 5px;
  box-shadow: var(--shadow);
  min-width: 175px;
  max-width: 175px;
  background:#fff;
  flex: 1 1 175px;
  display: flex;
  gap: 10px;
  align-items: center;
  transition: transform .18s ease, box-shadow .18s ease;
  border: 1px solid rgba(15,23,42,0.03);
}

    .trust-card:hover{
      transform: translateY(-6px);
      box-shadow: 0 18px 40px rgba(16,24,40,0.12);
    }

.trust-icon {
  flex: 0 0 42px;
  height: 42px;
  width: 42px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  font-size: 1.5rem;
  color: white;
  box-shadow: 0 6px 18px rgba(13,110,253,0.08);
  line-height: 200%;
}

    .trust-body { flex: 1; min-width:0; } /* allow text truncation */
 .trust-title {
  font-weight: 700;
  margin: 0;
  font-size: 0.8rem;
  color: #0f1724;
  line-height: 1.1;
}
    .trust-desc { margin: 4px 0 0; color: var(--muted); font-size: 0.86rem; }

    /* different icon colors for variety */
    .bg-blue   { background: linear-gradient(180deg,#3b82f6,#2563eb); }
    .bg-green  { background: linear-gradient(180deg,#34d399,#10b981); }
    .bg-yellow { background: linear-gradient(180deg,#f59e0b,#d97706); }
    .bg-purple { background: linear-gradient(180deg,#8b5cf6,#7c3aed); }
    .bg-red    { background: linear-gradient(180deg,#fb7185,#f43f5e); }
    .bg-teal   { background: linear-gradient(180deg,#14b8a6,#0f766e); }
    .bg-gray   { background: linear-gradient(180deg,#94a3b8,#64748b); }

    @media (max-width: 720px){
      .trust-card { min-width: calc(50% - 20px); } /* two per row on small screens */
    }
	

    footer h6 {
      font-weight:700;
      font-size:1rem;
      margin-bottom: 14px;
      color:#fff;
    }
    footer a {
  color: #fff;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: normal;
}
.list-unstyled li {
  margin: 5px auto;
}
    footer a:hover {
      color:#fff;
    }
    .footer-logo-col img {
      max-width: 90px;
      margin-bottom: 10px;
    }
.about-text {
  font-size: 0.8rem;
  line-height: 1.5;
  color: #fff;
  font-weight: normal;
  text-align: justify;
}
    .contact-item {
      display:flex;
      align-items:flex-start;
      gap:8px;
      margin-bottom:10px;
      font-size:0.9rem;
      color:#fff;
    }
    .contact-item i {
      font-size:1.1rem;
      color:#A63C15;
      margin-top:2px;
    }
    .footer-bottom {
      border-top:1px solid rgba(255,255,255,0.1);
      padding:15px 0;
      text-align:center;
      font-size:0.8rem;
      color:#fff;
    }
	
.dw--category-list--image a {
  font-weight: normal;
  color: rgb(47,38,55);
}

.inner-bulk-list .pi-img img {
  border-radius: 10px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-bulk-list .product-item {
  position: relative;
  padding: 10px;
  transition: all .3s ease;
  width: 100%;
  background: #F4F5FB;
  border-radius: 10px;
}
.inner-bulk-list .pi-img {
  width: 100%;
  height: 250px;
}
.product-item h3 {
  font-size: 0.8rem;
  margin: 10px auto;
  font-weight: 700;
  line-height: 150%;
  min-height: 40px;
  color: #000;
}
.pi-price .pi-pice--main {
  color: #464646;
  font-weight: 700;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-bulk-list .product-item:hover h3, .inner-bulk-list .product-item:hover .pi-price .pi-pice--main {
  color: #000;
}
.inner-bulk-list .product-item {
  transition: transform .18s ease, box-shadow .18s ease;
}
.inner-bulk-list .product-item:hover {
  
      transform: translateY(-6px);
      box-shadow: 0 9px 20px rgba(16,24,40,0.12);
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #ddd;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin: auto;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
.pricerange {
  position: relative;
}
.swiper-button-next {
	bottom: calc(50% - 22px);
	border-radius:15px 0 0 15px;
	opacity: .5;
	background:#fff
}
.swiper-button-prev {
	bottom: calc(50% - 22px);
	left: 0;
	border-radius: 0 15px 15px 0;
	opacity: .5;
	background:#fff
}
.swiper {
  transition: all .3s ease;
}
.swiper:hover .swiper-button-prev, .swiper:hover .swiper-button-next {
  transition: all .3s ease;
	opacity: 1;
}



    /* Header */
    .site-header {
      background: linear-gradient(90deg, rgba(13,110,253,0.06), rgba(16,185,129,0.03));
      padding: 18px 0;
      margin-bottom: 18px;
    }
    .site-brand { font-weight:800; font-size:1.1rem; color:var(--accent); letter-spacing:0.2px; }

    /* Article area */
    .article-card {
      background: var(--card-bg);
      border-radius: 12px;
      box-shadow: 0 8px 28px rgba(15,23,42,0.06);
      overflow: hidden;
    }
    .article-hero {
      max-height: 420px;
      overflow: hidden;
      position: relative;
    }
    .article-hero img { width:100%; height:100%; object-fit:cover; display:block; }

    .meta-row { color:var(--muted); font-size:0.9rem; }
    .article-title { font-weight:800; font-size:1.6rem; margin-bottom:6px; }

    .article-content p { line-height:1.9; margin-bottom:1rem; color:#23262b; }

    /* tags */
    .tag { background:#eef2ff; color:#0f1724; border-radius:999px; padding:6px 12px; font-weight:600; font-size:0.85rem; display:inline-block; margin-right:6px; margin-bottom:6px; }

    /* author box */
    .author-box { background:#fbfdff; border-radius:10px; padding:14px; display:flex; gap:12px; align-items:center; border:1px solid rgba(15,23,42,0.04); }
    .author-avatar { width:64px;height:64px;border-radius:12px;overflow:hidden; flex:0 0 64px; }
    .author-avatar img { width:100%; height:100%; object-fit:cover; display:block; }

    /* sidebar cards */
    .sidebar-card { background:var(--card-bg); border-radius:10px; padding:12px; box-shadow:0 8px 18px rgba(15,23,42,0.04); margin-bottom:16px; }

    /* comments */
    .comment { border-top:1px solid rgba(15,23,42,0.04); padding-top:12px; margin-top:12px; }

    /* responsive tweaks */
    @media (max-width: 991px) {
      .article-title { font-size:1.4rem; }
    }
    @media (max-width: 576px){
      .author-box { flex-direction:row; gap:10px; }
    }
	.article-content h3 {
  font-weight: 750;
  font-size: 1.1rem;
}



.respnav__btn { display:none }
@media (max-width: 576px){
.respnav__btn { display:block }
.offcanvas.show {
  visibility: visible;
  transform: none;
}
.msection { position:relative }
#auth-cart {
  position: absolute;
  left: 0;
  width: 100%;
  top: 20px;
}
#auth-cart .cart_button span:not(.dw--cart--badge), header {
  display: none;
}
.cart_button {
  margin: 0 !important;
}
.topsearch {
  margin: 0 auto 10px auto;
}
.navbar-brand img {
  width: 65px;
}
.dw--btn--simp span {
  display: none;
}
  .respnav__btn {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px;
    border-radius: 5px;
    background: #fff;
    border: none;
  }
  .offcanvas .nav-link {
  font-weight: normal;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background 0.2s;
	color:#000
}
.offcanvas .nav-link:hover {
  background:#ED6A41;
  color: #fff;
}
.offcanvas-header img {
  width: 42px;
}
.topsearch .input-group input {  font-size: 0.9rem !important;}
.sidebar {
  min-height: auto;
}

	}