/* =====================================================
   طرح مدرن صفحه محصول — نسخه‌ی حرفه‌ای
   ===================================================== */

.horam-modern-product{
	padding-bottom:60px;
	background:
		radial-gradient(circle at 100% 0%, rgba(230,57,70,.05), transparent 45%),
		radial-gradient(circle at 0% 20%, rgba(245,158,11,.05), transparent 40%);
}

/* ---------- بردکرامب ---------- */

.horam-modern-breadcrumb{
	background:rgba(255,255,255,.6);
	backdrop-filter:blur(6px);
	border-bottom:1px solid #f0f2f5;
	padding:13px 0;
	margin-bottom:38px;
}

.horam-modern-crumb-nav{
	font-size:12.5px;
	color:var(--gray);
}

.horam-modern-crumb-nav a{
	color:var(--gray);
	text-decoration:none;
	transition:color .15s;
}

.horam-modern-crumb-nav a:hover{
	color:var(--primary);
}

.horam-modern-crumb-sep{
	margin:0 8px;
	opacity:.4;
}

/* ---------- هیرو (گالری + خلاصه) ---------- */

.horam-modern-hero{
	display:grid;
	grid-template-columns:1.05fr 1fr;
	gap:48px;
	align-items:start;
}

/* ---------- گالری ---------- */

.horam-modern-gallery{
	position:relative;
	background:#fff;
	border-radius:30px;
	border:1px solid #f2f3f6;
	box-shadow:0 30px 70px -20px rgba(17,24,39,.18);
	padding:24px;
	position:sticky;
	top:24px;
}

.horam-modern-gallery:before{
	content:'';
	position:absolute;
	inset:-1px;
	border-radius:30px;
	padding:1px;
	background:linear-gradient(160deg, rgba(230,57,70,.25), transparent 30%, transparent 70%, rgba(245,158,11,.2));
	-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite:xor;
	mask-composite:exclude;
	pointer-events:none;
}

.horam-modern-gallery .woocommerce-product-gallery__wrapper{
	border-radius:20px;
	overflow:hidden;
	background:linear-gradient(180deg,#fbfbfc,#ffffff);
}

.horam-modern-gallery .flex-control-thumbs{
	margin-top:16px;
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}

.horam-modern-gallery .flex-control-thumbs li{
	list-style:none;
	width:70px;
}

.horam-modern-gallery .flex-control-thumbs img{
	border-radius:14px;
	border:2px solid transparent;
	cursor:pointer;
	transition:border-color .2s, transform .2s var(--ease), opacity .2s;
	opacity:.6;
}

.horam-modern-gallery .flex-control-thumbs img:hover{
	transform:translateY(-3px);
	opacity:1;
}

.horam-modern-gallery .flex-control-thumbs img.flex-active{
	border-color:var(--primary);
	opacity:1;
	box-shadow:0 6px 14px rgba(230,57,70,.2);
}

.horam-modern-badge{
	position:absolute;
	top:24px;
	right:24px;
	z-index:10;
	display:inline-flex;
	align-items:center;
	gap:6px;
	background:var(--primary-gradient);
	color:#fff;
	padding:10px 18px;
	border-radius:30px;
	font-size:12.5px;
	font-weight:800;
	box-shadow:0 12px 26px rgba(230,57,70,.35);
	letter-spacing:.2px;
}

.horam-modern-badge span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:16px;
	height:16px;
	border-radius:50%;
	background:rgba(255,255,255,.25);
	font-size:9px;
}

.horam-modern-sale-flag{
	position:absolute;
	top:24px;
	left:24px;
	z-index:10;
	background:linear-gradient(135deg,var(--dark),#33384a);
	color:#fff;
	padding:10px 16px;
	border-radius:30px;
	font-size:12.5px;
	font-weight:800;
	box-shadow:0 12px 26px rgba(17,24,39,.3);
}

/* ---------- خلاصه محصول ---------- */

.horam-modern-summary{
	padding-top:8px;
}

.horam-modern-title{
	font-size:31px;
	font-weight:900;
	line-height:1.55;
	color:var(--dark);
	margin-bottom:16px;
	position:relative;
	padding-right:18px;
}

.horam-modern-title:before{
	content:'';
	position:absolute;
	right:0;
	top:6px;
	bottom:6px;
	width:5px;
	border-radius:6px;
	background:var(--primary-gradient);
}

.horam-modern-rating-row{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:20px;
}

.horam-modern-rating-row .star-rating{
	background:#fff9ec;
	border:1px solid #fbe8bf;
	border-radius:20px;
	padding:6px 12px;
	width:auto;
	display:inline-flex;
}

.horam-modern-review-count{
	font-size:12.5px;
	color:var(--gray);
	text-decoration:none;
	border-bottom:1px dashed var(--gray);
	transition:color .15s, border-color .15s;
}

.horam-modern-review-count:hover{
	color:var(--primary);
	border-color:var(--primary);
}

.horam-modern-desc{
	color:#4b5563;
	font-size:14.5px;
	line-height:2.1;
	margin-bottom:26px;
	padding:16px 20px;
	background:#fff;
	border-radius:16px;
	border-right:3px solid var(--primary);
	box-shadow:var(--shadow-sm);
}

/* ---------- نوار آمار ---------- */

.horam-modern-stats{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-bottom:26px;
}

.horam-modern-stat{
	flex:1;
	min-width:100px;
	text-align:center;
	padding:16px 8px;
	display:flex;
	flex-direction:column;
	gap:4px;
	background:#fff;
	border-radius:18px;
	border:1px solid #f0f2f5;
	box-shadow:var(--shadow-sm);
	transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}

.horam-modern-stat:hover{
	transform:translateY(-4px);
	box-shadow:var(--shadow-md);
}

.horam-modern-stat strong{
	font-size:19px;
	font-weight:900;
	background:var(--primary-gradient);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
}

.horam-modern-stat span{
	font-size:11px;
	color:var(--gray);
	font-weight:700;
}

/* ---------- قیمت ---------- */

.horam-modern-price-block{
	background:linear-gradient(160deg,#fff,#fdf7f7);
	border:1px solid #f5e2e3;
	border-radius:22px;
	padding:22px 24px;
	margin-bottom:22px;
	position:relative;
	overflow:hidden;
}

.horam-modern-price-block:before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	left:0;
	height:4px;
	background:var(--primary-gradient);
}

.horam-modern-price-top{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:8px;
}

.horam-modern-old-price{
	color:#9ca3af;
	text-decoration:line-through;
	font-size:14px;
}

.horam-modern-discount-pill{
	background:var(--primary-gradient);
	color:#fff;
	font-size:11.5px;
	font-weight:800;
	padding:4px 12px;
	border-radius:20px;
	box-shadow:0 6px 14px rgba(230,57,70,.3);
}

.horam-modern-final-price{
	font-size:34px;
	font-weight:900;
	color:var(--dark);
}

.horam-modern-final-price ins,
.horam-modern-final-price del{
	text-decoration:none;
}

/* ---------- سبد خرید ---------- */

.horam-modern-cart-box{
	margin:0 0 22px;
}

.horam-modern-cart-box .cart{
	display:flex;
	align-items:stretch;
	gap:12px;
}

.horam-modern-cart-box .quantity{
	flex:0 0 136px;
	position:relative;
	display:flex;
}

.horam-modern-cart-box .qty{
	width:100%;
	height:60px;
	border-radius:18px;
	border:2px solid #eef0f2;
	background:#fff;
	text-align:center;
	font-size:17px;
	font-weight:900;
	color:var(--dark);
	-moz-appearance:textfield;
	transition:border-color .2s;
}

.horam-modern-cart-box .qty:focus{
	outline:none;
	border-color:var(--primary);
}

.horam-modern-cart-box .quantity:before,
.horam-modern-cart-box .quantity:after{
	position:absolute;
	top:0;
	bottom:0;
	width:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:19px;
	font-weight:700;
	color:var(--gray);
	cursor:pointer;
	user-select:none;
	z-index:2;
	transition:color .15s;
}

.horam-modern-cart-box .quantity:hover:before,
.horam-modern-cart-box .quantity:hover:after{
	color:var(--primary);
}

.horam-modern-cart-box .quantity:before{
	content:'−';
	right:0;
}

.horam-modern-cart-box .quantity:after{
	content:'+';
	left:0;
}

.horam-modern-cart-box .single_add_to_cart_button{
	flex:1;
	width:100%;
	height:60px;
	border:none;
	border-radius:20px;
	font-size:17px;
	font-weight:900;
	color:#fff;
	background:linear-gradient(90deg,var(--primary),#ff5a68,var(--secondary));
	background-size:220% 100%;
	background-position:0 0;
	box-shadow:0 20px 40px -8px rgba(230,57,70,.45);
	transition:transform .25s var(--ease), box-shadow .25s var(--ease), background-position .5s var(--ease);
	position:relative;
	overflow:hidden;
}

.horam-modern-cart-box .single_add_to_cart_button:before{
	content:'🛒';
	margin-left:8px;
}

.horam-modern-cart-box .single_add_to_cart_button:hover{
	transform:translateY(-3px);
	box-shadow:0 26px 50px -6px rgba(230,57,70,.55);
	background-position:100% 0;
}

/* ---------- مزایا ---------- */

.horam-modern-benefits{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.horam-modern-benefits span{
	display:inline-flex;
	align-items:center;
	gap:7px;
	font-size:12px;
	font-weight:700;
	color:var(--dark);
	background:#fff;
	border:1px solid #f0f2f5;
	border-radius:30px;
	padding:8px 14px 8px 8px;
	box-shadow:var(--shadow-sm);
}

.horam-modern-benefits i{
	font-style:normal;
	font-size:14px;
	width:26px;
	height:26px;
	border-radius:50%;
	background:var(--background);
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

/* ---------- نوار شناور موبایل ---------- */

.horam-modern-sticky-bar{
	position:fixed;
	right:0;
	left:0;
	bottom:0;
	background:rgba(255,255,255,.97);
	backdrop-filter:blur(12px);
	box-shadow:0 -10px 30px rgba(17,24,39,.12);
	padding:12px 16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	z-index:500;
	transform:translateY(120%);
	transition:transform .3s var(--ease);
	border-top:1px solid #f0f2f5;
}

.horam-modern-sticky-bar.is-visible{
	transform:translateY(0);
}

.horam-modern-sticky-info{
	display:flex;
	flex-direction:column;
	gap:2px;
	overflow:hidden;
}

.horam-modern-sticky-info strong{
	color:var(--primary);
	font-size:15px;
	font-weight:900;
}

.horam-modern-sticky-info span{
	font-size:11.5px;
	color:var(--gray);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:180px;
}

.horam-modern-sticky-btn{
	flex:0 0 auto;
	padding:10px 22px !important;
}

/* ---------- نظر برند + ویدیو ---------- */

.horam-modern-feature-row{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:22px;
	margin:48px 0;
}

.horam-modern-feature-row:has(.horam-modern-opinion:only-child){
	grid-template-columns:1fr;
}

.horam-modern-opinion,
.horam-modern-video{
	background:#fff;
	border-radius:26px;
	border:1px solid #f0f2f5;
	box-shadow:0 20px 45px -18px rgba(17,24,39,.15);
	padding:28px;
	position:relative;
	overflow:hidden;
}

.horam-modern-opinion:before{
	content:'';
	position:absolute;
	top:-40px;
	left:-40px;
	width:130px;
	height:130px;
	border-radius:50%;
	background:radial-gradient(circle, rgba(230,57,70,.08), transparent 70%);
}

.horam-modern-video:before{
	content:'';
	position:absolute;
	top:-40px;
	left:-40px;
	width:130px;
	height:130px;
	border-radius:50%;
	background:radial-gradient(circle, rgba(37,99,235,.08), transparent 70%);
}

.horam-modern-opinion h2,
.horam-modern-video h2{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:17px;
	font-weight:800;
	margin-bottom:16px;
	position:relative;
}

.horam-modern-opinion h2 span,
.horam-modern-video h2 span{
	width:36px;
	height:36px;
	border-radius:12px;
	background:var(--background);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:17px;
}

.horam-modern-opinion p{
	color:var(--gray);
	line-height:2.1;
	font-size:13.5px;
	position:relative;
}

.horam-modern-video-wrapper{
	border-radius:18px;
	overflow:hidden;
	aspect-ratio:16/9;
	background:#000;
	box-shadow:var(--shadow-md);
}

.horam-modern-video-wrapper iframe{
	width:100%;
	height:100%;
	border:none;
	display:block;
}

/* ---------- تحلیل (قوت/ضعف/امتیاز) ---------- */

.horam-modern-analysis{
	display:grid;
	grid-template-columns:190px 1fr 1fr;
	gap:24px;
	background:#fff;
	border-radius:26px;
	border:1px solid #f0f2f5;
	box-shadow:0 20px 45px -18px rgba(17,24,39,.15);
	padding:30px;
	margin-bottom:48px;
	align-items:center;
}

.horam-modern-analysis-score{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:12px;
	text-align:center;
	padding-left:24px;
	border-left:1px dashed #e3e6ea;
}

.horam-modern-score-ring{
	width:96px;
	height:96px;
	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:28px;
	font-weight:900;
	text-shadow:0 2px 8px rgba(0,0,0,.3);
	box-shadow:0 15px 35px -8px rgba(230,57,70,.4);
	position:relative;
}

.horam-modern-score-ring:after{
	content:'';
	position:absolute;
	inset:-6px;
	border-radius:50%;
	border:1px dashed #e3c98a;
	opacity:.6;
}

.horam-modern-analysis-score span{
	font-size:12.5px;
	font-weight:700;
	color:var(--gray);
}

.horam-modern-analysis-col h4{
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:14px;
	font-weight:800;
	margin-bottom:14px;
	padding-bottom:10px;
	border-bottom:2px solid var(--background);
	width:100%;
}

.horam-modern-strengths h4{
	color:#15803d;
}

.horam-modern-weaknesses h4{
	color:#b91c1c;
}

.horam-modern-analysis-col ul{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.horam-modern-strengths li{
	position:relative;
	padding-right:26px;
	font-size:13px;
	color:#374151;
	line-height:1.8;
}

.horam-modern-strengths li:before{
	content:'✓';
	position:absolute;
	right:0;
	top:0;
	width:18px;
	height:18px;
	border-radius:50%;
	background:#dcfce7;
	color:#15803d;
	font-weight:900;
	font-size:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.horam-modern-weaknesses li{
	position:relative;
	padding-right:26px;
	font-size:13px;
	color:#374151;
	line-height:1.8;
}

.horam-modern-weaknesses li:before{
	content:'✕';
	position:absolute;
	right:0;
	top:0;
	width:18px;
	height:18px;
	border-radius:50%;
	background:#fee2e2;
	color:#b91c1c;
	font-weight:900;
	font-size:9px;
	display:flex;
	align-items:center;
	justify-content:center;
}

/* ---------- تب‌ها ---------- */

.horam-modern-tabs{
	margin:48px 0;
}

.horam-modern-tabs .woocommerce-tabs{
	background:#fff;
	border-radius:26px;
	border:1px solid #f0f2f5;
	box-shadow:0 20px 45px -18px rgba(17,24,39,.15);
	padding:12px;
}

.horam-modern-tabs ul.tabs{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	list-style:none;
	margin:0 0 6px;
	padding:8px;
	background:var(--background);
	border-radius:18px;
}

.horam-modern-tabs ul.tabs li{
	margin:0;
	flex:1;
}

.horam-modern-tabs ul.tabs li a{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:11px 20px;
	border-radius:14px;
	background:transparent;
	color:var(--gray);
	font-weight:700;
	font-size:13.5px;
	text-decoration:none;
	transition:background .2s, color .2s, box-shadow .2s;
	text-align:center;
}

.horam-modern-tabs ul.tabs li a:hover{
	color:var(--dark);
}

.horam-modern-tabs ul.tabs li.active a{
	background:#fff;
	color:var(--primary);
	box-shadow:0 8px 18px rgba(17,24,39,.1);
}

.horam-modern-tabs .woocommerce-Tabs-panel{
	padding:24px 20px 12px;
	font-size:14px;
	line-height:2;
	color:#374151;
}

.horam-modern-tabs .woocommerce-Tabs-panel table.shop_attributes{
	width:100%;
	border-collapse:collapse;
}

.horam-modern-tabs .woocommerce-Tabs-panel table.shop_attributes th,
.horam-modern-tabs .woocommerce-Tabs-panel table.shop_attributes td{
	padding:13px;
	border-bottom:1px solid #f0f2f5;
	text-align:right;
}

.horam-modern-tabs .woocommerce-Tabs-panel table.shop_attributes tr:nth-child(odd){
	background:var(--background);
}

/* ---------- محصولات مرتبط ---------- */

.horam-modern-related{
	margin-top:48px;
}

.horam-modern-related > h2{
	font-size:22px;
	font-weight:900;
	margin-bottom:22px;
	position:relative;
	padding-right:18px;
}

.horam-modern-related > h2:before{
	content:'';
	position:absolute;
	right:0;
	top:4px;
	bottom:4px;
	width:5px;
	border-radius:6px;
	background:var(--primary-gradient);
}

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

@media(max-width:991px){

	.horam-modern-hero{
		grid-template-columns:1fr;
		gap:26px;
	}

	.horam-modern-gallery{
		position:static;
	}

	.horam-modern-feature-row{
		grid-template-columns:1fr;
	}

	.horam-modern-analysis{
		grid-template-columns:1fr;
		text-align:center;
	}

	.horam-modern-analysis-score{
		border-left:none;
		border-bottom:1px dashed #e3e6ea;
		padding-left:0;
		padding-bottom:22px;
	}

	.horam-modern-strengths li,
	.horam-modern-weaknesses li{
		text-align:right;
	}

	body{
		padding-bottom:74px;
	}

}

@media(min-width:992px){

	.horam-modern-sticky-bar{
		display:none;
	}

}

@media(max-width:576px){

	.horam-modern-title{
		font-size:23px;
	}

	.horam-modern-final-price{
		font-size:27px;
	}

	.horam-modern-stat strong{
		font-size:15px;
	}

	.horam-modern-tabs ul.tabs{
		flex-direction:column;
	}

}