/**
*
*	Name:			IRANYekanX Fonts
*	Version:			2.4
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Aug 02, 2022
*	Updated on:		Aug 02, 2022
*	Website:			http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت ایران یکان X  یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRANYekanX fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (ZX5RZW)
------------------------------------------------------------------------------------- fonts/-
*	
**/


@font-face {
	font-family: "WOFF IRANYekanXFaNum-Thin";
	src: url("../fonts/woff/IRANYekanXFaNum-Thin.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-UltraLight";
	src: url("../fonts/woff/IRANYekanXFaNum-UltraLight.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Light";
	src: url("../fonts/woff/IRANYekanXFaNum-Light.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Regular";
	src: url("../fonts/woff/IRANYekanXFaNum-Regular.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Medium";
	src: url("../fonts/woff/IRANYekanXFaNum-Medium.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-DemiBold";
	src: url("../fonts/woff/IRANYekanXFaNum-DemiBold.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Bold";
	src: url("../fonts/woff/IRANYekanXFaNum-Bold.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-ExtraBold";
	src: url("../fonts/woff/IRANYekanXFaNum-ExtraBold.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Black";
	src: url("../fonts/woff/IRANYekanXFaNum-Black.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-ExtraBlack";
	src: url("../fonts/woff/IRANYekanXFaNum-ExtraBlack.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Heavy";
	src: url("../fonts/woff/IRANYekanXFaNum-Heavy.woff");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Thin";
	src: url("../fonts/woff2/IRANYekanXFaNum-Thin.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-UltraLight";
	src: url("../fonts/woff2/IRANYekanXFaNum-UltraLight.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Light";
	src: url("../fonts/woff2/IRANYekanXFaNum-Light.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Regular";
	src: url("../fonts/woff2/IRANYekanXFaNum-Regular.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Medium";
	src: url("../fonts/woff2/IRANYekanXFaNum-Medium.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-DemiBold";
	src: url("../fonts/woff2/IRANYekanXFaNum-DemiBold.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Bold";
	src: url("../fonts/woff2/IRANYekanXFaNum-Bold.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-ExtraBold";
	src: url("../fonts/woff2/IRANYekanXFaNum-ExtraBold.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Black";
	src: url("../fonts/woff2/IRANYekanXFaNum-Black.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-ExtraBlack";
	src: url("../fonts/woff2/IRANYekanXFaNum-ExtraBlack.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Heavy";
	src: url("../fonts/woff2/IRANYekanXFaNum-Heavy.woff2");
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/woff/IRANYekanX-Thin.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Thin.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/woff/IRANYekanX-UltraLight.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-UltraLight.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/woff/IRANYekanX-Light.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Light.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/woff/IRANYekanX-Medium.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Medium.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/woff/IRANYekanX-DemiBold.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-DemiBold.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/woff/IRANYekanX-ExtraBold.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-ExtraBold.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/woff/IRANYekanX-Black.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Black.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 950;
	src: url('../fonts/woff/IRANYekanX-ExtraBlack.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-ExtraBlack.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 1000;
	src: url('../fonts/woff/IRANYekanX-Heavy.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Heavy.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/woff/IRANYekanX-Bold.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Bold.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff/IRANYekanX-Regular.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Regular.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanXNum;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff/IRANYekanXFaNum-Regular.woff') format('woff'),
		url('../fonts/woff2/IRANYekanXFaNum-Regular.woff2') format('woff2');
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: IRANYekanXNum !important;
	color: #4d4d4d !important;
	font-size: 11px !important;
	background-color: #F3F3FA !important;
	font-size: 11px;
	 -webkit-overflow-scrolling: touch
}

.app {
	width: 100%;
	height: 100vh;
 -webkit-overflow-scrolling: touch

}

.rs-text {
	font-family: IRANYekanXNum !important;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.center {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Border Radious**/
.round-10 {
	border-radius: 10px;
}

/* Margins**/
.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.text-discount-decoration {
	text-decoration: line-through;
	font-weight: lighter;
	color: #8c8c8c;
}

.overflow-hidden {
	overflow: hidden;
}

.sticky-div {
	bottom: 0px;
	position: sticky;
	width: 100%;
	background-color: white;
}

.FixedCenterPosition {
	margin-right: auto;
	margin-left: auto;
}

/* استایل‌ها برای پنل تخفیف‌ها */
.discounts-panel-container {
	margin: 0 15px 20px;
	overflow: hidden;

}

.discounts-panel {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.discounts-swiper-wrapper {
	padding: 0 10px 15px;

}

.custom-discount-swiper {
	padding: 5px;
	margin: -5px;
}

.discount-card {
	background: white;
	border-radius: 8px;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
}

/* .discount-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  } */

.discount-image-container {
	position: relative;
	padding-top: 75%;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
}

.discount-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.discount-percent {
	position: absolute;
	top: 8px;
	left: 8px;
	background: #ff4757;
	color: white;
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: bold;
}

.discount-info {
	padding: 12px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.discount-title {
	font-weight: 500;
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 40px;
}

.discount-prices {
	margin-top: auto;
	margin-bottom: 10px;
}

.original-price {
	text-decoration: line-through;
	color: #999;
	font-size: 12px;
	margin-left: 5px;
}

.final-price {
	color: #ff4757;
	font-weight: bold;
	font-size: 14px;
}

.discount-prices {
	display: flex;
	flex-direction: column;
}

.original-price,
.final-price {
	display: block;
}

@media (max-width: 767px) {
	.discounts-panel-container {
		margin: 0 10px 15px;
	}

	.discounts-swiper-wrapper {
		padding: 0 5px 10px;
	}

	.discount-percent {
		font-size: 10px;
		padding: 1px 6px;
	}

	.discount-title {
		font-size: 13px;
		min-height: 36px;
	}

	.final-price {
		font-size: 13px;
	}
}

/* استایل‌ها برای پنل علاقه‌مندی‌ها */
.favorites-panel-container {
	margin: 0 15px 20px;
	overflow: hidden;
}

.favorites-panel {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.favorites-swiper-wrapper {
	padding: 0 10px 15px;
}

.custom-favorite-swiper {
	padding: 5px;
	margin: -5px;
}


.favorite-image-container {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
}

.favorite-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.favorite-info {
	padding: 12px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.favorite-title {
	font-weight: 500;
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 40px;
}

.favorite-prices {
	margin-top: auto;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.favorites-panel-container {
		margin: 0 10px 15px;
	}

	.favorites-swiper-wrapper {
		padding: 0 5px 10px;
	}

	.favorite-title {
		font-size: 13px;
		min-height: 36px;
	}
}

.rs-progress-line-inner {
	transition: width 0.3s ease-in-out;
}

.fixed-nav-deals {
	position: fixed;
	top: 80px;
	left: 3%;
	right: 3%;
	padding: 1rem;
	z-index: 1000;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.fixed-nav-header-deals {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.icon-star {
	color: #ffc107;
	margin: 0 0.5rem;
}

.icon-gift {
	margin: 0 0.5rem;
}

.close-button-deals {
	padding: 0;
	margin-left: 0.5rem;
	color: white;
	background-color: white;
}

.progress-line-deals {
	transition: width 0.3s ease;
}


.discount-main-panel {
	background: white;
	border-radius: 8px;
	border: 1px dashed #eaeaea;
}

.discount-header {
	margin-bottom: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f0f0f0;
}

.gift-icon {
	color: #e74c3c;
}

.discount-codes-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 12px;
}

/* استایل کارت تخفیف */
.discount-card {
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-left: 3px dashed transparent !important;
	/* حاشیه نامرئی در حالت عادی */
	transition: all 0.2s ease;
	border: 1px dashed #e0e0e0 !important;
}

.discount-card.applied {
	border: 3px solid transparent !important;
	border-left: 3px solid var(--rs-green-500) !important;
	background-color: rgba(46, 204, 113, 0.03);
	/* حاشیه نامرئی در حالت عادی */

}

.card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px dashed #eee;
}

.discount-code {
	font-weight: 700;
	font-size: 0.95rem;
	display: flex;
	align-items: center;
}

.discount-code .gift-icon {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 0.9rem;
}

.discount-value {
	color: var(--rs-blue-700);
	font-size: 1.3rem;
}

.card-details {
	flex-grow: 1;
	margin-bottom: 14px;
}

.detail-row {
	margin: 6px 0;
}

/* دکمه اعمال */
.apply-button {
	margin-top: auto;
	font-weight: 600;
	border-radius: 5px;
}

/* پیام عدم وجود کد تخفیف */
.no-discount-message {
	text-align: center;
	background: #f9f9f9;
	border-radius: 6px;
}

.message-icon {
	font-size: 1.8rem;
	color: #bdc3c7;
}

/* رسپانسیو برای موبایل */
@media (max-width: 768px) {
	.discount-main-panel {
		margin: 8px 0;
	}

	.discount-codes-grid {
		grid-template-columns: 1fr;
	}

	.discount-card {}
}

/* استایل‌های دراور Sillex */
.sillex-drawer {
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
}

.sillex-drawer-header {
    background: linear-gradient(to bottom, #87CEEB, #add8e6);
    color: #fff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 20px 15px;
}

.sillex-motorcycle-icon {
    position: relative;
}

.sillex-motorcycle {
    color: #fff;
}

.sillex-title {
    font-size: 18px;
    font-weight: bold;
}

.sillex-drawer-body {
    background-color: #f0f8ff;
    padding: 20px 15px;
}

.sillex-panel {
    border: none;
    text-align: center;
    border-radius: 20px;
    background-color: #fff;
    padding: 15px;
}

.sillex-price {
    color: #87CEEB;
    display: block;
    margin-top: 8px;
    margin-bottom: 16px;
}

.sillex-button {
    background-color: #87CEEB;
    color: #fff;
    border-radius: 30px;
    padding: 12px 24px;
    font-weight: bold;

}