body {

	font-family: IRANSans, sans-serif;

	font-weight: 400;

	color: #666;

	font-size: 12px;

	line-height: 20px;

	width: 100%;

}

h1, h2, h3, h4, h5, h6 {

	color: #444;

}

/* default font size */

.fa {

	font-size: 14px;

}

/* Override the bootstrap defaults */

h1 {

	font-size: 28px;
	line-height: 1.6;

}

h2 {

	font-size: 27px;

}

h3 {

	font-size: 21px;

}

h4 {

	font-size: 15px;

}

h5 {

	font-size: 12px;

}

h6 {

	font-size: 10.2px;

}

a {

	color: #242525;

}

a:hover {

	text-decoration: none;

}

legend {

	font-size: 18px;

	padding: 7px 0px

}

label {

	font-size: 12px;

	font-weight: normal;

}

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {

	font-size: 12px;

}

.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {

	font-size: 12px;

}

.input-group .input-group-addon {

	font-size: 12px;

	height: 30px;

}

/* Fix some bootstrap issues */

span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {

	display: inline;

}



.nav-tabs {

	margin-bottom: 15px;

}

div.required .control-label:before {

	content: '* ';

	color: #F00;

	font-weight: bold;

}

/* Gradent to all drop down menus */

.dropdown-menu li > a:hover {

	text-decoration: none;

	color: #ffffff;

	background-color: #f36868;

	background-image: linear-gradient(to bottom, #f56e6e, #f01919);

	background-repeat: repeat-x;

}

/* top */

#top {

	background-color: #EEEEEE;

	border-bottom: 1px solid #e2e2e2;

	padding: 4px 0px 3px 0;

	margin: 0 0 20px 0;

	min-height: 40px;

}

#top .container {

	padding: 0 20px;

}

#top #form-currency .currency-select,

#top #form-language .language-select {

	text-align: right;

}

#top #form-currency .currency-select:hover,

#top #form-language .language-select:hover {

	text-shadow: none;

	color: #ffffff;

	background-color: #f36868;
	
		background-image: linear-gradient(to bottom, #f56e6e, #f01919);
	
		background-repeat: repeat-x;

}

#top .btn-link, #top-links li, #top-links a {

	color: #888;

	text-shadow: 0 1px 0 #FFF;

	text-decoration: none;

}

#top .btn-link:hover, #top-links a:hover {

	color: #d31717;
	font-weight: bold;

}

#top-links .dropdown-menu a {

	text-shadow: none;

}

#top-links .dropdown-menu a:hover {

	color: #FFF;

}

#top .btn-link strong {

	font-size: 14px;

        line-height: 14px;

}

#top-links {

	padding-top: 6px;

}

#top-links a + a {

	margin-right: 15px;

}

/* logo */

#logo {

	margin: 0 0 10px 0;

}

/* search */

#search {

	margin-bottom: 10px;

}
@media (min-width: 786px){
#search .input-lg{
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
    width: 600px;
    border-radius: 15px;
}
}
#search .btn-lg {

	//font-size: 15px;

	//line-height: 18px;

	//padding: 10px 35px;

	//text-shadow: 0 1px 0 #FFF;
	display:none;

}
@media (max-width: 478px){

	#search .input-lg {

		max-width: 100% !important;
		width: 350px !important;
		border-radius: 15px !important;

	}

}
#search .ajax-search-dropdown{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  background:#fff;
  z-index:9999;
  display:none;
}

#search .ajax-search-dropdown .ajax-item{
  display:block !important;
  width:100% !important;
  float:none !important;
  clear:both;
  box-sizing:border-box;
  font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
#search .ajax-item .ajax-price{
  display: block !important;
  margin-top: 4px !important;
  color: #b61717 !important;
  font-size: 16px !important;
}
#search .ajax-item .ajax-name{
  display: block !important;}


/* cart */

#cart {

	margin-bottom: 10px;

}

#cart > .btn {

	font-size: 12px;

	line-height: 18px;

	color: #FFF;

}

#cart.open > .btn {

	background-image: none;

	background-color: #FFFFFF;

	border: 1px solid #E6E6E6;

	color: #666;

	box-shadow: none;

	text-shadow: none;

}

#cart.open > .btn:hover {

	color: #444;

}

#cart .dropdown-menu {

	background: #eee;

	z-index: 1001;

}

#cart .dropdown-menu {
	min-width: 100%;
	overflow-y: auto;
	max-height: 800px;
	scrollbar-width: thin;
	overflow-x: hidden;
}

@media (max-width: 478px) {

	#cart .dropdown-menu {

		width: 100%;

	}

}

#cart .dropdown-menu table {

	margin-bottom: 10px;

}

#cart .dropdown-menu li > div {

	min-width: 427px;

	padding: 0 10px;

}

@media (max-width: 478px) {

	#cart .dropdown-menu li > div {

		min-width: 100%;

	}

}

#cart .dropdown-menu li p {

	margin: 20px 0;

}

/* menu */

#menu {

    background-color: #a94442;
    background-image: linear-gradient(to bottom, #a94442, #d30602);
    background-repeat: repeat-x;
    border-color: #a94442 #d72d2a #d30602;
    min-height: 40px;

}

#menu .nav > li > a {

	color: #fff;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	padding: 10px 15px 10px 15px;

	min-height: 15px;

	background-color: #00000000;
}

#menu .nav > li > a:hover, #menu .nav > li.open > a {

	background-color: rgba(0, 0, 0, 0.1);

}

#menu .dropdown-menu {

	padding-bottom: 0;

}

#menu .dropdown-inner {

	display: table;

}

#menu .dropdown-inner ul {

	display: table-cell;

}

#menu .dropdown-inner a {

	min-width: 160px;

	display: block;

	padding: 3px 20px;

	clear: both;

	line-height: 20px;

	color: #333333;

	font-size: 12px;

}

#menu .dropdown-inner li a:hover {

	color: #FFFFFF;

}

#menu .see-all {

	display: block;

	margin-top: 0.5em;

	border-top: 1px solid #DDD;

	padding: 3px 20px;

	-webkit-border-radius: 0 0 4px 4px;

	-moz-border-radius: 0 0 4px 4px;

	border-radius: 0 0 3px 3px;

	font-size: 12px;

}

#menu .see-all:hover, #menu .see-all:focus {

	text-decoration: none;

	color: #ffffff;

	background-color: #c82222;

	background-image: linear-gradient(to bottom, #eb4545, #bb1f1f);

	background-repeat: repeat-x;

}

#menu #category {

	float: right;

	padding-right: 15px;

	font-size: 16px;

	font-weight: 700;

	line-height: 40px;

	color: #fff;

	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

}

#menu .btn-navbar {

font-size: 15px;
    font-stretch: expanded;
    color: #520c0b;
    padding: 2px 18px;
    float: left;
    background-color: #c82222;
    background-image: linear-gradient(to bottom, #fff, #720e0b);
    background-repeat: repeat-x;
    border-color: #e13936 #b31d1a #f3130f;

}

#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {

	color: #ffffff;

	background-color: #229ac8;

}

@media (min-width: 768px) {

	#menu .dropdown:hover .dropdown-menu {

		display: block;

	}

}

@media (max-width: 767px) {

	#menu {

		border-radius: 4px;

	}

	#menu div.dropdown-inner > ul.list-unstyled {

		display: block;

	}

	#menu div.dropdown-menu {

		margin-right: 0 !important;

		padding-bottom: 10px;

		background-color: rgba(0, 0, 0, 0.1);

	}

	#menu .dropdown-inner {

		display: block;

	}

	#menu .dropdown-inner a {

		width: 100%;

		color: #fff;

	}

	#menu .dropdown-menu a:hover,

	#menu .dropdown-menu ul li a:hover {

		background: rgba(0, 0, 0, 0.1);

	}

	#menu .see-all {

		margin-top: 0;

		border: none;

		border-radius: 0;

		color: #fff;

	}

}

/* content */

#content {

	min-height: 600px;

}

/* footer */

footer {

	margin-top: 30px;

	padding-top: 30px;

	background-color: #303030;

	border-top: 1px solid #ddd;

	color: #e2e2e2;

}

footer hr {

	border-top: none;

	border-bottom: 1px solid #666;

}

footer a {

	color: #ccc;

}

footer a:hover {

	color: #fff;

}

footer h5 {

	font-family: IRANSans, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #fff;

}

/* alert */

.alert {

	padding: 8px 14px 8px 14px;

}

/* breadcrumb */

.breadcrumb {

	margin: 0 0 20px 0;

	padding: 8px 0;

	border: 1px solid #ddd;

}

.breadcrumb i {

	font-size: 15px;

}

.breadcrumb > li {

	text-shadow: 0 1px 0 #FFF;

	padding: 0 20px;

	position: relative;

	white-space: nowrap;

}

.breadcrumb > li + li:before {

	content: '';

	padding: 0;

}

.breadcrumb > li:after {

    content: '';

    display: block;

    position: absolute;

    top: -3px;

    left: -5px;

    width: 26px;

    height: 26px;

    border-left: 1px solid #DDD;

    border-bottom: 1px solid #DDD;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}

.pagination {

	margin: 0;

}

/* buttons */

.buttons {

	margin: 1em 0;

}

.btn {

	padding: 7.5px 12px;

	font-size: 12px;

	border: 1px solid #cccccc;

	border-radius: 4px;

	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

}

.btn-xs {

	font-size: 9px;

}

.btn-sm {

	font-size: 10.2px;

}

.btn-lg {

	padding: 10px 16px;

	font-size: 15px;

}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {

	font-size: 12px;

}

.btn-group > .btn-xs {

	font-size: 9px;

}

.btn-group > .btn-sm {

	font-size: 10.2px;

}

.btn-group > .btn-lg {

	font-size: 15px;

}

.btn-default {

	color: #777;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

	background-color: #e7e7e7;

	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);

	background-repeat: repeat-x;

	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;

}

.btn-primary {

	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #a94442 !important;
	background-image: linear-gradient(to bottom, #e34d4a, #cb0804) !important;
	background-repeat: repeat-x;
	border-color: #fb7572 #dd1f1b #b50a06 !important;
	padding: 10px 50px !important;
	font-size: initial !important;

}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {

	background-color: #eb1c1c;

	background-position: 0 -15px;

}

.btn-warning {

	color: #ffffff;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #faa732;

	background-image: linear-gradient(to bottom, #fbb450, #f89406);

	background-repeat: repeat-x;

	border-color: #f89406 #f89406 #ad6704;

}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {

	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);

}

.btn-danger {

	color: #ffffff;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #da4f49;

	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);

	background-repeat: repeat-x;

	border-color: #bd362f #bd362f #802420;

}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {

	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);

}

.btn-success {

	color: #ffffff;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #5bb75b;

	background-image: linear-gradient(to bottom, #62c462, #51a351);

	background-repeat: repeat-x;

	border-color: #51a351 #51a351 #387038;

}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {

	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);

}

.btn-info {

	color: #ffffff;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #df5c39;

	background-image: linear-gradient(to bottom, #e06342, #dc512c);

	background-repeat: repeat-x;

	border-color: #dc512c #dc512c #a2371a;

}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {

	background-image: none;

	background-color: #df5c39;

}

.btn-link {

	border-color: rgba(0, 0, 0, 0);

	cursor: pointer;

	color: #d12323;

	border-radius: 0;

}

.btn-link, .btn-link:active, .btn-link[disabled] {

	background-color: rgba(0, 0, 0, 0);

	background-image: none;

	box-shadow: none;

}

.btn-inverse {

	color: #ffffff;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #363636;

	background-image: linear-gradient(to bottom, #444444, #222222);

	background-repeat: repeat-x;

	border-color: #222222 #222222 #000000;

}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {

	background-color: #222222;

	background-image: linear-gradient(to bottom, #333333, #111111);

}

/* list group */

.list-group a {

	border: 1px solid #DDDDDD;

	color: #888888;

	padding: 8px 12px;

}

.list-group a.active, .list-group a.active:hover, .list-group a:hover {

	color: #444444;

	background: #eeeeee;

	border: 1px solid #DDDDDD;

	text-shadow: 0 1px 0 #FFF;

}

/* carousel */

.carousel-caption {

	color: #FFFFFF;

	text-shadow: 0 1px 0 #000000;

}

.carousel-control .icon-prev:before {

	content: '\f053';

	font-family: FontAwesome;

}

.carousel-control .icon-next:before {

	content: '\f054';

	font-family: FontAwesome;

}

/* product list */

.product-thumb {

	border: 1px solid #ddd;

	margin-bottom: 20px;

	overflow: hidden;
    height: 500px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;

}

.product-thumb .image {

	text-align: center;

}

.product-thumb .image a {

	display: block;

}

.product-thumb .image a:hover {

	opacity: 0.8;

}

.product-thumb .image img {

	margin-left: auto;

	margin-right: auto;

}

.product-grid .product-thumb .image {

	float: none;

}

@media (min-width: 767px) {

.product-list .product-thumb .image {

	float: right;

	padding: 0 15px;

}

}

.product-thumb h4 {

	font-weight: bold;
	line-height: 1.6;

}

.product-thumb .caption {

	padding: 0 20px;

	min-height: 180px;

}

.product-list .product-thumb .caption {

	margin-right: 230px;

}

@media (max-width: 1200px) {

.product-grid .product-thumb .caption {

	min-height: 210px;

	padding: 0 10px;

}

}

@media (max-width: 767px) {

.product-list .product-thumb .caption {

	min-height: 0;

	margin-right: 0;

	padding: 0 10px;

}

.product-grid .product-thumb .caption {

	min-height: 0;

}

}

.product-thumb .rating {

	padding-bottom: 10px;

}

.rating .fa-stack {

	font-size: 8px;

}

.rating .fa-star-o {

	color: #999;

	font-size: 15px;

}

.rating .fa-star {

	color: #FC0;

	font-size: 15px;

}

.rating .fa-star + .fa-star-o {

	color: #E69500;

}

h2.price {

	margin: 0;

}

.product-thumb .price {

	color: #444;
	font-size: 16px;
	font-family: IRANSans,sans-serif;

}

.product-thumb .price-new {

	font-weight: 600;
	color: red;

}

.product-thumb .price-old {

	color: #999;

	text-decoration: line-through;

	margin-right: 10px;

}

.product-thumb .price-tax {

	color: #999;

	font-size: 12px;

	display: block;

}

.product-thumb .button-group {

	border-top: 1px solid #ddd;

	background-color: #eee;

	overflow: auto;

}

.product-list .product-thumb .button-group {

	border-right: 1px solid #ddd;

}

@media (max-width: 768px) {

	.product-list .product-thumb .button-group {

		border-right: none;

	}

}

.product-thumb .button-group button {

	width: 60%;

	border: none;

	display: inline-block;

	float: right;

	background-color: #eee;

	color: #888;

	line-height: 38px;

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

}

.product-thumb .button-group button + button {

	width: 20%;

	border-right: 1px solid #ddd;

}

.product-thumb .button-group button:hover {

	color: #fffafa;

	background-color: #e91010;

	text-decoration: none;

	cursor: pointer;

}

@media (max-width: 1200px) {

	.product-thumb .button-group button, .product-thumb .button-group button + button {

		width: 33.33%;

	}

}

@media (max-width: 767px) {

	.product-thumb .button-group button, .product-thumb .button-group button + button {

		width: 33.33%;

	}

}

.thumbnails {

	overflow: auto;

	clear: both;

	list-style: none;

	padding: 0;

	margin: 0;

}

.thumbnails > li {

	margin-right: 20px;

}

.thumbnails {

	margin-right: -20px;

}

.thumbnails > img {

	width: 100%;

}

.image-additional a {

	margin-bottom: 20px;

	padding: 5px;

	display: block;

	border: 1px solid #ddd;

}

.image-additional {

	max-width: 78px;

}

.thumbnails .image-additional {

	float: right;

	margin-right: 20px;

}



@media (min-width: 1200px) {

	#content .col-lg-2:nth-child(6n+1),

	#content .col-lg-3:nth-child(4n+1),

	#content .col-lg-4:nth-child(3n+1),

	#content .col-lg-6:nth-child(2n+1) {

		clear:right;

	}

}

@media (min-width: 992px) and (max-width: 1199px) {

	#content .col-md-2:nth-child(6n+1),

	#content .col-md-3:nth-child(4n+1),

	#content .col-md-4:nth-child(3n+1),

	#content .col-md-6:nth-child(2n+1) {

		clear:right;

	}

}

@media (min-width: 768px) and (max-width: 991px) {

	#content .col-sm-2:nth-child(6n+1),

	#content .col-sm-3:nth-child(4n+1),

	#content .col-sm-4:nth-child(3n+1),

	#content .col-sm-6:nth-child(2n+1) { 

		clear:right;

	}

}



/* fixed colum left + content + right*/

@media (min-width: 768px) {

    #column-left  .product-layout .col-md-3 {

       width: 100%;

    }



	#column-left + #content .product-layout .col-md-3 {

       width: 50%;

    }



	#column-left + #content + #column-right .product-layout .col-md-3 {

       width: 100%;

    }



    #content + #column-right .product-layout .col-md-3 {

       width: 100%;

    }

}



/* fixed product layouts used in left and right columns */

#column-left .product-layout, #column-right .product-layout {

	width: 100%;

}



/* fixed mobile cart quantity input */

.input-group .form-control[name^=quantity] {

	min-width: 50px;

}



/* Missing focus and border color to overwrite bootstrap */

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {

    background-image: none;

    background-color: #df5c39;

}
@media (min-width: 1600px) {
  .container {
    width: 1600px !important;
    max-width: 1600px !important;
  }
}
@media (min-width: 768px) {
	.container {
		width: 1500px !important;
		max-width: 1500px !important;
	}
}
/* Full-width header */
header .container,
#top .container,
#menu .container {
  width: 100% !important;
  max-width: none !important;
}
#logo {
    margin-right: 30% !important;
}
#cart {
    width: 50% !important;
}
@media (max-width: 767px){
	#cart {
    width: 100% !important;}
	#logo {
    margin-right: 20% !important;
}
}
.btn-inverse {
    background-color: #e32525 !important;
    background-image: linear-gradient(to bottom, #ef5555, #9f1d1d) !important;
    background-repeat: repeat-x;
    border-color: #ff5d5d #c71e1e #b90303 !important;
}
#cart.open>.btn{
	color:#ffffff !important;
}
.navbar-collapse{
	background-image: linear-gradient(to bottom, #ef5555, #9f1d1d) !important;
		background-repeat: repeat-x !important;
		border:none !important;
}
.swiper-viewport{
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
		.container {
			width: 1600px !important;
			max-width: 1600px !important;
			
		}}
.swiper-container{
	border-radius: 10px !important;
}
/* موبایل: دکمه و تعداد چسبان پایین */
@media (max-width: 767px) {
	.mobile-sticky-cart {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 60px !important;
		z-index: 999 !important;
		background: #fff !important;
		border-top: 1px solid #e5e5e5 !important;
		padding: 10px !important;
		display: flex !important;
		gap: 8px !important;
		align-items: center !important;
		box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08) !important;
	}

	.mobile-sticky-cart .qty-wrap {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		flex: 0 0 120px !important;
	}

	.mobile-sticky-cart #input-quantity {
		width: 60px !important;
	}

	.mobile-sticky-cart #button-cart {
		flex: 1 !important;
		height: 42px !important;
	}

	/* برای اینکه محتوا زیر نوار چسبان نرود */
	body {
		padding-bottom: 70px !important;
	}

	/* اگر لیبل مزاحم بود */
	.mobile-sticky-cart .qty-label {
		display: none !important;
	}
}
.cart-inline{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
}

.cart-inline .quantity-group{
  display:flex;
  align-items:center;
  gap:6px;
}

.qty-btn{
  width:34px;
  height:34px;
  padding:0;
  line-height:32px;
  text-align:center;
  border-radius:6px;
}

.qty-input{
  width:60px;
  text-align:center;
  border-radius:6px;
}

.btn-cart{
  white-space:nowrap;
}
@media (min-width: 1200px) {
    .col-lg-2 {
        width: 20% !important;
		float: left !important;
		height: 100% !important;
		
    }
}
.banner-row-module{
	justify-self: center;
}
/* Product description content images */
#tab-description img,
.product-info .tab-content img,
.product-description img {
	max-width: 100%;
	/* باکس را پر کند تا ریسپانسیو باشد */
	height: auto;
	/* نسبت تصویر حفظ شود */
	display: block;
	margin: 10px auto;
}
@media (max-width: 767px){
	#tab-description img,
		.product-info .tab-content img,
		.product-description img {
			max-width: 100%;
			/* باکس را پر کند تا ریسپانسیو باشد */
			height: auto;
			/* نسبت تصویر حفظ شود */
			display: block;
			margin: 10px auto;
		}
}
/* استایل‌های مخصوص موبایل (آکاردئون) */
@media (max-width: 767px) {
	.footer-list {
		display: none;
		/* مخفی کردن لیست‌ها در حالت پیش‌فرض موبایل */
		padding-right: 15px;
		/* کمی فاصله برای زیبایی در فارسی */
	}

	.footer-title {
		cursor: pointer;
		position: relative;
		padding-bottom: 10px;
		border-bottom: 1px solid #444;
		/* یک خط جداکننده دلخواه */
		margin-bottom: 10px;
	}

	/* اضافه کردن فلش (آیکون) در کنار عناوین */
	.footer-title::after {
		content: '\f107';
		/* کد آیکون فلش رو به پایین در FontAwesome */
		font-family: 'FontAwesome';
		position: absolute;
		left: 0;
		top: 0;
		transition: transform 0.3s ease;
	}

	/* چرخش فلش هنگام باز شدن آکاردئون */
	.footer-title.active::after {
		transform: rotate(180deg);
	}
}
.pagination>.active>span{
		background-color: #ff0702;
		border-color: #ff0602;
}
/* کلاس مربوط به ستون یا دایو دربرگیرنده اطلاعات محصول */
@media (min-width: 768px){
/* اگر ستون اطلاعات محصول کلاس col-sm-4 دارد */
#content > .row > .col-sm-4 {
    border: 1px solid #ff0707;
    border-radius: 10px;
    padding: 20px;
    background-color: #fff;
    
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 20px !important;
    
    height: max-content !important;
    align-self: flex-start !important;
    z-index: 99 !important;
	box-shadow: 0px 0px 2px #ddd;
}

}
@media (max-width: 767px) {
    .mobile-carousel {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; /* برای اسکرول نرم در iOS */
        padding-bottom: 15px; /* فضای پایین برای اسکرول‌بار */
        margin-left: 0;
        margin-right: 0;
    }
    
    /* مخفی کردن اسکرول‌بار (اختیاری) */
    .mobile-carousel::-webkit-scrollbar {
        height: 4px;
    }
    .mobile-carousel::-webkit-scrollbar-thumb {
        background-color: #ddd;
        border-radius: 4px;
    }

    .mobile-carousel .product-layout {
        flex: 0 0 65%; /* عرض هر محصول در موبایل (می‌توانید تغییر دهید) */
        max-width: 65%;
        scroll-snap-align: start;
        padding-left: 5px;
        padding-right: 5px;
    }
}
.tab-content>.active{
    padding: 15px !important;
    text-align: justify !important;
}
.product-benefits-banner {
  width: 100%;
  margin: 24px 0;
  text-align: center;
  overflow: hidden;
}

.product-benefits-banner picture,
.product-benefits-banner img {
  display: block;
  width: 100%;
}

.product-benefits-banner img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

@media (max-width: 767px) {
  .product-benefits-banner {
    margin: 16px 0;
    padding: 0 10px;
  }

  .product-benefits-banner img {
    width: 100%;
    height: auto;
  }
}


/* ===== استایل نوار پایین ===== */
.mobile-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #e6e6e6;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.08);
  z-index: 9999;
  display: none;
}
.mobile-bottom-nav .nav-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 4px 0;
}
.mobile-bottom-nav .nav-item {
  flex: 1;
  text-align: center;
  position: relative;
}
.mobile-bottom-nav .nav-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #666;
  text-decoration: none;
  font-size: 10px;
  padding: 4px 0;
}
.mobile-bottom-nav .nav-item a i {
  font-size: 22px;
  margin-bottom: 2px;
}
.mobile-bottom-nav .nav-item a .badge {
  position: absolute;
  top: -2px;
  right: 50%;
  transform: translateX(calc(50% + 10px));
  background: #e74c3c;
  color: #fff;
  border-radius: 50%;
  padding: 0 5px;
  font-size: 9px;
  line-height: 16px;
  min-width: 16px;
  text-align: center;
}

/* ===== نمایش در موبایل و مخفی‌سازی آیتم‌های هدر ===== */
@media (max-width: 767px) {
  .mobile-bottom-nav { display: block !important; }
  #menu-toggle, .navbar-toggle, .btn-navbar { display: none !important; }
  #cart-block, .header-cart, .cart-info, .cart-heading,
  #cart .dropdown-toggle .badge { display: none !important; }
  body { padding-bottom: 60px; }

  /* ===== تبدیل منوی موبایل به کانواس ===== */
  #menu,
  .navbar-collapse,
  .offcanvas-menu,
  #mobile-menu {
    position: fixed !important;
    top: 0 !important;
    left: -280px !important;
    width: 280px !important;
    height: 100% !important;
    background: #fff !important;
    box-shadow: 2px 0 10px rgba(0,0,0,0.2) !important;
    transition: left 0.3s ease !important;
    z-index: 99999 !important;
    overflow-y: auto !important;
    padding: 20px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #menu.open,
  .navbar-collapse.open,
  .offcanvas-menu.open,
  #mobile-menu.open,
  #menu.active,
  .navbar-collapse.active,
  .offcanvas-menu.active,
  #mobile-menu.active {
    left: 0 !important;
  }

  /* پس‌زمینه تاریک */
  .menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99998;
    display: none;
  }
  .menu-overlay.active {
    display: block;
  }
  body.menu-open {
    overflow: hidden !important;
  }

  /* دراپ‌داون سبد خرید */
  #cart .dropdown-menu {
    z-index: 10000 !important;
    top: auto !important;
    bottom: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: 60vh;
    overflow-y: auto;
    transform: none !important;
  }
  #cart .dropdown-menu:before,
  #cart .dropdown-menu:after { display: none !important; }
}
@media (min-width: 768px) {
  .mobile-bottom-nav { display: none !important; }
}
/* ===== منوی کانواس از سمت راست ===== */
@media (max-width: 767px) {
    #menu,
    .navbar-collapse,
    .offcanvas-menu,
    #mobile-menu,
    .side-menu,
    .offcanvas {
        position: fixed !important;
        top: 0 !important;
        right: -280px !important;
        left: auto !important;
        width: 280px !important;
        height: 100% !important;
        background: #ffffff !important;
        box-shadow: -2px 0 10px rgba(0,0,0,0.2) !important;
        transition: right 0.3s ease !important;
        z-index: 99999 !important;
        overflow-y: auto !important;
        padding: 20px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #000000 !important;
    }
    #menu.right-open,
    .navbar-collapse.right-open,
    .offcanvas-menu.right-open,
    #mobile-menu.right-open,
    .side-menu.right-open,
    .offcanvas.right-open,
    #menu.open,
    .navbar-collapse.open,
    .offcanvas-menu.open,
    #mobile-menu.open,
    .side-menu.open,
    .offcanvas.open {
        right: 0 !important;
    }
    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 99998;
        display: none;
    }
    .menu-overlay.active {
        display: block;
    }
    .close-menu-btn {
        position: absolute;
        top: 10px;
        left: 10px;
        background: none;
        border: none;
        font-size: 24px;
        color: #000;
        cursor: pointer;
        z-index: 100000;
    }
    #menu a,
    .navbar-collapse a,
    .offcanvas-menu a,
    #mobile-menu a,
    .side-menu a,
    .offcanvas a {
        color: #000000 !important;
    }
    #menu .dropdown-header,
    .navbar-collapse .dropdown-header {
        color: #000000 !important;
    }
#cart > .btn{display:none;}
}