/* ===================================
   HORAM SINGLE PRODUCT
=================================== */

.horam-product-page{

	max-width:1400px;

	margin:40px auto;

	padding:0 20px;

}

/* ===================================
   TOP GRID
=================================== */

.horam-product-grid{

	display:grid;

	grid-template-columns:45% 53%;

	gap:24px;

	align-items:start;

	margin-bottom:40px;

}

/* ===================================
   HORAM GALLERY V1
=================================== */

.horam-gallery-card{

	position:relative;

	background:#fff;

	border-radius:22px;

	padding:15px;

	border:1px solid #eef2f7;

	box-shadow:var(--shadow-md);
	
	height: fit-content;

}

.horam-gallery-badge{

	position:absolute;

	top:20px;

	left:20px;

	z-index:20;

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

	color:#fff;

	padding:10px 18px;

	border-radius:999px;

	font-size:13px;

	font-weight:800;

}



.woocommerce-product-gallery__wrapper{

	max-height:480px;

	overflow:hidden;

}

.woocommerce-product-gallery__image{

	display:flex;

	align-items:center;

	justify-content:center;

	min-height:420px;

}

.woocommerce-product-gallery__image img{

	max-height:420px;

	width:auto;

	max-width:100%;

	object-fit:contain;

}


/* تصویر اصلی */

.woocommerce-product-gallery__image{

	border-radius:24px;

	overflow:hidden;

	background:#fff;

}

.woocommerce-product-gallery__image img{

	width:100%;

	height:auto;

	display:block;

}

/* تصاویر کوچک */

.flex-control-thumbs{

	display:flex;

	gap:12px;

	margin-top:18px !important;

	padding:0 !important;

	list-style:none;

	flex-wrap:wrap;

}

.flex-control-thumbs li{

	width:65px !important;

	height:65px;

	border-radius:12px;

	overflow:hidden;

	border:2px solid #eef2f7;

	background:#fff;

	transition:.3s;

	cursor:pointer;

}

.flex-control-thumbs li:hover{

	border-color:var(--primary);

	transform:translateY(-3px);

}

.flex-control-thumbs img{

	width:100%;

	height:100%;

	object-fit:cover;

	display:block;

}


/* ===================================
   SUMMARY
=================================== */

.horam-summary{

	background:#fff;

	border-radius:24px;

	padding:26px;

	border:1px solid #f0f2f5;

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

	position:sticky;

	top:30px;

}

.horam-product-title{

	font-size:23px;

	font-weight:900;

	line-height:1.7;

	margin-bottom:12px;

	color:var(--dark);

}

/* ===================================
   RATING
=================================== */

.horam-rating{

	margin-bottom:18px;

	padding-bottom:18px;

	border-bottom:1px dashed #eef0f2;

}

.horam-short-description{

	color:var(--gray);

	font-size:14px;

	line-height:2;

	margin-bottom:16px;

}

.horam-short-description p{

	margin-bottom:8px;

}

.horam-short-description p:last-child{

	margin-bottom:0;

}



/* ===========================
   DIGIKALA STYLE PRICE BOX
=========================== */

.horam-price-card{

	background:linear-gradient(180deg,#fefefe,#fbfbfc);

	border:1px solid #eef0f2;

	border-radius:22px;

	padding:22px;

	margin-bottom:20px;

	position:relative;

	overflow:hidden;

}

.horam-price-card:before{

	content:'';

	position:absolute;

	top:0;

	right:0;

	left:0;

	height:4px;

	background:var(--primary-gradient);

}

.horam-price-header{

	display:inline-flex;

	align-items:center;

	gap:6px;

	font-size:12.5px;

	font-weight:800;

	color:#0f9d78;

	background:#e8f9f3;

	padding:6px 12px;

	border-radius:20px;

	margin-bottom:16px;

}

.horam-price-header:before{

	content:'✓';

	display:inline-flex;

	align-items:center;

	justify-content:center;

	width:15px;

	height:15px;

	border-radius:50%;

	background:#0f9d78;

	color:#fff;

	font-size:9px;

}

.horam-old-price{

	text-decoration:line-through;

	color:#9ca3af;

	font-size:14px;

	margin-bottom:8px;

}

.horam-discount{

	display:inline-flex;

	align-items:center;

	gap:4px;

	background:var(--primary-gradient);

	color:#fff;

	padding:6px 12px;

	border-radius:10px;

	font-size:12.5px;

	font-weight:800;

	margin-bottom:14px;

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

}

.horam-final-price{

	font-size:28px;

	font-weight:900;

	color:var(--dark);

	margin-bottom:4px;

}

.horam-final-price ins , .horam-final-price del{

	text-decoration:none;

}



/* ===================================
   BENEFITS
=================================== */

.horam-benefits{

	display:grid;

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

	gap:10px;

	margin-bottom:24px;

}

.horam-benefits div{

	border-radius:18px;

	padding:16px 8px;

	font-size:12px;

	font-weight:800;

	text-align:center;

	display:flex;

	flex-direction:column;

	align-items:center;

	gap:8px;

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

	position:relative;

	overflow:hidden;

}

.horam-benefits div:hover{

	transform:translateY(-4px) scale(1.02);

}

.horam-benefits div:before{

	width:38px;

	height:38px;

	border-radius:50%;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:18px;

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

}

.horam-benefits div:nth-child(1){
	background:linear-gradient(160deg,#e0f2fe,#bae6fd);
	color:#075985;
	box-shadow:0 8px 18px rgba(14,116,144,.12);
}

.horam-benefits div:nth-child(1):before{
	content:'🚚';
}

.horam-benefits div:nth-child(2){
	background:linear-gradient(160deg,#dcfce7,#bbf7d0);
	color:#14532d;
	box-shadow:0 8px 18px rgba(21,128,61,.12);
}

.horam-benefits div:nth-child(2):before{
	content:'🛡️';
}

.horam-benefits div:nth-child(3){
	background:linear-gradient(160deg,#fef3c7,#fde68a);
	color:#7c4a03;
	box-shadow:0 8px 18px rgba(180,120,3,.14);
}

.horam-benefits div:nth-child(3):before{
	content:'🔒';
}

/* ===================================
   ADD TO CART
=================================== */

.horam-summary .cart{

	display:flex;

	align-items:stretch;

	gap:10px;

}

.horam-summary .quantity{

	flex:0 0 96px;

}

.horam-summary .qty{

	width:100%;

	height:58px;

	border-radius:18px;

	border:2px solid #eef0f2;

	background:var(--background);

	text-align:center;

	font-size:17px;

	font-weight:900;

	color:var(--dark);

	transition:border-color .2s;

}

.horam-summary .qty:focus{

	outline:none;

	border-color:var(--primary);

}

.horam-summary .single_add_to_cart_button{

	flex:1;

	width:100%;

	height:58px;

	border:none;

	border-radius:20px;

	font-size:16.5px;

	font-weight:900;

	color:#fff;

	background:linear-gradient(90deg,var(--primary),#ff5a68,var(--secondary));
	background-size:200% 100%;
	background-position:0 0;

	box-shadow:0 18px 38px rgba(230,57,70,.3);

	transition:transform .2s var(--ease), box-shadow .2s var(--ease), background-position .4s var(--ease);

	position:relative;

}

.horam-summary .single_add_to_cart_button:before{

	content:'🛒';

	margin-left:8px;

}

.horam-summary .single_add_to_cart_button:hover{

	transform:translateY(-3px);

	box-shadow:0 22px 44px rgba(230,57,70,.4);

	background-position:100% 0;

}

/* ===================================
   HORAM OPINION
=================================== */

.horam-opinion{

	background:
	linear-gradient(
	135deg,
	#fdf2f2,
	#ffffff
	);

	border-radius:28px;

	padding:30px;

	margin-bottom:35px;

	border:1px solid #f6d0d3;

}

.horam-opinion h2{

	margin-bottom:15px;

	font-size:24px;

	font-weight:900;

}

.horam-opinion p{

	line-height:2.3;

	font-size:15px;

}

/* ===================================
   VIDEO
=================================== */

.horam-video-review{

	background:#fff;

	padding:30px;

	border-radius:28px;

	margin-bottom:35px;

	border:1px solid #f1f5f9;

}

.horam-video-review h2{

	font-size:24px;

	font-weight:900;

	margin-bottom:20px;

}

.horam-video-wrapper{

	position:relative;

	padding-bottom:56.25%;

	height:0;

	overflow:hidden;

	border-radius:20px;

}

.horam-video-wrapper iframe{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

/* ===================================
   TABS
=================================== */

.horam-tabs{

	background:#fff;

	border-radius:28px;

	padding:30px;

	margin-bottom:35px;

	border:1px solid #f1f5f9;

}

/* ===================================
   RELATED
=================================== */

.horam-related{

	margin-top:40px;

}

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

@media(max-width:992px){

	.horam-product-grid{

		grid-template-columns:1fr;

	}

	.horam-summary{

		position:relative;

		top:auto;

	}

}

@media(max-width:768px){

	.horam-product-title{

		font-size:22px;

	}

	.horam-price-box{

		font-size:26px;

	}

	.horam-benefits{

		grid-template-columns:1fr;

	}

	.horam-summary{

		padding:20px;

	}

}
.horam-tabs-card{

	background:#fff;

	padding:30px;

	border-radius:28px;

	border:1px solid #f1f5f9;

	margin-bottom:40px;

}
/* ===================================
   REVIEWS
=================================== */

#reviews{

	margin-top:10px;

}

.woocommerce-Reviews-title{

	font-size:24px;

	font-weight:900;

	margin-bottom:25px;

}

.woocommerce-Reviews ol.commentlist{

	padding:0;

	list-style:none;

}

.woocommerce-Reviews ol.commentlist li{

	background:#fff;

	border:1px solid #eef2f7;

	border-radius:20px;

	padding:20px;

	margin-bottom:15px;

}

.woocommerce-review__author{

	font-weight:800;

	color:#111827;

}

.woocommerce-review__published-date{

	color:#94a3b8;

	font-size:13px;

}

.woocommerce-review__text{

	line-height:2.2;

	margin-top:10px;

}

.comment-respond{

	background:#fffbfb;

	border:1px solid #f6d0d3;

	border-radius:24px;

	padding:25px;

	margin-top:30px;

}

.comment-respond input,
.comment-respond textarea{

	width:100%;

	border:1px solid #e5e7eb;

	border-radius:14px;

	padding:12px;

	margin-top:8px;

}

.comment-respond textarea{

	min-height:140px;

}

.comment-form-submit button{

	background:var(--primary);

	color:#fff;

	border:none;

	padding:14px 24px;

	border-radius:14px;

	font-weight:800;

	cursor:pointer;

}
/* ===================================
   WOOCOMMERCE TABS
=================================== */

.woocommerce-tabs ul.tabs{

	display:flex;

	gap:12px;

	padding:0 !important;

	margin:0 0 25px !important;

	border:none !important;

	flex-wrap:wrap;

}

.woocommerce-tabs ul.tabs li{

	border:none !important;

	background:none !important;

	margin:0 !important;

	padding:0 !important;

}

.woocommerce-tabs ul.tabs li a{

	display:block;

	padding:14px 22px;

	border-radius:14px;

	background:#f8fafc;

	color:#111827;

	font-weight:800;

	text-decoration:none;

}

.woocommerce-tabs ul.tabs li.active a{

	background:var(--primary);

	color:#fff;

}

.woocommerce-tabs .panel{

	background:#fff;

	padding:25px;

	border-radius:24px;

	border:1px solid #f1f5f9;

	line-height:2.3;

}
/* ===================================
   PRODUCT GALLERY
=================================== */

.woocommerce-product-gallery{

	display:flex;
	flex-direction:column;

}

.woocommerce-product-gallery__wrapper{

	background:#fff;

	border-radius:24px;

	overflow:hidden;

}

.woocommerce-product-gallery__image img{

	width:100%;

	height:auto;

	display:block;

}

.flex-control-thumbs{

	display:flex;

	gap:12px;

	margin-top:15px !important;

	padding:0 !important;

	list-style:none;

	flex-wrap:wrap;

}

.flex-control-thumbs li{

	width:80px !important;

	border-radius:14px;

	overflow:hidden;

	border:2px solid transparent;

	cursor:pointer;

	transition:.3s;

}

.flex-control-thumbs li:hover{

	border-color:var(--primary);

}

.flex-control-thumbs img{

	width:100%;

	display:block;

}
/* ===================================
   HORAM ANALYSIS BOX
=================================== */

.horam-analysis-box{

	background:#fff;

	border:1px solid #edf2f7;

	border-radius:20px;

	padding:25px;

	margin:25px 0;

	box-shadow:
	0 3px 15px rgba(0,0,0,.03);

}

.horam-analysis-header{

	font-size:22px;

	font-weight:800;

	margin-bottom:20px;

	color:#111827;

}

.horam-analysis-content{

	display:grid;

	grid-template-columns:
	1fr
	1fr
	180px;

	gap:20px;

	align-items:stretch;

}

.horam-analysis-col{

	background:#fafafa;

	border-radius:16px;

	padding:18px;

}

.horam-analysis-col h4{

	margin:0 0 15px;

	font-size:16px;

	font-weight:800;

}

.horam-analysis-col ul{

	margin:0;

	padding:0;

	list-style:none;

}

.horam-analysis-col li{

	padding:6px 0;

	line-height:1.9;

	font-size:14px;

}

.horam-score-box{

	display:flex;

	flex-direction:column;

	align-items:center;

	justify-content:center;

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

	color:#fff;

	border-radius:18px;

}

.horam-score-number{

	font-size:46px;

	font-weight:900;

	line-height:1;

}

.horam-score-text{

	margin-top:10px;

	font-size:14px;

	font-weight:700;

}

@media(max-width:768px){

	.horam-analysis-content{

		grid-template-columns:1fr;

	}

	.horam-score-box{

		min-height:120px;

	}

}
/* ===================================
   HORAM TRUST CARD
=================================== */

/* ===================================
   HORAM TRUST CARD — بازطراحی رنگی و حرفه‌ای
=================================== */

.horam-trust-card{

	background:linear-gradient(180deg,#fff,#fefbfb);

	border:1px solid #f0f2f5;

	border-radius:26px;

	padding:28px;

	margin:25px 0;

	position:relative;

	overflow:hidden;

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

}

.horam-trust-card:before{

	content:'';

	position:absolute;

	top:0;

	right:0;

	left:0;

	height:5px;

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

}

.horam-trust-title{

	display:flex;

	align-items:center;

	gap:8px;

	font-size:19px;

	font-weight:900;

	margin-bottom:22px;

	color:var(--dark);

}

.horam-trust-title:before{

	content:'🛡️';

	font-size:20px;

}

.horam-trust-score{

	display:flex;

	align-items:center;

	gap:18px;

	margin-bottom:26px;

	padding-bottom:22px;

	border-bottom:1px dashed #eef0f2;

}

.horam-score-circle{

	width:82px;

	height:82px;

	flex:0 0 82px;

	border-radius:50%;

	background:conic-gradient(from 0deg, var(--primary), #f59e0b, var(--success), var(--primary));

	color:#fff;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:24px;

	font-weight:900;

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

	text-shadow:0 2px 8px rgba(0,0,0,.3);

}

.horam-score-label{

	font-size:18px;

	font-weight:800;

	color:var(--dark);

}

.horam-score-desc{

	color:var(--gray);

	font-size:13px;

	margin-top:4px;

	line-height:1.8;

}

.horam-metric{

	margin-bottom:20px;

}

.horam-metric-head{

	display:flex;

	justify-content:space-between;

	align-items:center;

	margin-bottom:9px;

	font-size:13.5px;

	font-weight:700;

	color:var(--dark);

}

.horam-metric-head strong{

	margin:0 0 0 0;

	font-size:15px;

	font-weight:900;

}

.horam-progress{

	height:12px;

	background:var(--background);

	border-radius:50px;

	overflow:hidden;

	width:100%;

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

}

.horam-progress span{

	display:block;

	height:100%;

	border-radius:50px;

	background:linear-gradient(90deg,#34d399,var(--success));

	box-shadow:0 0 10px rgba(15,157,120,.5);

	transition:width 1s var(--ease);

	position:relative;

}

.horam-progress.return span{

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

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

}

.horam-warranty{

	display:flex;

	align-items:center;

	justify-content:center;

	gap:8px;

	background:linear-gradient(135deg,#fff6e0,#fde8b8);

	border:1px solid #f3dfa3;

	color:#8a6116;

	padding:14px;

	border-radius:16px;

	font-weight:700;

	margin:16px 0 0;

	font-size:13.5px;

}

.horam-warranty:before{

	content:'🎁';

	font-size:17px;

}

.horam-warranty strong{

	font-size:15px;

	font-weight:900;

}

@media(max-width:768px){

	.horam-trust-card{

		padding:20px;

	}

	.horam-score-circle{

		width:68px;

		height:68px;

		flex:0 0 68px;

		font-size:19px;

	}

}




/* ==========================
   ARCHIVE HERO
========================== */

.horam-archive-hero{

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

	padding:60px 0;

	margin-bottom:30px;

	color:#fff;

	text-align:center;

}

.horam-archive-hero h1{

	font-size:42px;

	font-weight:900;

	margin-bottom:10px;

}

.horam-archive-hero p{

	font-size:17px;

	opacity:.95;

}
/* ===================================
   سیستم نظردهی حرفه‌ای
=================================== */

.horam-review-extra-fields{

	background:var(--background);
	border-radius:16px;
	padding:16px;
	margin-top:14px;
	display:flex;
	flex-direction:column;
	gap:12px;

}

.horam-review-extra-fields label{

	display:block;
	font-size:12.5px;
	font-weight:700;
	color:var(--dark);
	margin-bottom:6px;

}

.horam-review-extra-fields textarea{

	width:100%;
	border-radius:12px;
	border:1px solid #e5e7eb;
	background:#fff;
	padding:10px 14px;
	font-size:13px;
	resize:vertical;

}

.horam-review-extra-fields textarea:focus{

	outline:none;
	border-color:var(--primary);

}

.comment-form-recommend{

	margin:0;

}

.horam-recommend-check{

	display:flex !important;
	align-items:center;
	gap:8px;
	background:#f0fdf4;
	border:1px solid #bbf7d0;
	border-radius:12px;
	padding:12px 14px;
	cursor:pointer;
	font-weight:700 !important;
	color:#14532d !important;
	margin-bottom:0 !important;
}

.horam-recommend-check input{

	accent-color:var(--success);
	width:17px;
	height:17px;

}

.horam-review-recommend-badge{

	display:inline-flex;
	align-items:center;
	gap:6px;
	background:linear-gradient(135deg,#dcfce7,#bbf7d0);
	color:#14532d;
	padding:7px 14px;
	border-radius:20px;
	font-size:12.5px;
	font-weight:800;
	margin:8px 0 10px;

}

.horam-review-pros-cons{

	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
	margin-top:14px;

}

.horam-review-pros,
.horam-review-cons{

	border-radius:14px;
	padding:12px 14px;

}

.horam-review-pros{

	background:#f0fdf4;
	border:1px solid #bbf7d0;

}

.horam-review-cons{

	background:#fef2f2;
	border:1px solid #fecaca;

}

.horam-review-pros h5,
.horam-review-cons h5{

	font-size:12.5px;
	font-weight:800;
	margin-bottom:6px;

}

.horam-review-pros h5{
	color:#15803d;
}

.horam-review-cons h5{
	color:#b91c1c;
}

.horam-review-pros p,
.horam-review-cons p{

	font-size:12.5px;
	color:#374151;
	line-height:1.8;

}

@media(max-width:576px){

	.horam-review-pros-cons{

		grid-template-columns:1fr;

	}

}