/*
Theme Name: Horam Kitchen X
Theme URI: https://example.com
Author: Horam Team
Author URI: https://example.com
Description: Mobile First Smart Kitchen Store Theme
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: horam-kitchen-x
*/

:root{

--primary:#E63946;
--primary-dark:#c62836;
--primary-light:#ff5a68;
--secondary:#FFB703;
--success:#2A9D8F;
--dark:#1c1f26;
--gray:#666666;
--light:#ffffff;
--background:#F8F9FA;

--primary-gradient:linear-gradient(135deg,#E63946,#ff5a68);

--radius-sm:10px;
--radius-md:15px;
--radius-lg:20px;

--shadow-sm:0 2px 10px rgba(17,24,39,.06);
--shadow-md:0 10px 30px rgba(17,24,39,.09);
--shadow-lg:0 25px 60px rgba(17,24,39,.14);

--container:1400px;
--ease:cubic-bezier(.4,0,.2,1);

}

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Vazirmatn,Tahoma,Arial,sans-serif;
}

html{
scroll-behavior:smooth;
}

/* =====================================================
   ستاره امتیاز (WooCommerce) — پیاده‌سازی مستقل از فونت آیکون
   پیش‌فرض ووکامرس، تا در کارد محصول، نظرات و صفحه محصول
   همیشه درست و یکدست نمایش داده شود.
   ===================================================== */

.star-rating{

	overflow:hidden;
	position:relative;
	display:inline-block;
	height:1.15em;
	line-height:1;
	font-size:16px;
	width:5.4em;
	direction:ltr;
	unicode-bidi:bidi-override;
	font-family:Arial,Helvetica,sans-serif;
	letter-spacing:2px;

}

.star-rating:before{

	content:"★★★★★";
	position:absolute;
	top:0;
	left:0;
	right:auto;
	float:none;
	color:#e2e4e8;
	font-family:Arial,Helvetica,sans-serif;

}

.star-rating span{

	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	right:auto;
	float:none;
	padding-top:1.5em;

}

.star-rating span:before{

	content:"★★★★★";
	position:absolute;
	top:0;
	left:0;
	right:auto;
	color:#f5a623;
	font-family:Arial,Helvetica,sans-serif;

}

.woocommerce-product-rating .star-rating,
.comment-form-rating .stars{

	direction:ltr;

}

body{

direction:rtl;

font-family:Vazirmatn,Tahoma,Arial,sans-serif;

background:var(--background);

color:var(--dark);

line-height:1.8;
}

img{
max-width:100%;
height:auto;
display:block;
}

a{
text-decoration:none;
color:inherit;
}

ul{
list-style:none;
}

.container{
width:95%;
max-width:var(--container);
margin:auto;
}

.hidden{
display:none;
}

.hk-topbar{
background:var(--primary-gradient);
color:#fff;
padding:9px 0;
font-size:12.5px;
letter-spacing:.2px;
}

.hk-topbar-content{
display:flex;
justify-content:space-between;
}

.hk-topbar-content span{
display:flex;
align-items:center;
gap:6px;
opacity:.95;
}

@media(max-width:600px){

	.hk-topbar-content{
		flex-wrap:wrap;
		justify-content:center;
		gap:4px 14px;
		text-align:center;
	}

	.hk-topbar-content span{
		font-size:11px;
	}

}

.hk-header{
background:rgba(255,255,255,.92);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
padding:14px 0;
position:sticky;
top:0;
z-index:999;
box-shadow:0 1px 0 rgba(17,24,39,.06);
transition:box-shadow .25s var(--ease);
}

.hk-header-row{
display:flex;
align-items:center;
gap:20px;
	justify-content: space-between;
}

.hk-logo{
max-width:100px;
transition:transform .2s var(--ease);
}

.hk-logo:hover{
transform:scale(1.03);
}


.hk-hero{
padding:20px 0;
text-align:center;
}

.hk-trust-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;
margin:30px 0;
}

.hk-trust-grid div{
background:#fff;
padding:20px;
border-radius:var(--radius-md);
text-align:center;
box-shadow:var(--shadow-sm);
transition:transform .2s var(--ease), box-shadow .2s var(--ease);
}

.hk-trust-grid div:hover{
transform:translateY(-4px);
box-shadow:var(--shadow-md);
}

.hk-footer{

	background:linear-gradient(180deg,#1c1f26,#14161b);
	color:#fff;
	padding:0 0 50px;
	margin-top:60px;
	position:relative;

}

.hk-footer:before{

	content:'';
	display:block;
	height:5px;
	background:linear-gradient(90deg,var(--primary),#f59e0b,var(--success));

}

/* ===================================
   نوار ویژگی‌های خرید
=================================== */

.hk-footer-perks{

	background:rgba(255,255,255,.03);
	border-bottom:1px solid rgba(255,255,255,.07);
	padding:26px 0;

}

.hk-footer-perks-row{

	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;

}

.hk-perk-item{

	display:flex;
	align-items:center;
	gap:12px;

}

.hk-perk-icon{

	width:46px;
	height:46px;
	flex:0 0 46px;
	border-radius:14px;
	background:rgba(255,255,255,.06);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:21px;

}

.hk-perk-item strong{

	display:block;
	font-size:13.5px;
	font-weight:400;
	margin-bottom:2px;

}

.hk-perk-item small{

	display:block;
	font-size:11.5px;
	color:rgba(255,255,255,.55);

}

/* ===================================
   نماد اعتماد و درگاه پرداخت
=================================== */

.hk-footer-trust{

	background:rgba(255,255,255,.04);
	border-bottom:1px solid rgba(255,255,255,.08);
	padding:22px 0;

}

.hk-footer-trust-row{

	display:flex;
	align-items:center;
	justify-content:center;
	gap:30px;
	flex-wrap:wrap;

}

.hk-enamad-badge{

	height:70px;
	width:auto;
	border-radius:8px;

}

.hk-payment-badge{

	max-height:46px;
	width:auto;

}

/* ===================================
   گرید اصلی فوتر
=================================== */

.hk-footer-grid{

	display:grid;
	grid-template-columns:1fr 1fr;
	gap:30px;
	padding:50px 0 20px;

}

.hk-footer-grid-4{

	grid-template-columns:1.3fr 1fr 1fr 1.1fr;

}

.hk-footer-grid-5{

	grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;

}

.hk-footer-logo img{

	max-height:38px;
	width:auto;
	margin-bottom:14px;
	filter:brightness(0) invert(1);

}

.hk-footer-col ul{

	list-style:none;
	margin:0;
	padding:0;

}

.hk-footer-menu{

	list-style:none;
	margin:0;
	padding:0;

}

.hk-footer-menu li a,
.hk-footer-contact li a{

	color:rgba(255,255,255,.65);
	text-decoration:none;
	transition:color .15s;

}

.hk-footer-menu li a:hover,
.hk-footer-contact li a:hover{

	color:#fff;

}

.hk-footer-contact li{

	color:rgba(255,255,255,.65);
	font-size:13.5px;
	padding:6px 0;
	line-height:1.9;

}

/* ===================================
   شبکه‌های اجتماعی
=================================== */

.hk-footer-social{

	display:flex;
	gap:10px;
	margin-top:16px;

}

.hk-footer-social a{

	width:38px;
	height:38px;
	border-radius:50%;
	background:rgba(255,255,255,.08);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:15px;
	text-decoration:none;
	transition:background .2s, transform .2s var(--ease);

}

.hk-footer-social a:hover{

	transform:translateY(-3px);

}

.hk-social-instagram:hover{
	background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
}

.hk-social-telegram:hover{
	background:#0088cc;
}

.hk-social-whatsapp:hover{
	background:#25d366;
}

/* ===================================
   دکمه تماس برجسته
=================================== */

.hk-footer-call-btn{

	display:flex;
	align-items:center;
	gap:12px;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.1);
	border-radius:16px;
	padding:14px 16px;
	text-decoration:none;
	margin-bottom:16px;
	transition:background .2s, transform .2s var(--ease);

}

.hk-footer-call-btn:hover{

	background:var(--primary-gradient);
	transform:translateY(-3px);
	border-color:transparent;

}

.hk-footer-call-icon{

	width:40px;
	height:40px;
	flex:0 0 40px;
	border-radius:50%;
	background:var(--primary-gradient);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:17px;

}

.hk-footer-call-btn:hover .hk-footer-call-icon{

	background:rgba(255,255,255,.2);

}

.hk-footer-call-text{

	display:flex;
	flex-direction:column;
	gap:2px;

}

.hk-footer-call-text small{

	font-size:11px;
	color:rgba(255,255,255,.6);

}

.hk-footer-call-text strong{

	font-size:15px;
	font-weight:600;
	color:#fff;
	direction:ltr;

}

/* ===================================
   پایین فوتر
=================================== */

.hk-footer-bottom{

	border-top:1px solid rgba(255,255,255,.08);
	padding:18px 0;
	font-size:12.5px;
	color:rgba(255,255,255,.55);

}

.hk-footer-bottom-row{

	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:8px;

}

.hk-footer-brand-mini{

	color:rgba(255,255,255,.4);
	font-size:12px;

}

.hk-footer h3{

	font-size:16px;
	font-weight:600;
	margin-bottom:14px;
	position:relative;
	padding-bottom:10px;

}

.hk-footer h3:after{

	content:'';
	position:absolute;
	right:0;
	bottom:0;
	width:36px;
	height:3px;
	border-radius:3px;
	background:var(--primary);

}

.hk-footer p{

	color:rgba(255,255,255,.65);
	font-size:13.5px;
	line-height:2;

}

.hk-footer ul li{

	color:rgba(255,255,255,.65);
	font-size:13.5px;
	padding:6px 0;
	transition:color .15s, padding .15s;
	cursor:default;

}

.hk-footer ul li:hover{

	color:#fff;
	padding-right:4px;

}

/* ===================================
   واکنش‌گرا
=================================== */

@media(max-width:1100px){

	.hk-footer-grid-5{
		grid-template-columns:1fr 1fr 1fr;
	}

}

@media(max-width:900px){

	.hk-footer-grid-4{
		grid-template-columns:1fr 1fr;
	}

	.hk-footer-grid-5{
		grid-template-columns:1fr 1fr;
	}

	.hk-footer-perks-row{
		grid-template-columns:1fr 1fr;
	}

}

@media(max-width:600px){

	.hk-footer-grid-4,
	.hk-footer-grid-5{
		grid-template-columns:1fr;
	}

	.hk-footer-perks-row{
		grid-template-columns:1fr;
	}

	.hk-footer-bottom-row{
		flex-direction:column;
		text-align:center;
	}

}


.hk-mobile-nav{
position:fixed;
bottom:0;
left:0;
right:0;
height:56px;
background:rgba(255,255,255,.96);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
display:flex;
justify-content:space-around;
align-items:center;
box-shadow:0 -2px 20px rgba(17,24,39,.08);
z-index:9999;
}

.hk-mobile-nav a{
display:flex;
flex-direction:column;
align-items:center;
gap:2px;
font-size:11.5px;
font-weight:600;
color:var(--gray);
transition:color .15s, transform .15s;
}

.hk-mobile-nav a:hover,
.hk-mobile-nav a:active{
color:var(--primary);
transform:translateY(-2px);
}


@media(max-width:768px){
.hero-category-grid { grid-template-columns: repeat(auto-fit,minmax(70px,1fr)) !important; }
.horam-compare-bar { bottom: 55px !important; }
.horam-hero-advisor{

		padding:30px 10px;

	}

	.hero-advisor-header h1{

		font-size:32px;

	}

	.hero-advisor-header p{

		font-size:15px;

	}

	.hero-advisor-steps{

		padding:20px;

		border-radius:20px;

	}


	.hero-trust-bar{

		grid-template-columns:
		repeat(2,1fr);

	}
	.sticky-column{ width: 100px !important; }
	
.hk-header-row{
flex-wrap:wrap;
}

.hk-logo{
order:1;
max-width:90px;
}

.hk-actions{
order:2;
}

.horam-search-box{
order:3;
max-width:100%;
}

.hk-trust-grid{
grid-template-columns:repeat(2,1fr);
}

}
/* ==================================================
   HORAM HERO ADVISOR
================================================== */

.horam-hero-advisor{

	position:relative;

	padding:35px 15px;

	background:
	linear-gradient(
		135deg,
		#fff8f2 0%,
		#fff4ea 40%,
		#fef9f5 100%
	);

	overflow:hidden;

}

/* ==================================================
   BACKGROUND SHAPES
================================================== */

.hero-bg-shape{

	position:absolute;

	border-radius:50%;

	z-index:1;

}

.hero-bg-shape-1{

	width:350px;

	height:350px;

	top:-120px;

	right:-120px;

	background:
	rgba(230,57,70,.08);

}

.hero-bg-shape-2{

	width:250px;

	height:250px;

	left:-100px;

	bottom:-100px;

	background:
	rgba(255,183,3,.12);

}

/* ==================================================
   CONTAINER
================================================== */

.hero-advisor-container{

	max-width:1400px;

	margin:auto;

	position:relative;

	z-index:2;

}

/* ==================================================
   HEADER
================================================== */

.hero-advisor-header{

	text-align:center;

	max-width:900px;

	margin:0 auto 20px;

}

.hero-badge{

	display:inline-flex;

	align-items:center;

	padding:10px 20px;

	background:#fff;

	border-radius:50px;

	font-size:14px;

	font-weight:300;

	color:var(--primary);

	box-shadow:
	0 10px 25px rgba(0,0,0,.06);

	margin-bottom:20px;

}

.hero-advisor-header h1{

	font-size:34px;

	line-height:1.4;

	font-weight:600;

	color:#111827;

	margin-bottom:10px;

}

.hero-advisor-header p{

	font-size:17px;

	line-height:2;

	color:#6b7280;

}

/* ==================================================
   STEP CARD
================================================== */

.hero-advisor-steps{

	background:#fff;

	padding:20px;

	border-radius:30px;

	box-shadow:
	0 20px 60px rgba(0,0,0,.08);

	border:1px solid #f1f5f9;

	max-width: 90%;

	margin:auto;

}

/* ==================================================
   TITLES
================================================== */

.hero-advisor-steps h3{

	text-align:center;

	font-size:24px;

	font-weight:300;

	margin-bottom:30px;

	color:#111827;

}

/* ==================================================
   CATEGORY GRID
================================================== */

.hero-category-grid{

	display:grid;

	grid-template-columns:
	repeat(auto-fit,minmax(100px,1fr));

	gap:12px;

}

/* ==================================================
   CATEGORY CARD
================================================== */

.hero-category-card{

	background:#fff;

	border-radius:24px;

	padding:8px;

	text-align:center;

	cursor:pointer;

	border:2px solid transparent;

	transition:.25s;

	box-shadow:
	0 10px 30px rgba(0,0,0,.05);

}

.hero-category-card:hover{

	transform:translateY(-6px);

	border-color:var(--primary);

	box-shadow:
	0 20px 40px rgba(230,57,70,.15);

}

/* ==================================================
   ICON
================================================== */

.hero-category-thumb{

	width: 100%;
  height: auto;

	margin:0 auto 10px;

	border-radius:10px;

	overflow:hidden;

	box-shadow:
	0 10px 25px rgba(0,0,0,.08);

}

.hero-category-thumb img{

	width:100%;

	height:100%;

	object-fit:cover;

	display:block;

	transition:.3s;

}

.hero-category-card:hover
.hero-category-thumb img{

	transform:scale(0.9);

}

/* ==================================================
   TITLE
================================================== */

.hero-category-title{

	font-size:13px;

	font-weight:400;

	color:#111827;

	margin-bottom:8px;

}

/* ==================================================
   COUNT
================================================== */

.hero-category-count{

	font-size:13px;

	color:#6b7280;

}

/* ==================================================
   OPTIONS GRID
================================================== */

.hero-options-grid{

	display:grid;

	grid-template-columns:
	repeat(auto-fit,minmax(220px,1fr));

	gap:15px;

}

/* ==================================================
   OPTIONS
================================================== */

.advisor-option{

	background:#f8fafc;

	border:none;

	border-radius:18px;

	padding:18px;

	font-size:15px;

	font-weight:400;

	cursor:pointer;

	transition:.25s;

}

.advisor-option:hover{

	background:#fff3e8;

	color:var(--primary);

	transform:translateY(-3px);

}

/* ==================================================
   STEPS
================================================== */

.advisor-step{

	display:none;

}

.advisor-step.active{

	display:block;

	animation:
	horamFade .35s ease;

}

@keyframes horamFade{

	from{

		opacity:0;

		transform:
		translateY(15px);

	}

	to{

		opacity:1;

		transform:none;

	}

}

/* ==================================================
   LOADING
================================================== */

#advisor-loading{

	display:none;

	text-align:center;

	padding:30px;

	font-size:18px;

	font-weight:300;

	color:var(--primary);

}

/* ==================================================
   RESULTS
================================================== */

#advisor-results{

	margin-top:30px;

}

/* ==================================================
   TRUST BAR
================================================== */

.hero-trust-bar{

	margin-top:30px;

	display:grid;

	grid-template-columns:
	repeat(4,1fr);

	gap:15px;

}

.hero-trust-bar div{

	background:#fff;

	padding:18px;

	text-align:center;

	border-radius:18px;

	font-weight:400;

	box-shadow:
	0 10px 25px rgba(0,0,0,.05);

}

/* ==================================================
   PRODUCT RESULT CARD
================================================== */

.advisor-product-card{

	border-radius:24px;

	overflow:hidden;

	background:#fff;

	box-shadow:
	0 15px 40px rgba(0,0,0,.06);

	transition:.25s;

}

.advisor-product-card:hover{

	transform:translateY(-6px);

}

.advisor-rank{

	background:
	linear-gradient(
		90deg,
		var(--primary),
		#ff9a3d
	);

	color:#fff;

	padding:12px;

	font-weight:300;

	text-align:center;

}

.advisor-product{

	padding:10px;

}

.advisor-thumb img{

	width:100%;

	border-radius:18px;

}

.advisor-info h4{

	margin:15px 0;

	font-size:18px;

	font-weight:300;

	line-height:1.8;

}

.advisor-price{

	color:var(--primary);

	font-size:24px;

	font-weight:400;

	margin-top:10px;

}

.advisor-view-product{

	display:block;

	text-align:center;

	padding:15px;

	background:var(--primary);

	color:#fff;

	text-decoration:none;

	font-weight:400;

}

.advisor-view-product:hover{

	background:#e85f00;

}

/* ==================================================
   MOBILE
================================================== */


.horam-archive-filters{

	display:flex;

	flex-wrap:wrap;

	gap:12px;

	margin-bottom:30px;

}

.horam-archive-filters a{

	background:#fff;

	border:1px solid #e5e7eb;

	padding:12px 18px;

	border-radius:999px;

	text-decoration:none;

	color:#111827;

	font-weight:400;

	transition:.2s;

}

.horam-archive-filters a:hover{

	background:var(--primary);

	color:#fff;

	border-color:var(--primary);

}
.horam-reset-filter{

	background:#ef4444 !important;

	color:#fff !important;

	border-color:#ef4444 !important;

}
.horam-archive-filters a.active{

	background:var(--primary);

	color:#fff;

	border-color:var(--primary);

	box-shadow:
	0 6px 16px rgba(230,57,70,.25);

}
.horam-compare-btn{

	border:none;

	cursor:pointer;

	background:#eef2ff;

	color:#4338ca;

	padding: 8px 14px;

	border-radius:12px;

	font-size:13px;

	font-weight:500;

	transition:.2s;

}

.horam-compare-btn.added{

	background:#22c55e;

	color:#fff;

	cursor:default;

	opacity:.95;

}

.horam-compare-btn:disabled{

	pointer-events:none;

}

.horam-compare-btn:hover{

	background:#4338ca;

	color:#fff;

	transform:translateY(-2px);

}

#horam-compare-bar{

	position:fixed;

	left:20px;

	bottom:20px;

	background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--shadow-lg);
  border:1px solid #eef0f2;

	color:#333;

	padding: 10px 10px;

	border-radius:18px;

	display:flex;

	align-items:center;

	justify-content:space-between;

	z-index:9999;
	
	width: fit-content;
	font-size: .9em;

}

.compare-link{

background: var(--primary);
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 12px;
  font-weight: 700;
  margin: 0 10px 0 0;
  transition:opacity .2s;

}

.compare-link:hover{

	opacity:.88;

}

.compare-count{

	font-weight:500;

}

/* =====================================================
   صفحه مقایسه محصولات
   ===================================================== */

.horam-compare-winner{

	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	flex-wrap:wrap;

	background:linear-gradient(135deg,#f59e0b,#f97316);

	color:#fff;

	padding:18px 24px;

	border-radius:18px;

	margin:15px 0 25px;

	font-size:15px;

	font-weight:500;

	text-align:center;

	box-shadow:0 15px 35px rgba(245,158,11,.25);

}

.horam-compare-winner:before{

	content:'🏆';
	font-size:20px;

}

.horam-compare-winner strong{

	font-size:17px;
	font-weight:900;

}

.horam-compare-wrapper{

	overflow-x:auto;

	overflow-y:hidden;

	-webkit-overflow-scrolling:touch;

	scroll-snap-type:x proximity;

	margin:30px 0;

	border-radius:22px;

	background:#fff;

	box-shadow:var(--shadow-md);

	border:1px solid #f0f2f5;

	position:relative;

}

.horam-compare-table{

	width:100%;

	min-width:560px;

	table-layout:fixed;

	border-collapse:separate;

	border-spacing:0;

}

.horam-compare-table th,
.horam-compare-table td{

	padding:16px 14px;

	border-bottom:1px solid #f0f2f5;

	text-align:center;

	transition:background .15s;

	scroll-snap-align:start;

}

.horam-compare-table tr:last-child th,
.horam-compare-table tr:last-child td{

	border-bottom:none;

}

.horam-compare-table tbody tr:hover td{

	background:var(--background);

}

.horam-compare-table th{

	background:#fafbfc;

	font-weight:600;

	color:var(--dark);

	vertical-align:top;

}

.horam-compare-table img{

	max-width:110px;

	height:110px;

	object-fit:contain;

	margin:0 auto 10px;

	display:block;

	border-radius:14px;

	background:var(--background);

	padding:8px;

}

.sticky-column{

	position:sticky;

	right:0;

	background:#fafbfc;

	z-index:20;

	font-weight:500;

	color:var(--dark);

	box-shadow:-6px 0 12px rgba(17,24,39,.04);

	width:150px;

	font-size:13px;

}

td.sticky-column{

	background:#fff;

}

/* آیکون کنار عنوان هر ردیف بر اساس ترتیب ثابت جدول */

.horam-compare-table tr:nth-child(2) .sticky-column:before{ content:'💰 '; }
.horam-compare-table tr:nth-child(3) .sticky-column:before{ content:'🛡️ '; }
.horam-compare-table tr:nth-child(4) .sticky-column:before{ content:'😊 '; }
.horam-compare-table tr:nth-child(5) .sticky-column:before{ content:'🔄 '; }
.horam-compare-table tr:nth-child(6) .sticky-column:before{ content:'🎁 '; }
.horam-compare-table tr:nth-child(7) .sticky-column:before{ content:'✅ '; }
.horam-compare-table tr:nth-child(8) .sticky-column:before{ content:'⚠️ '; }

.winner-column{

	background:#fff8ec !important;

	box-shadow:inset 0 0 0 2px #f59e0b;

}

.horam-best-badge{

	display:inline-flex;
	align-items:center;
	gap:4px;

	margin-top:10px;

	padding:6px 12px;

	background:linear-gradient(135deg,#f59e0b,#f97316);

	color:#fff;

	border-radius:999px;

	font-size:11.5px;

	font-weight:600;

	box-shadow:0 6px 14px rgba(245,158,11,.3);

}

.horam-best-badge:before{
	content:'⭐';
}

.horam-remove-compare{

	margin-top:10px;

	border:none;

	background:var(--background);

	color:var(--primary);

	padding:8px 14px;

	border-radius:10px;

	cursor:pointer;

	font-size:12px;

	font-weight:500;

	transition:background .2s, color .2s;

}

.horam-remove-compare:hover{

	background:var(--primary);

	color:#fff;

}

.horam-strengths,
.horam-weaknesses{

	margin:0;

	padding:0;

	list-style:none;

	text-align:right;

	display:flex;
	flex-direction:column;
	gap:6px;

}

.horam-strengths li{

	position:relative;

	padding:6px 10px 6px 8px;

	color:#15803d;

	background:#f0fdf4;

	border-radius:8px;

	font-size:12.5px;

	line-height:1.6;

}

.horam-weaknesses li{

	position:relative;

	padding:6px 10px 6px 8px;

	color:#b91c1c;

	background:#fef2f2;

	border-radius:8px;

	font-size:12.5px;

	line-height:1.6;

}

/* =====================================================
   واکنش‌گرا (موبایل) — اسکرول افقی روان با سرستون چسبان
   ===================================================== */

@media(max-width:768px){

	.horam-compare-table{

		min-width:620px;

	}

	.horam-compare-table th,
	.horam-compare-table td{

		padding:10px 8px;

		font-size:12.5px;

	}

	.horam-compare-table img{

		max-width:80px;

		height:80px;

	}

	.sticky-column{

		width:104px;

		font-size:11.5px;

	}

	.horam-compare-winner{

		font-size:13.5px;

		padding:14px 16px;

	}

}
@media(min-width:992px){ 
	.hk-mobile-nav { display: none; }
}


.horam-search-box{

	position:relative;

	width:100%;

	max-width:700px;

}

#horam-live-search{

	width:100%;

	height:52px;

	border-radius:18px;

	border:1px solid #e5e7eb;

	padding:0 20px;

	font-size:14px;

}

#horam-live-results{

	display:none;

	position:absolute;

	top:60px;

	right:0;

	left:0;

	background:#fff;

	border-radius:18px;

	box-shadow:
	0 20px 50px rgba(0,0,0,.12);

	z-index:9999;

	max-height:500px;

	overflow:auto;

}

.horam-search-item{

	display:flex;

	gap:12px;

	padding:12px;

	text-decoration:none;

	color:#222;

	border-bottom:1px solid #f1f1f1;

}

.horam-search-item img{

	width:60px;

	height:60px;

	object-fit:cover;

	border-radius:10px;

}


.horam-home-section{

	margin: 20px 30px;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 8px 25px rgba(0,0,0,.05);
  padding: 1rem;

}

.horam-section-header{

	position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 42px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgb(15 23 42 / .06);
  z-index: 2;

}
.horam-section-header:before{ 
content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 140px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(135deg,#fff,var(--primary));
	
}



.horam-section-header h2{

	font-size:20px;
color: #555;
	font-weight:600;

	margin:0;

}

.horam-view-all-link{

	display:flex;
	align-items:center;
	gap:4px;
	font-size:13px;
	font-weight:500;
	color:var(--primary);
	text-decoration:none;
	white-space:nowrap;
	transition:gap .2s var(--ease);
}

.horam-view-all-link:hover{

	gap:8px;

}

.horam-slider-wrapper{

	position:relative;

}

.horam-products-slider{

	padding:10px 5px 34px;
	overflow:hidden;

}

.horam-products-slider .swiper-slide{

	height:auto;

}

.horam-slider-wrapper .swiper-button-next,
.horam-slider-wrapper .swiper-button-prev{

	position:absolute;
	top:38%;
	transform:translateY(-50%);
	width:42px;
	height:42px;
	margin:0;
	background:#fff;
	border-radius:50%;
	box-shadow:var(--shadow-md);
	color:var(--dark);
	z-index:10;
	transition:background .2s, color .2s, box-shadow .2s;
}

.horam-slider-wrapper .swiper-button-next:after,
.horam-slider-wrapper .swiper-button-prev:after{

	font-size:14px;
	font-weight:900;

}

.horam-slider-wrapper .swiper-button-next:hover,
.horam-slider-wrapper .swiper-button-prev:hover{

	background:var(--primary-gradient);
	color:#fff;

}

.horam-slider-wrapper .swiper-button-next{

	left:-6px;
	right:auto;

}

.horam-slider-wrapper .swiper-button-prev{

	right:-6px;
	left:auto;

}

.horam-slider-wrapper .swiper-button-next.swiper-button-disabled,
.horam-slider-wrapper .swiper-button-prev.swiper-button-disabled{

	opacity:0;
	pointer-events:none;

}

.horam-products-slider .swiper-pagination{

	bottom:0;

}

.horam-products-slider .swiper-pagination-bullet{

	width:7px;
	height:7px;
	background:#dfe3e8;
	opacity:1;
	transition:.2s;

}

.horam-products-slider .swiper-pagination-bullet-active{

	background:var(--primary);
	width:20px;
	border-radius:5px;

}

@media(max-width:768px){

	.horam-slider-wrapper .swiper-button-next,
	.horam-slider-wrapper .swiper-button-prev{

		display:none;

	}

}

.horam-cart-action{

	position:relative;

}
.horam-mini-item .price{

	font-size:12px;

	color:#666;

}
.horam-mini-cart{

	position:absolute;

	top:110%;

	left:0;

	width:340px;

	background:#fff;

	border-radius:20px;

	box-shadow:
	0 20px 60px rgba(0,0,0,.12);

	padding:15px;

	z-index:9999;

	opacity:0;

	visibility:hidden;

	transform:translateY(15px);

	transition:
	all .25s ease;

}



.horam-cart-wrapper{

	position:relative;

}

.horam-cart-wrapper:hover .horam-mini-cart{

	opacity:1;

	visibility:visible;

	transform:translateY(0);

}


.horam-mini-item{

	display:flex;

	align-items:center;

	gap:10px;

	padding:10px 0;

	border-bottom:1px solid #f1f5f9;

}

.horam-mini-item .title{

	font-size:13px;

	font-weight:600;

	line-height:1.5;

	margin-bottom:4px;

}

.horam-mini-item img{

	width:48px;

	height:48px;

	object-fit:cover;

	border-radius:10px;

}

.horam-mini-cart-footer{

	margin-top:15px;

}

.total{

	font-weight:500;

	margin-bottom:15px;

}

.horam-cart-btn,
.horam-checkout-btn{

	display:block;

	width:100%;

	text-align:center;

	padding:10px;

	border-radius:12px;

	font-size:13px;

	font-weight:500;

	text-decoration:none;

}

.horam-cart-btn{

	background:#f3f4f6;

	color:#111;

}

.horam-checkout-btn{

	background:#111;

	color:#fff;

}
.horam-mini-cart-title{

	font-size:14px;

	font-weight:600;

	margin-bottom:12px;

	padding-bottom:10px;

	border-bottom:1px solid #eee;

}
.horam-features{

	display:grid;

	grid-template-columns:repeat(4,1fr);

	gap:20px;

	margin:30px;

}

.feature-card{

	background:#fff;

	border-radius:24px;

	padding:34px 28px;

	text-align:center;

	box-shadow:var(--shadow-sm);

	transition:transform .3s var(--ease), box-shadow .3s var(--ease);

	position:relative;

	overflow:hidden;

	border:1px solid #f0f2f5;

}

.feature-card:before{

	content:'';

	position:absolute;

	top:0;

	right:0;

	left:0;

	height:4px;

	background:var(--primary-gradient);

	transform:scaleX(0);

	transform-origin:center;

	transition:transform .35s var(--ease);

}

.feature-card:hover{

	transform:translateY(-8px);

	box-shadow:var(--shadow-lg);

}

.feature-card:hover:before{

	transform:scaleX(1);

}

.feature-card .icon{

	width:74px;

	height:74px;

	margin:0 auto 18px;

	border-radius:22px;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:32px;

	background:linear-gradient(135deg,#fdf1f1,#fde3e5);

	transition:transform .3s var(--ease);

}

.feature-card:hover .icon{

	transform:scale(1.08) rotate(-4deg);

}

.feature-card .icon img{

	width:38px;

	height:38px;

	object-fit:contain;

}

.feature-card h3{

	font-size:17px;

	font-weight:600;

	margin-bottom:8px;

	color:var(--dark);

}

.feature-card p{

	color:var(--gray);

	font-size:13.5px;

	line-height:1.9;

}

@media(max-width:992px){

	.horam-features{

		grid-template-columns:repeat(2,1fr);

	}

}

@media(max-width:576px){

	.horam-features{

		grid-template-columns:1fr;

	}

}
.horam-category-banners{

	display:grid;

	grid-template-columns:2fr 1fr 1fr;

	gap:20px;

	margin:30px;

}

.banner-item{

	position:relative;

	min-height:220px;

	border-radius:24px;

	overflow:hidden;

	text-decoration:none;

	background:linear-gradient(135deg,#e2e5ea,#f5f5f5);

	display:flex;

	align-items:flex-end;

	padding:25px;

	transition:transform .3s var(--ease), box-shadow .3s var(--ease);

	box-shadow:var(--shadow-sm);

}

.banner-item:hover{

	transform:translateY(-5px);

	box-shadow:var(--shadow-md);

}

.banner-item:hover .banner-image{

	transform:scale(1.06);

}

.banner-image{

	position:absolute;

	inset:0;

	width:100%;

	height:100%;

	object-fit:cover;

	transition:transform .4s var(--ease);

}

.banner-item:before{

	content:'';

	position:absolute;

	inset:0;

	background:linear-gradient(180deg, rgba(17,24,39,0) 35%, rgba(17,24,39,.72) 100%);

}

.banner-item.large{

	min-height:460px;

}

.banner-item.full{

	grid-column:1/-1;

	min-height:220px;

}

.banner-content{

	z-index:2;

	color:#fff;

}

.banner-content h3{

	font-size:28px;

	font-weight:900;

	margin-bottom:10px;

	color:#fff;

}

.banner-content span{

	font-size:14px;

	display:inline-flex;

	align-items:center;

	gap:6px;

	background:rgba(255,255,255,.18);

	backdrop-filter:blur(6px);

	padding:6px 14px;

	border-radius:20px;

	font-weight:600;

}

@media(max-width:992px){

	.horam-category-banners{

		grid-template-columns:1fr;

	}

	.banner-item.large{

		min-height:250px;

	}

}

/* =========================
   صفحات عمومی (برگه، نوشته، آرشیو، جستجو، 404، دیدگاه‌ها)
   ========================= */

.horam-page-header{
margin:30px 0 20px;
}

.horam-page-title{
font-size:26px;
font-weight:900;
}

.horam-page-thumbnail,
.horam-post-thumbnail{
border-radius:var(--radius-md);
overflow:hidden;
margin-bottom:20px;
box-shadow:var(--shadow-sm);
}

.horam-page-content{
background:#fff;
border-radius:var(--radius-md);
padding:25px;
box-shadow:var(--shadow-sm);
margin-bottom:30px;
line-height:2;
}

.horam-page-content img{
border-radius:var(--radius-sm);
}

.horam-page-links{
margin-top:20px;
display:flex;
gap:10px;
flex-wrap:wrap;
}

.horam-post-meta{
display:flex;
gap:15px;
color:var(--gray);
font-size:13px;
margin-bottom:15px;
}

.horam-post-categories{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:15px;
}

.horam-post-categories a{
background:var(--background);
padding:6px 14px;
border-radius:20px;
font-size:12px;
color:var(--primary);
}

.horam-post-nav{
display:flex;
justify-content:space-between;
gap:15px;
margin-bottom:30px;
}

.horam-post-nav-prev,
.horam-post-nav-next{
background:#fff;
padding:15px 20px;
border-radius:var(--radius-sm);
box-shadow:var(--shadow-sm);
flex:1;
}

.horam-post-nav-prev a,
.horam-post-nav-next a{
font-weight:500;
}

.horam-archive-desc{
color:var(--gray);
margin-top:10px;
}

.horam-blog-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
gap:20px;
padding:30px 0;
list-style:none;
}

.horam-blog-card{
background:#fff;
border-radius:var(--radius-md);
overflow:hidden;
box-shadow:var(--shadow-sm);
transition:.3s;
}

.horam-blog-card:hover{
transform:translateY(-5px);
box-shadow:var(--shadow-md);
}

.horam-blog-card-thumb{
display:block;
aspect-ratio:16/10;
overflow:hidden;
}

.horam-blog-card-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.horam-blog-card-content{
padding:18px;
}

.horam-blog-card-title{
font-size:17px;
margin-bottom:10px;
}

.horam-blog-excerpt{
color:var(--gray);
font-size:14px;
margin-bottom:15px;
}

.horam-pagination{
display:flex;
justify-content:center;
gap:8px;
padding:20px 0 40px;
}

.horam-pagination .page-numbers{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:38px;
height:38px;
border-radius:50%;
background:#fff;
box-shadow:var(--shadow-sm);
}

.horam-pagination .page-numbers.current{
background:var(--primary);
color:#fff;
}

.horam-empty-compare{
background:#fff;
border-radius:var(--radius-md);
padding:40px 20px;
text-align:center;
color:var(--gray);
box-shadow:var(--shadow-sm);
margin:30px 0;
}

/* 404 */

.horam-404-page{
padding:60px 0 40px;
}

.horam-404-inner{
max-width:520px;
margin:auto;
text-align:center;
background:#fff;
border-radius:var(--radius-lg);
padding:50px 25px;
box-shadow:var(--shadow-sm);
}

.horam-404-code{
font-size:70px;
font-weight:900;
color:var(--primary);
line-height:1;
margin-bottom:10px;
}

.horam-404-inner p{
color:var(--gray);
margin:15px 0 25px;
}

.horam-404-actions{
display:flex;
gap:10px;
justify-content:center;
flex-wrap:wrap;
margin-bottom:25px;
}

.horam-btn-outline{
background:transparent;
border:1px solid var(--primary);
color:var(--primary);
}

.horam-404-search{
margin-top:10px;
}

/* دیدگاه‌ها */

.horam-comments-area{
background:#fff;
border-radius:var(--radius-md);
padding:25px;
box-shadow:var(--shadow-sm);
margin-bottom:40px;
}

.horam-comments-title{
font-size:18px;
margin-bottom:20px;
}

.horam-comment-list{
list-style:none;
}

.horam-comment-list li{
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #eee;
}

.horam-comments-closed{
color:var(--gray);
}

/* =========================
   پیشنهاد ویژه (Flash Sale)
   ========================= */

.horam-flash-sale{
	margin:30px;
	border-radius:28px;
	background:linear-gradient(135deg,#7c1a2c 0%,#e63946 55%,#ff8b3d 100%);
	padding:28px 24px 24px;
	position:relative;
	overflow:hidden;
	box-shadow:var(--shadow-lg);
}

.horam-flash-sale:before,
.horam-flash-sale:after{
	content:'';
	position:absolute;
	border-radius:50%;
	background:rgba(255,255,255,.08);
}

.horam-flash-sale:before{
	width:260px;
	height:260px;
	top:-120px;
	left:-80px;
}

.horam-flash-sale:after{
	width:180px;
	height:180px;
	bottom:-100px;
	right:10%;
}

.horam-flash-sale.is-ended{
	display:none;
}

.horam-flash-sale-inner{
	position:relative;
	z-index:2;
}

.horam-flash-sale-head{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:18px;
	margin-bottom:22px;
}

.horam-flash-sale-title{
	display:flex;
	align-items:center;
	gap:14px;
	color:#fff;
}

.horam-flash-icon{
	width:52px;
	height:52px;
	flex:0 0 52px;
	border-radius:16px;
	background:rgba(255,255,255,.16);
	backdrop-filter:blur(6px);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:24px;
}

.horam-flash-sale-title h2{
	font-size:21px;
	font-weight:900;
	margin-bottom:2px;
}

.horam-flash-sale-title p{
	font-size:12.5px;
	opacity:.85;
}

.horam-countdown{
	display:flex;
	gap:9px;
}

.horam-countdown-box{
	background:rgba(255,255,255,.14);
	backdrop-filter:blur(6px);
	border:1px solid rgba(255,255,255,.25);
	border-radius:14px;
	min-width:56px;
	padding:9px 6px;
	text-align:center;
	color:#fff;
}

.horam-countdown-value{
	display:block;
	font-size:21px;
	font-weight:900;
	font-variant-numeric:tabular-nums;
	line-height:1.3;
}

.horam-countdown-label{
	font-size:10px;
	font-weight:600;
	opacity:.85;
}

.horam-flash-slider-wrapper{
	background:#fff;
	border-radius:22px;
	padding:16px 8px 32px;
}

.horam-flash-slider-wrapper .horam-products-slider{
	padding:6px 5px 30px;
}

@media(max-width:576px){

	.horam-flash-sale{
		margin:16px;
		padding:20px 14px 18px;
	}

	.horam-countdown-box{
		min-width:48px;
		padding:7px 4px;
	}

	.horam-countdown-value{
		font-size:17px;
	}

}

/* بنر عریض میان صفحه اصلی */

.horam-mid-banner{
	margin:30px;
	border-radius:24px;
	overflow:hidden;
	box-shadow:var(--shadow-sm);
}

.horam-mid-banner a{
	display:block;
	line-height:0;
}

.horam-mid-banner img{
	width:100%;
	height:auto;
	max-height:220px;
	object-fit:cover;
	display:block;
	transition:transform .4s var(--ease);
}

.horam-mid-banner a:hover img{
	transform:scale(1.02);
}

@media(max-width:576px){

	.horam-mid-banner{
		margin:16px;
	}

	.horam-mid-banner img{
		max-height:140px;
	}

}