/* =========================
   Advisor Floating Button
========================= */

#horam-advisor-button{

	position:fixed;

	left:20px;
	bottom:100px;

	width:70px;
	height:70px;

	border-radius:50%;

	background:linear-gradient(
		135deg,
		var(--primary),
		#ff6b6b
	);

	color:#fff;

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

	font-size:30px;

	cursor:pointer;

	box-shadow:
		0 10px 30px rgba(230,57,70,.35);

	z-index:999999;

	transition:.3s;
}

#horam-advisor-button:hover{

	transform:translateY(-3px);

}

/* =========================
   Popup
========================= */

#horam-advisor-popup{

	position:fixed;

	left:20px;
	bottom:180px;

	width:400px;
	max-width:calc(100vw - 40px);

	background:#fff;

	border-radius:24px;

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

	overflow:hidden;

	display:none;

	z-index:999999;
}

/* =========================
   Header
========================= */

.advisor-header{

	background:linear-gradient(
		135deg,
		var(--primary),
		#ff6b6b
	);

	color:#fff;

	padding:18px;

	display:flex;
	align-items:center;
	justify-content:space-between;
}

.advisor-title{

	font-size:18px;
	font-weight:600;
}

.advisor-close{

	cursor:pointer;

	font-size:20px;
}

/* =========================
   Body
========================= */

.advisor-body{

	padding:20px;

	max-height:70vh;

	overflow-y:auto;
}

.advisor-step{

	display:none;
}

.advisor-step.active{

	display:block;
}

.advisor-step h3{

	font-size:18px;

	margin-bottom:20px;

	text-align:center;
}

/* =========================
   Grid
========================= */

.advisor-grid{

	display:grid;

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

	gap:10px;
}

/* =========================
   Options
========================= */

.advisor-option{

	width:100%;

	border:none;

	background:#f6f7f9;

	padding:14px;

	border-radius:14px;

	cursor:pointer;

	font-size:18px;

	transition:.25s;
}

.advisor-option:hover{

	background:var(--primary);

	color:#fff;

	transform:translateY(-2px);
}

/* =========================
   Loading
========================= */

#advisor-loading{

	display:none;

	text-align:center;

	padding:25px;

	font-weight:bold;
}

/* =========================
   Results
========================= */

#advisor-results{

	display:none;
}

/* =========================
   Product Card
========================= */

.advisor-product-card{

	background:#fff;

	border:1px solid #eee;

	border-radius:18px;

	padding:12px;

	margin-bottom:15px;

	display:flex;

	gap:12px;

	transition:.3s;
	flex-direction: column;
}

.advisor-product-card:hover{

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

.advisor-image{

	width:95px;

	flex-shrink:0;
}

.advisor-image img{

	width:100%;

	border-radius:12px;
}

.advisor-content{

	flex:1;
}

.advisor-content h4{

	font-size:15px;

	margin-bottom:8px;

	line-height:1.8;
}

.advisor-content h4 a{

	color:#222;
}

.advisor-trust{

	margin-bottom:8px;

	color:#2A9D8F;

	font-weight:600;
}

/* =========================
   Badges
========================= */

.advisor-badges{

	display:flex;

	flex-wrap:wrap;

	gap:6px;

	margin-bottom:10px;
}

.advisor-badge{

	background:var(--primary);

	color:#fff;

	padding:5px 10px;

	font-size:11px;

	border-radius:50px;
}



/* =========================
   View Product Button
========================= */

.advisor-view-product{

	display:inline-block;

	background:var(--primary);

	color:#fff;

	padding:10px 15px;

	border-radius:12px;

	font-size:13px;

	transition:.25s;
}

.advisor-view-product:hover{

	opacity:.9;
}

/* =========================
   Restart
========================= */

.advisor-restart{

	width:100%;

	border:none;

	background:var(--dark);

	color:#fff;

	padding:14px;

	border-radius:14px;

	margin-top:15px;

	cursor:pointer;

	font-weight:700;

	transition:opacity .2s;
}

.advisor-restart:hover{

	opacity:.88;
}

/* =========================
   Empty State
========================= */

.advisor-empty{

	text-align:center;

	background:#fff5f5;

	color:var(--primary);

	padding:20px;

	border-radius:15px;
}

/* =========================
   Mobile
========================= */

@media(max-width:768px){

	#horam-advisor-popup{

		left:10px;
		right:10px;

		width:auto;

		bottom:90px;

		max-width:none;
	}

	.advisor-product-card{

		flex-direction:column;
	}

	.advisor-image{

		width:100%;
	}

	.advisor-image img{

		width:100%;
	}

	.advisor-grid{

		grid-template-columns:1fr;
	}

}

/* ======================================
   Advisor 3.0 Ranking System
====================================== */

.advisor-results-wrapper{

	display:flex;

	flex-direction:row;
flex-wrap: wrap;
	gap:16px;
	justify-content: center;
}

.advisor-rank{

	background:linear-gradient( 135deg, var(--dark), #3a3f4d );
	color:#fff;
	padding:6px 14px;
	border-radius:12px;
	font-size:13px;
	font-weight:700;
}

.advisor-match{

	background:#ecfdf5;

	color:#059669;

	padding:10px;

	border-radius:10px;

	font-size:14px;

	font-weight:600;

	margin-bottom:12px;

	text-align:center;
}

.advisor-product{

	display:flex;

	align-items:flex-start;

	gap:14px;
}

.advisor-thumb{

	width:90px;

	flex-shrink:0;
}

.advisor-thumb img{

	width:100%;

	height:auto;

	display:block;

	border-radius:12px;

	border:1px solid #eee;
}

.advisor-info{

	flex:1;
}

.advisor-info h4{

	margin:0 0 10px;

	font-size:15px;

	line-height:1.8;
}

.advisor-info h4 a{

	color:#111;

	text-decoration:none;
}

.advisor-trust-score{

	display:inline-block;

	background:#eff6ff;

	color:#2563eb;

	padding:6px 10px;

	border-radius:10px;

	font-size:12px;

	font-weight:600;

	margin-bottom:10px;
}

.advisor-price{

	font-size:16px;

	font-weight:600;

	color:#111;
	display: flex;
  flex-direction: column;
}
.advisor-price del { font-size: 13px; color: #666; font-weight: 300; }
.advisor-price ins { font-size: 18px; color: #333; text-decoration: none;}


.advisor-reasons{

	margin-top:15px;

	background:#fafafa;

	border:1px solid #eee;

	padding:14px;

	border-radius:14px;
}

.advisor-reasons strong{

	display:block;

	margin-bottom:10px;

	font-size:14px;
}

.advisor-reasons ul{

	margin:0;

	padding-right:18px;
}

.advisor-reasons li{

	margin-bottom:8px;

	font-size:13px;

	line-height:1.8;

	color:#444;
}

.advisor-view-product{

	display:block;

	text-align:center;

	margin-top:15px;

	background:var(--primary);

	color:#fff;

	padding:12px;

	border-radius:12px;

	font-weight:600;

	text-decoration:none;

	transition:.3s;
}

.advisor-view-product:hover{

	transform:translateY(-2px);
}

.advisor-empty{

	text-align:center;

	padding:25px;

	background:#fff5f5;

	border:1px solid #fecaca;

	color:#dc2626;

	border-radius:15px;
}

/* ======================================
   Best Product Highlight
====================================== */

.advisor-product-card:first-child{

	border:2px solid #f59e0b;

	position:relative;
}

.advisor-product-card:first-child::before{

	content:'⭐ بهترین انتخاب';

	position:absolute;

	top: -13px;

	right:15px;

	background:#f59e0b;

	color:#fff;

	padding: 15px 12px 6px 12px;

	border-radius:50px;

	font-size:11px;

	font-weight:600;
}

/* ======================================
   Mobile
====================================== */

@media(max-width:768px){

	.advisor-product{

		flex-direction:column;
	}
	.advisor-info { width: 100%; }
	.advisor-thumb{

		width:100%;
	}

	.advisor-thumb img{

		width:100%;
	}

	.advisor-rank{

		text-align:center;
	}

	.advisor-match{

		font-size:13px;
	}

}