input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.br-r{
	border:1px solid red;
}

/* برای فایرفاکس */
input[type=number] {
	-moz-appearance: textfield;
}
.input-error-validation{
	color: #e73c17;
	font-size: 15px;
	margin-bottom: 15px;
}
.btn-slider-dark{
	color: #37474F;
	border-radius: 8px;
	background-color: #CFD8DC;
}
.btn-slider-dark:hover{
	background-color: #263238;
	color: #fff;
}
/* ------- Header Search Box -----*/
.header-search-wrap{
	position: relative;
}
.header-search-box-two{
	border: 2px solid #f0f0f0;
	background-color: #FAFAFA;
	border-radius: 12px;
	display: flex;
	align-items: center;
	margin: 0;
	min-width: 718px;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.header-search-box-two:focus-within{
	border-color: rgba(21,101,192,.45);
	box-shadow: 0 10px 24px rgba(21,101,192,.12);
	background: #fff;
}

.header-search-box-two .form-control{
	border: none;
	background: transparent;
	height: 45px;
	padding-right: 16px;
	box-shadow: none !important;
	line-height: 52px;
}

.header-search-box-two .btn-src{
	height: 46px;
	min-width: 46px;
	margin-right: 6px;
	border-radius: 10px;
	border:none;
}

/* Dropdown */
.search-dropdown{
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 100%;
	background: #fff;
	border-radius: 16px;
	border: 1px solid rgba(0,0,0,.06);
	box-shadow: 0 18px 45px rgba(0,0,0,.10);
	overflow: hidden;
	z-index: 9999;
}

.search-dd-default,
.search-dd-results{
	padding: 14px;
}

.search-dd-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom: 12px;
}

.search-dd-head .title{
	font-weight: 700;
	font-size: 14px;
}
.search-dd-head .more{
	font-size: 12px;
	color: #1565C0;
}

/* کارت‌های پیشنهادی */
.search-dd-grid{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	padding-bottom: 12px;
	border-bottom: 1px dashed rgba(0,0,0,.08);
}

.search-card{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap: 10px;
	background: #F7F8FA;
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 14px;
	padding: 10px 12px;
	transition: transform .15s ease, box-shadow .15s ease;
}
.search-card:hover{
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(0,0,0,.08);
}
.search-card .meta{
	min-width: 0;
}
.search-card .name{
	font-size: 12.5px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.search-card .price{
	margin-top: 4px;
	font-size: 12px;
	color: #4b5563;
}
.search-card img{
	width: 34px;
	height: 34px;
	border-radius: 10px;
	object-fit: cover;
}

/* تگ‌ها */
.search-dd-tags{
	margin-top: 12px;
}
.tags-title{
	font-size: 12px;
	color: #6b7280;
	margin-bottom: 8px;
}
.tags{
	display:flex;
	flex-wrap: wrap;
	gap: 8px;
}
.tag-pill{
	padding: 7px 12px;
	border-radius: 999px;
	background: #F2F4F7;
	border: 1px solid rgba(0,0,0,.06);
	font-size: 12px;
	cursor: pointer;
}

/* نتایج لایو */
.search-dd-cols{
	display:grid;
	grid-template-columns: 2fr 1fr;
	gap: 14px;
}

.col-title{
	font-weight: 700;
	font-size: 13px;
	margin-bottom: 10px;
}

.list{
	max-height: 320px;
	overflow: auto;
	padding-left: 4px;
}

.result-row{
	display:flex;
	align-items:center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px;
	border-radius: 12px;
	transition: background .15s ease;
}
.result-row:hover{
	background: #F7F8FA;
}
.result-row .left{
	display:flex;
	align-items:center;
	gap: 10px;
	min-width: 0;
}
.result-row img{
	width: 36px;
	height: 36px;
	border-radius: 10px;
	object-fit: cover;
}
.result-row .title{
	font-size: 12.5px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 320px;
}
.result-row .sub{
	font-size: 12px;
	color: #6b7280;
}

/* ریسپانسیو */
@media (max-width: 991px){
	.header-search-box-two{ min-width: 100%; }
	.search-dd-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.search-dd-cols{ grid-template-columns: 1fr; }
}
.no-result-search{
	padding: 10px;
	font-size: 13px;
	background-color: #F5F5F5;
	border-radius: 8px;
}
/* --Search mobile --*/
.offcanvas-header{
	align-items: flex-end;
	justify-content: flex-end;
}
/* Offcanvas موبایل: ارتفاع بهتر و اسکرول درست */
.aside-search-box-wrapper.offcanvas-top{
	height: 80vh !important;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
}

/* دکمه close: کوچیک و مدرن‌تر */
.aside-search-box-wrapper .btn-close{
	text-align: left;
	line-height: 34px;
	font-size: 26px;
	background: #fff; /* به جای قرمز */
	border-radius: 10px;
}

/* هدر/بدنه */
.aside-search-box-wrapper .offcanvas-body{
	padding-top: 58px;
}

/* ورودی سرچ موبایل */
.mobile-search-wrap .search-form .form-control{
	border: 2px solid rgba(21,101,192,.18);
	background: #fff;
	border-radius: 14px;
	height: 52px;
	padding: 10px 54px 10px 14px;
	box-shadow: 0 10px 25px rgba(0,0,0,.06);
}

.mobile-search-wrap .search-form:focus-within .form-control{
	border-color: rgba(21,101,192,.45);
	box-shadow: 0 14px 32px rgba(21,101,192,.14);
}

.mobile-search-wrap .search-form .search-button{
	border: none;
	background: #1565C0;
	position: absolute;
	top: 6px;
	right: 6px;
	height: 40px;
	width: 40px;
	border-radius: 12px;
	color: #fff;
}

/* پنل نتایج */
.mobile-search-results{
	margin-top: 12px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 16px;
	box-shadow: 0 18px 45px rgba(0,0,0,.10);
	overflow: hidden;
}

/* بخش پیشفرض */
.ms-default, .ms-live{ padding: 12px; }
.ms-head{
	display:flex; align-items:center; justify-content:space-between;
	margin-bottom: 10px;
}
.ms-head .title{ font-weight: 800; font-size: 13px; }
.ms-head .more{ font-size: 12px; color:#1565C0; }

/* کارت‌های پیشنهادی */
.ms-grid{
	display:grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding-bottom: 12px;
	border-bottom: 1px dashed rgba(0,0,0,.08);
}
.ms-card{
	display:flex; align-items:center; justify-content:space-between;
	gap: 10px;
	background: #F7F8FA;
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 14px;
	padding: 10px 12px;
}
.ms-card img{ width: 34px; height: 34px; border-radius: 10px; object-fit: cover; }
.ms-card .name{
	font-size: 12.5px; font-weight: 700;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ms-card .price{ font-size: 12px; color:#6b7280; margin-top: 3px; }

/* تگ‌ها */
.ms-tags{ margin-top: 12px; }
.tags-title{ font-size: 12px; color:#6b7280; margin-bottom: 8px; }
.tags{ display:flex; flex-wrap:wrap; gap: 8px; }
.tag-pill{
	padding: 8px 12px;
	border-radius: 999px;
	background: #F2F4F7;
	border: 1px solid rgba(0,0,0,.06);
	font-size: 12px;
}

/* نتایج */
.ms-cols{ display:grid; grid-template-columns: 1fr; gap: 12px; }
.col-title{ font-weight: 800; font-size: 13px; margin-bottom: 8px; }
.list{
	max-height: 42vh; /* اسکرول واقعی روی موبایل */
	overflow-y: auto;
}
.ms-row{
	display:flex; align-items:center; justify-content:space-between;
	gap: 10px;
	padding: 10px;
	border-radius: 12px;
}
.ms-row:hover{ background:#F7F8FA; }
.ms-row .left{ display:flex; align-items:center; gap: 10px; min-width: 0; }
.ms-row img{ width: 36px; height: 36px; border-radius: 10px; object-fit: cover; }
.ms-row .title{
	font-size: 12.5px; font-weight: 700;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	max-width: 260px;
}
.ms-row .sub{ font-size: 12px; color:#6b7280; }



/*------ BreadCrumb Style -----*/
.page-header-area{
	margin-bottom: 15px;
}
.page-header-area .container {
	position: relative;
}
.page-header-area .page-header-content{
	background-color: #EEEEEE;
	border-radius: 8px;
	padding: 12px 10px;
	margin-top: 10px;
}
.page-header-area .page-header-content ul{
	align-items: center;
	margin: 0;
	padding: 0;
}
.page-header-area .page-header-content ul li {
	align-items: center;
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	position: relative;
}
.page-header-area .page-header-content ul li a , .page-header-area .page-header-content ul li p {
	color: #607D8B;
	font-size: 13px;
	font-weight: 400;
}
.page-header-area .page-header-content ul li:after {
	position: absolute;
	content: "\f053";
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	font-size: 10px;
	left: -5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.page-header-area .page-header-content ul li:last-child a{
	margin-top: 6px;
	font-weight: 600;
	color: #455A64;
}
.page-header-area .page-header-content ul li:last-child:after{
	content:none;
}
.breadcrumb-home-icon {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 1px 2px 0 rgba(46, 48, 59, .1);
	color: #37474F;
	font-size: 18px;
	height: 36px;
	line-height: 33px;
	margin-left: 5px;
	position: relative;
	text-align: center;
	top: 1px;
	width: 36px;
}
.breadcrumb-item + .breadcrumb-item:before {
	display: none;
}
/* ---------------------------------------*/
.product_slider_title {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
	font-size: 20px;
}
.product_slider_title h2{
	color: #37474F;
	font-size: 20px;
	font-weight: bold;
	line-height: 2em;
}
.product_slider_title p{
	color: #546E7A;
	font-size: 15px;
	line-height: 2em;
}

.product_slider_title .btn-offer{
	color: #fff;
	border:1px solid #fff;
}
.product_slider_title .btn-offer:hover{
	background-color: #fff;
	color: #C2185B; 
}
.product_slider_title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #ddd; /* خط طوسی کم‌رنگ */
	z-index: 1;
}
.product_slider_title::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 200px; /* عرض خط مشکی کمتر از کل */
	height: 3px;
	background-color: #37474F;
	z-index: 2;
}

.product-area{
	position: relative;
}
.loader_products{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6); /* پس‌زمینه مشکی شفاف */
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	z-index: 10; /* مطمئن شو از بقیه محتوا بالاتره */
}
.sort-btn.active {
	background-color: #0d6efd;
	color: white;
	border-color: #0d6efd;
}


/* ---------- Category Description Box ---------- */
.category-description-box{
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	border: 1px solid #eee;
	box-shadow: 0 10px 30px rgba(0,0,0,.04);
	margin-top: 50px;
}

.category-title{
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 12px;
	color: #111827;
}

/* محتوا */
.category-description-content{
	max-height: 160px;
	overflow: hidden;
	position: relative;
	transition: max-height .5s ease;
	line-height: 1.9;
	font-size: 14.5px;
	color: #374151;
}

.category-description-content.expanded{
	max-height: 3000px;
}

/* فید پایین */
.fade-overlay{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 70px;
	background: linear-gradient(to top, #fff 20%, rgba(255,255,255,0));
	pointer-events: none;
}

/* ---------- Read More Button ---------- */
.toggle-description-btn{
	margin-top: 18px;
	display: inline-flex;
	align-items: center;
	gap: 8px;

	background: transparent;
	border: none;
	color: #1565C0;

	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	padding: 6px 0;

	transition: all .25s ease;
}

.toggle-description-btn::after{
	content: "\f107"; /* chevron-down */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	transition: transform .25s ease;
}

.toggle-description-btn:hover{
	color: #0D47A1;
}

/* حالت باز */
.toggle-description-btn.active::after{
	transform: rotate(180deg);
}

.toggle-description-btn.active{
	color: #374151;
}



/* ------ Product Page Style ------*/
.product_items{
	background-color: #fff;
	border:1px solid #ccc;
	padding: 20px;
	border-radius: 8px;
}
.product_items ul li{
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #ccc;
}
.product_items ul li:first-child{
	padding-top: 0;
}
.product_items ul li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.product-price-content{
	background-color: #fff;
	border-radius: 10px;
	padding:25px 15px;
}
.product-review-sort{
	background-color: #E1F5FE;
	padding:10px;
	margin-bottom: 10px;
	border-radius: 8px;
}
.product-review-sort p{
	font-size: 14px;
}
.product-review-sort .sort-item{
	font-size: 13px;
	color: #9E9E9E;
}
.product-review-sort .sort-item.active{
	color: #1A237E;
}
.product-review-sort .sort-item:hover{
	cursor: pointer;
}
.product-timer-box{
	background-color: #FFEBEE;
	border-radius: 10px;
	box-shadow: 
	0 6px 16px rgba(220, 53, 69, 0.15),
	inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.pro-qty-wrapper {
	display: inline-flex;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	width: fit-content;
}
.qty-btn {
	background-color: #f3f3f3;
	border: none;
	padding: 8px 12px;
	font-size: 16px;
	color: #333;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
.qty-btn:hover {
	background-color: #e0e0e0;
	color: #000;
}
.quantity-input {
	width: 60px;
	text-align: center;
	border: none;
	padding: 8px;
	font-size: 15px;
}
.variant-chip{
	padding: 7px 15px;
	border: none;
	background-color: #eff3f8;
}
.variant-chip.active {
	border: 2px solid #0277BD;
	color: #263238;
	background-color: #eff3f8;
	box-shadow: 0 3px 9px 0 rgba(0,0,0,0.2);
}
.variant-chip.disabled {
	pointer-events: auto;
}
#v1_options .variant-chip, #v2_options .variant-chip, #single_options .variant-chip {
	margin-inline-end: .5rem; margin-bottom: .5rem;
}
.product-section-nav {
	border-bottom: 1px solid #eee;
	z-index: 900; /* زیر هدر اصلی ولی بالاتر از محتوا */
}
.product-section-link {
	padding: .55rem 1rem;
	font-size: .9rem;
	border-radius: 8px;
	color: #555;
	background: #f7f7f7;
	text-decoration: none;
	transition: all .2s ease;
}
.product-section-link:hover {
	background: #263238;
	color: #fff;
}
.product-section-link.active {
	background: #263238; /* رنگ اصلی برندت هرچی هست بذار */
	color: #fff;
}
.product-section-block {
	background: #fff;
	border-radius: 12px;
	padding: 1.5rem 1.25rem;
	margin-bottom: 1.5rem;
	box-shadow: 0 6px 20px rgba(0,0,0,.03);
}
.price-old-row span#price_old {
	font-size: 1rem;
}
/* فقط برای آلرت افزودن به سبد */
.ps-cart-alert{
	border-radius: 16px;
	padding: 18px 18px 14px;
}
.ps-cart-alert__title{
	font-size: 18px;
	font-weight: 700;
}
.ps-cart-alert__content{
	font-size: 14px;
	line-height: 1.9;
}
.ps-cart-alert .swal2-actions{
	display: none !important;
}
/*  video style  */
.video-play-badge{
	position:absolute; inset:0;
	display:flex; align-items:center; justify-content:center;
}
.video-play-badge i{
	width:56px; height:56px;
	display:flex; align-items:center; justify-content:center;
	border-radius:50%;
	background:rgba(0,0,0,.55);
	color:#fff;
	font-size:20px;
}

.video-thumb-wrap{ position:relative; }
.video-thumb-icon{
	position:absolute; inset:0;
	display:flex; align-items:center; justify-content:center;
}
.video-thumb-icon i{
	width:30px; height:30px;
	display:flex; align-items:center; justify-content:center;
	border-radius:50%;
	background:rgba(0,0,0,.55);
	color:#fff;
	font-size:12px;
}
/* CTA Video Button (AppleNik style) */
.product-video-cta{
	all: unset;                 /* کل استایل پیش‌فرض button حذف */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;

	width: 55px;
	height: 55px;
	border-radius: 999px;

	/* داخل دکمه: سرمه‌ای گرادینتی */
	background: radial-gradient(circle at 30% 30%, #1a3552 0%, #003f88 55%, #001c55 100%);
	box-shadow: 0 10px 22px rgba(0,0,0,.18);
	position: relative;

	transition: transform .18s ease, filter .18s ease;
	filter: saturate(1.05);
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

/* یکم بزرگ شدن فقط روی hover */
.product-video-cta:hover{
	transform: scale(1.07);
	filter: saturate(1.15);
}

.product-video-cta:active{
	transform: scale(0.98);
}
.product-video-cta:focus-visible{
	outline: none;
	box-shadow: 0 0 0 4px rgba(255, 122, 24, .25), 0 10px 22px rgba(0,0,0,.18);
}

/* حلقه نارنجی */
.product-video-ring{
	width: 44px;
	height: 44px;
	border-radius: 999px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	/* حلقه (نارنجی) */
	border: 2px solid #ff7a18;
	box-shadow: 0 0 0 4px rgba(255, 122, 24, .14);

	/* نکته: فقط این می‌چرخه */
	transition: transform .18s ease;
	position: relative;
}

/* افکت خط‌چین/هایلایت روی حلقه (اختیاری ولی خیلی جذاب میشه) */
.product-video-ring::after{
	content: "";
	position: absolute;
	inset: -5px;
	border-radius: 999px;

	border: 2px dashed rgba(255, 122, 24, .75);
	opacity: 0;
	transform: scale(.92);
	transition: opacity .18s ease, transform .18s ease;
}

/* فقط وقتی hover شد، حلقه بچرخه */
.product-video-cta:hover .product-video-ring{
	animation: pv-ring-spin 1.1s linear infinite;
}

/* dashed ring فقط روی hover ظاهر شه */
.product-video-cta:hover .product-video-ring::after{
	opacity: 1;
	transform: scale(1);
}

/* آیکن پلی سفید */
.product-video-ring i{
	color: #fff;
	font-size: 14px;
	margin-left: 1px; /* RTL: کمی آیکن رو خوش‌فرم می‌کنه */
	text-shadow: 0 2px 10px rgba(0,0,0,.25);
}

/* احترام به کاربرانی که motion دوست ندارن */
@media (prefers-reduced-motion: reduce){
	.product-video-cta:hover .product-video-ring{
		animation: none !important;
	}
}

@keyframes pv-ring-spin{
	from{ transform: rotate(0deg); }
	to{ transform: rotate(360deg); }
}

/* -- Review Section --*/
.comment{
	background: #f7f8fa;
	padding: 20px 25px;
	border-radius: 20px;
}
.comment .comment-header {
	color: #1c1c25;
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px dashed #e4e8eb;
	padding: 0 0 10px;
	position: relative;
}
.comment .comment-body {
	border-bottom: 1px dashed #e4e8eb;
	padding:5px 20px;
}
.comment .comment-footer .comment-like, .comment .comment-footer .comment-dislike {
	display: inline-flex;
	align-items: center;
	color: #a1a3a8;
	background-color: transparent;
	border: 0;
}

/* ------ Product Card Style ------*/

.product-countdown{
	background: linear-gradient(90deg, #FF9800 0%, #FF3D00 100%) !important;
	border-radius: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	transition: background-color .2s ease, transform .2s ease;
}

/* زیر 24 ساعت */
.product-countdown.is-urgent{
	background-color: #FF9800; /* نارنجی */
	color: #111;
}

/* زیر 1 ساعت */
.product-countdown.is-critical{
	background-color: #FF3D00; /* قرمز/نارنجی تند */
	color: #fff;
}


/* ---- Cart page --------*/

.discount-tag span{
	font-size: 12px !important;
}
.pro-qty-wrapper{
	display:inline-flex;
	align-items:center;
	border-radius:8px;
	overflow:hidden;
	width:fit-content;
}
.qty-btn{
	background:#f3f3f3;
	border:none;
	padding:8px 12px;
	font-size:16px;
	color:#333;
	cursor:pointer;
	transition:.2s;
	text-align: center;
}
.qty-btn:hover{background:#e0e0e0;color:#000}
.quantity-input{width:35px;text-align:center;border:none;padding:8px;font-size:15px}
.cart-table th,.cart-table td{vertical-align:middle}
.width-thumbnail{width:100px}.width-name{min-width:240px}.width-price{width:160px}
.width-quantity{width:230px}.width-subtotal{width:180px}.width-remove{width:80px}

.cart-calculate-discount-wrap{
	background-color: #F5F5F5;
	border-radius: 8px;
	padding: 25px;
}

.grand-total-wrap{
	background-color: #F5F5F5;
	border-radius: 8px;
	padding: 25px;
}



/* ------ User Profile Style ------*/
.profile-sidebar-wrapper{
	background-color: #F2F6F7;
	padding: 30px;
	border-radius: 8px;
}

.profile-sidebar-wrapper nav{
	display: block;
}

.profile-sidebar-wrapper nav a{
	display: flex;
	position: relative;
	justify-content: space-between;
	padding: 15px 10px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
	border-radius: 5px;
	border:1px solid #ccc;
}
.profile-sidebar-wrapper nav a.active{
	background-color: #000;
	color: #fff;
}
.profile-sidebar-wrapper nav a .arrow{
	position: relative;
	top: 5px;
}

.profile-sidebar-wrapper nav .btn-logout{
	background-color: #424242;
	color: #fff;
}
.profile-sidebar-wrapper nav .btn-logout .arrow{
	position: relative;
	top: 5px;
}

.profile-user-wrapper{
	background-color: #F2F6F7;
	padding: 30px;
	border-radius: 8px;
}
.profile-title{
	font-size: 18px;
	margin-bottom: 20px;
}
.profile-content-wrapper{
	background-color: #fff;
	border-radius: 8px;
	padding:20px;
}

.profile-content-wrapper ul li {
	margin-bottom: 10px;
}

/* ------- User_Panel Address ----  */

.address-card {
	transition: all 0.3s ease-in-out;
	border-radius: 10px;
}

.address-card:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	transform: translateY(-3px);
}

.address-card .card-title {
	font-size: 1.1rem;
}

.address-card .badge {
	font-size: 0.8rem;
	padding: 0.4em 0.6em;
}

.address-card .card-footer .btn {
	width: 38px;
	height: 38px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.border-dashed {
	border: 2px dashed #ccc !important;
	border-radius: 10px;
	background-color: #f9f9f9;
	transition: all 0.3s ease-in-out;
}

.border-dashed:hover {
	background-color: #f0f0f0;
	box-shadow: 0 0 10px rgba(0,0,0,0.06);
	transform: translateY(-2px);
}

.address-card-new i {
	font-size: 2.5rem;
	color: #888;
}

.address-card-new .text-secondary {
	font-size: 1.1rem;
}
.address-card-new i {
	animation: pulseGlow 2s infinite;
}

@keyframes pulseGlow {
	0% { transform: scale(1); opacity: 0.6; }
	50% { transform: scale(1.1); opacity: 1; }
	100% { transform: scale(1); opacity: 0.6; }
}


/* --------- Special Product Area -----------*/
/* پیشنهادات شگفت‌انگیز (صفحه اصلی) */
.special_offer-area{
	padding: 28px 0;
	background:
	radial-gradient(1200px 320px at 85% 0%, rgba(21,101,192,.22), transparent 62%),
	radial-gradient(900px 300px at 12% 10%, rgba(255,90,90,.30), transparent 58%),
	radial-gradient(700px 260px at 70% 85%, rgba(255,152,0,.18), transparent 55%),
	linear-gradient(135deg, #0B2A4A 0%, #0F172A 55%, #111827 100%);
	border-radius: 22px;
	position: relative;
	overflow: hidden;
}

/* یه لایه درخشش/هایلایت خیلی ملایم برای جذابیت */
.special_offer-area::before{
	content:"";
	position:absolute;
	inset:-2px;
	background: radial-gradient(600px 200px at 20% 0%, rgba(255,255,255,.10), transparent 60%);
	pointer-events:none;
}

/* تیتر و دکمه مثل کمپین بشه */
.special_offer-area .product_slider_title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom: 14px;
}

.special_offer-area .product_slider_title h2{
	margin: 0;
	font-weight: 900;
	letter-spacing: -0.2px;
	color: #fff !important;
	position: relative;
}

/* آیکون درصد نارنجی */
.special_offer-area .product_slider_title h2 i{
	color: #FF9800 !important;
}

/* خط زیرِ عمومی رو نرم‌تر کن */
.special_offer-area .product_slider_title::after{
	background-color: rgba(255,255,255,.18) !important;
}

/* خط تاکید (قبلاً خاکستری تیره بود) -> نارنجی/قرمز گرادینتی */
.special_offer-area .product_slider_title::before{
	width: 180px !important;
	height: 3px !important;
	background: linear-gradient(90deg, #FF9800 0%, #FF3D00 100%) !important;
	bottom: -1px !important;
	right: 0 !important;
	box-shadow: 0 10px 22px rgba(255,152,0,.18);
}


.special_offer-area .btn-offer{
	background: rgba(255,255,255,.14);
	border: 1px solid rgba(255,255,255,.22);
	color: #fff;
	border-radius: 12px;
	padding: 9px 14px;
	font-weight: 800;
	transition: .2s ease;
	box-shadow: 0 16px 34px rgba(0,0,0,.20);
}
.special_offer-area .btn-offer:hover{
	background: rgba(255,255,255,.20);
	transform: translateY(-1px);
	color: #fff;
}

/* کارت‌های داخل اسلایدر یه کم شیشه‌ای‌تر/لوکس‌تر */
.special_offer-area .product-item{
	padding-bottom: 2px;
}

/* اگر دکمه‌های swiper روی پس‌زمینه تیره گم میشن */
.special_offer-area .swiper-button-prev,
.special_offer-area .swiper-button-next{
	border-radius: 12px;
	width: 42px;
	height: 42px;
	transition: .2s ease;
}

.special_offer-area .swiper-button-prev:after,
.special_offer-area .swiper-button-next:after{
	font-size: 16px;
	color: #fff;
	font-weight: 900;
}


/* --------- Header Top Area -----------*/
.header-top-bar {
	background: rgb(255, 91, 92);
	color: #fff;
	font-size: 14px;
	padding: 6px 0;
}

.header-top-text {
	font-weight: 500;
}

.header-top-cta {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.8);
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	margin-left: 8px;
}

.header-top-cta:hover {
	background: #fff;
	color: rgb(255, 91, 92);
}

.header-top-close {
	background: transparent;
	border: none;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	padding: 0 4px;
}


/*------- Floating Button Home ------*/

.floating-buttons {
	position: fixed;
	z-index: 999;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.floating-buttons-right { right: 15px; }
.floating-buttons-left  { left: 15px; }
.floating-btn {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: none;
	outline: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease, visibility .2s ease;
	background-color: #ffffff;
	color: #333;
	text-decoration: none;
}
.floating-btn i {
	font-size: 20px;
}
.floating-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(0,0,0,0.2);
	color: #fff;

}
.floating-btn-whatsapp {
	background-color: #25D366;
	color: #fff;
}
.floating-btn-call {
	background-color: #0d6efd;
	color: #fff;
}
.floating-btn-top {
	opacity: 0;
	visibility: hidden;
}
.floating-btn-top.visible {
	opacity: 1;
	visibility: visible;
}
.floating-btn-top:hover i {
	color: #000;
}
/* ------ Home Style for h1 h2 --------- */
.home-hero-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 8px;
}
.home-hero-subtitle {
	font-size: 16px;
	font-weight: 400;
	color: #666;
}


/* ------ Loader products list --------- */


/* اوورلی تمام‌صفحه برای لودینگ */
.loader_products {
	position: fixed;
	inset: 0; /* معادل top:0; right:0; bottom:0; left:0; */
	background: rgba(0, 0, 0, 0.5); /* یه سفیدی نیمه‌شفاف */
	z-index: 9999;

	display: flex;              /* همیشه flex باشه */
	align-items: center;        /* عمودی وسط */
	justify-content: center;    /* افقی وسط */
	flex-direction: column;

	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
}
.loader_products.is-active {
	opacity: 1;
	pointer-events: auto;
}
/* وقتی نمایش داده می‌شه، به flex تبدیلش کن */
.loader_products.show {
	display: flex;
}
/* اسپینر ساده */
.loader-spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #ddd;
	border-top-color: #ff9800; /* رنگ دلخواهت، مثلاً زرد/نارنجی برند */
	border-radius: 50%;
	animation: loader-spin 0.8s linear infinite;
	margin-bottom: 10px;
}
/* متن زیر اسپینر */
.loader-text {
	font-size: 0.95rem;
	color: #fff;
}
/* انیمیشن چرخش */
@keyframes loader-spin {
	to {
		transform: rotate(360deg);
	}
}

/* -------------- Responsive Style -------------*/
@media only screen and (min-width: 1200px) and (max-width: 1549px) {

}

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

}

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

}

@media only screen and (max-width: 767px) {

	.product-categories-two-items .product-category-title{
		font-size: 12px;
		font-weight: 600;
	}
	.product-item-title a{
		font-size: 12px;
	}
	.product_slider_title h2{
		font-size: 18px;
	}
	.product_slider_title::before{
		width: 100px;
	}

}

@media only screen and (max-width: 479px) {
	.product_slider_title h2{
		font-size: 16px;
	}
	.product-categories-two-items .product-category-title{
		font-size: 12px;
		font-weight: 600;
	}

}



/*====================================================
--< Section Title Css -->
======================================================*/
.section_sub_title h6 {
	letter-spacing: 5px;
	color: #FFAD43;
	font-size: 16px;
}
.section_title.text_center {
	text-align:center;
}
.section_main_title h1,
.section_main_title h2 {
	font-weight: 800;
	margin:0;
}
.text_left .section_main_title h1 {
	margin: 0;
	letter-spacing: -1px;
}
.section_main_title h1 span{
	color:#FFAD43;
}
.section_content_text p {
	font-size: 18px;
}
.text_center .section_content_text p {
	width: 75%;
	margin: auto;
	font-size: 19px;
}
.section_content_text.bold p {
	font-size: 22px;
	font-weight: 600;
}
.section_title.white .section_main_title h1,
.section_title.white .section_main_title h2 {
	color: #fff;
}
.section_title.white .section_sub_title h6 {
	color: #fff;
}
.section_title.white .section_content_text p {
	color: #fff;
}
.section_button {
	text-align: right;
}
.phone_number h5 {
	letter-spacing: 1px;
	font-weight: 500;
}
.em_bar {
	background: #9B50DB none repeat scroll 0 0;
	height: 2px;
	margin: 0 auto 5px;
	width: 62px;
	
}
.text_left .em_bar {
	margin: 0;
}
.em_bar_bg {
	height: 5px;
	width: 90px;
	background: #cbbded;
	margin: 20px auto;
	position: relative;
	border-radius: 30px;
}
.em_bar_bg:before {
	content: '';
	position: absolute;
	left: 0;
	top: -2.7px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #FFAD43;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: MOVE-BG;
	animation-name: MOVE-BG;
}
@-webkit-keyframes MOVE-BG {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(88px);
		transform: translateX(88px);
	}
}

@keyframes MOVE-BG {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(88px);
		transform: translateX(88px);
	}
}



/* ----- Service Card -----*/
.service_style_one {
	background: #fff;
	border-radius:10px;
}
.service_style_one_icon .service_style_one_bg {
	width: 95px;
	height: 95px;
	line-height: 95px;
	background: #e8ecfc;
	border-radius: 100%;
	/*color: #FFAD43;*/
	display: inline-block;
	border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	text-align: center;
}
.service_style_one_icon .service_style_one_bg img{
	max-width: 65px;
	min-width: 65px;
}
.service_style_one_title h4 {
	font-size: 16px;
	line-height: 2rem;
	font-weight: 700;
	color: #FFAD43;
	position:relative;
}
.service_style_one_title h4:before {
	position: absolute;
	content: "";
	left: 0;
	top: 40px;
	height: 2px;
	width: 100px;
	background: #d1d1d1;
	margin: auto;
	right: 0;
}
.service_style_one_button a {
	color: #616161;
	border: 1px solid #e8ecfc;
	padding: 5px 23px;
	border-radius: 30px;
	display: inline-block;
	font-size: 16px;
}
.service_style_one_button a i {
	margin-right: 7px;
}
.service_style_one:hover .service_style_one_button a {
	background-color: #FFAD43;
	color: #fff;
	border-color: #FFAD43;
}
.service_style_one:hover .service_style_one_icon .service_style_one_bg {
	background-color: #FFAD43;
	color: #fff;
}
.service_style_one_text{
	text-align: justify;
	font-size: 14px;
}
/*====================================================
--<	Techno Service Details Area Css -->
======================================================*/
.service-details-pn-list ul li {
	margin-bottom: 10px;
	transition: .5s;
	list-style: none;
}
.service-details-pn-list ul li a {
	position: relative;
	display: block;
	padding: 14px 15px;
	background-color: #F3F6F9;
	font-weight: 600;
	font-size: 15px;
	transition: .5s;
	color: #232323;
	border-radius: 8px;
}
.service-details-pn-list ul li a.active{
	background: #FFAD43 !important;
	color: #fff !important;
}
.service-details-pn-list ul li a:hover {
	background: #FFAD43 !important;
	color: #fff !important;
}
.service-details-pn-list ul li a i {
	float: left;
	font-size: 17px;
	font-weight: 600;
	position: relative;
	margin-top: 5px;
}
.details-big-content {
	text-align: center !important;
}
.service-details-big-button a span i {
	margin-left: 20px;
}
.service-details-pn-about{
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: center;
	height: 400px;
	position: relative;
	z-index: 1;
	background-size: contain;
}
.service-details-pn-about::before {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 8px;
	height: 100%;
	width: 100%;
	content: "";
	background: rgba(0,0,0,.5);
	z-index: -1;
}
.service-details-pn-about-content{
	position: absolute;
	bottom:0;
	right: auto;
	width: 100%;
	text-align: center;
}
.service-main-details-inner-thumb{
	width: 195px;
	height: 195px;
	line-height: 195px;
	display: inline-block;
	text-align: center;
	background: rgb(232, 236, 252);
	border-radius: 33% 66% 70% 30% / 49% 62% 38% 51%;
	transition: 0.5s;
}
.service-main-details-inner-thumb img{
	width: 150px;
}
.service-main-details-content-title h1 {
	font-weight: 600;
	font-size: 20px;
}
.service-main-details-content-title h3 {
	font-weight: 600;
	font-size: 18px;
}
.service-details-pn-about-content-title h4 {
	font-size: 20px;
	color: #fff;
	font-weight:700;
}
.service-details-pn-about-content-text p {
	font-size: 18px;
	color: #fff;
}
.service-details-pn-about-content-button a {
	display: inline-block;
	padding: 10px 40px;
	background: #fff;
	color: #FFAD43;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 700;
	transition: 0.5s;
}
.service-details-pn-about:hover .service-details-pn-about-content-button a{
	background: #FFAD43;
	color: #fff;
}
/* Projects Style */
.case_study_style_two{
	position:relative;
}
.case_study_style_two_thumb {
	position: relative;
	z-index: 1;
}
.case_study_style_two_thumb:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.40);
	content: "";
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	border-radius: 10px;
}
.case_study_style_two_thumb img {
	width: 100%;
	border-radius: 10px;
}
.case_study_style_two_content {
	position: absolute;
	right: 0;
	top: 80%;
	right: 0;
	background: rgba(255,173,67,0.6);
	width: 100%;
	margin: auto;
	border-radius: 5px;
	padding: 15px 30px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	text-align: right;
}
.case_study_style_two_title h4 a {
	color: #fff;
	font-weight: 700;
	display: block;
}
.case_study_style_two_title span {
	color: #fff;
	font-weight:600;
}
.case_study_style_two_button a {
	text-decoration: underline;
	color: #fff;
}
.case_study_style_two:hover .case_study_style_two_content{
	top: 70%;
}

/* ----- Aboute Section & Page Style ----*/

.about-preview{
	background-color: #fff;
}
/*====================================================
--<	Techno Flipbox Top Feature Area Css -->
======================================================*/
.nagative_margin {
    position: relative;
    margin-top: -100px;
}
.nagative_margin3 {
	position: relative;
	margin-top: -100px;
	z-index: 99;
}
.nagative_margin4 {
    position: relative;
    margin-top: -225px;
}
.nagative_margin5 {
    position: relative;
    margin-top: -70px;
}
.top_feature .techno_flipbox .techno_flipbox_font {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.10);
    border: 0;
}
.top_feature .techno_flipbox .techno_flipbox_back {
    background: #0c5adb;
	box-shadow:0 5px 20px rgba(0,0,0,0.10);
	border-radius:8px;
}
.top_feature .techno_flipbox .techno_flipbox_inner {
    padding: 0 30px;
}
.top_feature .techno_flipbox .techno_flipbox_back::before {
    display:none;
}
.top_feature .icon {
    color: #0c5adb;
    font-size: 45px;
    display: inline-block;
    line-height: 46px;
}
.top_feature .techno_flipbox .flipbox_title h3 {
    font-size: 20px;
    color: #232323;
    font-weight: 700;
}

/* Top Feature Style Two */

.top_feature.two .techno_flipbox .techno_flipbox_font, .top_feature.two .techno_flipbox .techno_flipbox_back {
    min-height: 223px;
}
.top_feature.two .techno_flipbox .techno_flipbox_back {
    background: #fff;
}
.top_feature.two .techno_flipbox .techno_flipbox_inner {
    padding: 0 24px;
}
.top_feature.two .icon {
    color: #fff;
    font-size: 40px;
    line-height: 90px;
    height: 90px;
    width: 90px;
    background: #FFAD43;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
}
.top_feature.two .techno_flipbox .flipbox_title h3 {
    padding-bottom: 0;
	font-size:21px;
}
.top_feature.two .techno_flipbox .techno_flipbox_back .flipbox_title h3 {
    color: #232323;
	font-size:21px;
}
.top_feature.two .techno_flipbox_back .flipbox_desc p {
    color: #616161;
}
/*====================================================
--<	Techno Flipbox Area Css -->
======================================================*/
.techno_flipbox_font {
    border: 1px solid #0c5adb;
    border-radius: 8px;
}
.flipbox .section_main_title h1 {
    color: #fff;
}
.flipbox .section_sub_title h6 {
    color: #fff;
}
.flipbox .section_title{
	margin-bottom:30px;
}
.techno_flipbox {
	perspective: 1000px;
	position: relative;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	z-index: 1;
}
.techno_flipbox .techno_flipbox_font,
.techno_flipbox .techno_flipbox_back {
	min-height: 250px;
	height: auto;
	box-shadow: 0px 1px 51.3px 5.7px rgba(137,143,156,.15);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: rotateX(0);
	-webkit-transform: rotateX(0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: transform .7s ease, -webkit-transform .7s ease;
	position: relative;
}
.techno_flipbox .techno_flipbox_back::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,transparent -80%,#00247e);
}
.icon {
    font-size: 45px;
    line-height: 45px;
}
.techno_flipbox .techno_flipbox_inner {
	text-align: center;
	padding: 0 25px;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	perspective: inherit;
	-webkit-perspective: inherit;
	outline: transparent solid 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
	transform: translateY(-50%) translateZ(60px) scale(0.94);
	z-index: 2;
}
.techno_flipbox_icon {
	font-size: 45px;
	text-align: center;
	display: inline-block;
	color: #fff;
	overflow: hidden;
}
.techno_flipbox_font .flipbox_desc p {
    color: #fff;
}
.techno_flipbox .flipbox_title h3 {
    font-size: 22px;
    padding-bottom: 13px;
    text-transform: capitalize;
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    color: #fff;
}
.techno_flipbox .techno_flipbox_back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 2px;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.techno_flipbox .techno_flipbox_back .flipbox_button a {
    text-transform: capitalize;
    margin-top: 22px;
    background: #fff;
    color: #0c5adb;
    display: inline-block;
    padding: 4px 25px;
    border-radius: 5px;
    border: 2px solid #fff;
    transition: .5s;
}
.techno_flipbox_back .flipbox_desc p{
    color: #fff;
}
.techno_flipbox .techno_flipbox_back .flipbox_button a i {
	display: none;
}
.techno_flipbox .techno_flipbox_back .flipbox_title h3 {
	padding-bottom: 16px;
	padding-top: 0;
	color: #fff;
	margin-bottom: 0;
}
.techno_flipbox .techno_flipbox_font .flipbox_desc,
.techno_flipbox .techno_flipbox_back .flipbox_desc {
	color: #fff;
}

/* Flipbox Hover Css */
.techno_flipbox:hover .techno_flipbox_font {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.techno_flipbox:hover .techno_flipbox_back {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.techno_flipbox .techno_flipbox_back .flipbox_button a:hover {
	color: #fff;
	border-color: #0c5adb;
	background: #0c5adb;
}

.pages .techno_flipbox .techno_flipbox_font .flipbox_title h3 {
    color: #444;
}
.pages .techno_flipbox_font .flipbox_desc p {
    color: #666;
}
.project-gallery{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
}

.project-thumb{
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 12px;
    overflow: hidden;
    display: block;
    background: #111;
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
    transform: translateY(0);
    transition: transform .18s ease, box-shadow .18s ease;
}

.project-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .92;
    transition: transform .22s ease, opacity .22s ease;
}

.project-thumb-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background: radial-gradient(circle at center, rgba(0,0,0,.35), rgba(0,0,0,.7));
    opacity: 0;
    transition: opacity .2s ease;
    color: #fff;
    font-size: 18px;
}

.project-thumb:hover{
    transform: translateY(-4px);
    box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

.project-thumb:hover img{
    transform: scale(1.06);
    opacity: 1;
}

.project-thumb:hover .project-thumb-overlay{
    opacity: 1;
}