/**
 * Curvana PDP — لایهٔ انطباق دقیق با موکاپ (.pdp / .gal / .buy / .trust / .acc)
 * منبع: Curvana_Product_Shop_About_Mockup.html — بخش PRODUCT PAGE
 *
 * این فایل بعد از single-product-v2.css لود می‌شود و نگاشتِ عینیِ
 * اسپک موکاپ روی کلاس‌های زندهٔ .hsp__* است. هدف: عرض‌بندی، ترتیب،
 * تایپوگرافی، سواچ‌ها، دکمه‌ها و trust دقیقاً مثل موکاپ.
 *
 * @package HAIKA_CURVANA
 */

/* ════════════════════════════════════════════════════════════
   ۱) چیدمان کلی — نسبت عرض گالری/خرید مثل موکاپ (1fr / 1.05fr)
   موکاپ: گالری (راست) = 1fr ، ستون خرید (چپ) = 1.05fr ، gap = 50px
   ════════════════════════════════════════════════════════════ */
.hsp__hero{
	display:grid !important;
	grid-template-columns:1fr 1.05fr !important;
	gap:50px !important;
	align-items:start !important;
}
@media(max-width:900px){
	.hsp__hero{ grid-template-columns:1fr !important; gap:28px !important; }
}

/* ════════════════════════════════════════════════════════════
   ۲) گالری — تصویر اصلی گرد + thumbnail های ردیفی زیر آن
   ════════════════════════════════════════════════════════════ */
.hsp__gallery{ position:relative; z-index:2; top:0 !important; align-self:start !important; margin-top:0 !important; display:flex !important; flex-direction:column !important; }
.hsp__stage{
	order:0 !important;
	aspect-ratio:3 / 3.6 !important;
	border-radius:22px !important;
	overflow:hidden !important;
	box-shadow:0 24px 54px rgba(58,23,48,.22) !important;
	position:relative;
}
.hsp__main-img{ width:100% !important; height:100% !important; object-fit:cover !important; filter:none !important; }
/* بدون نخ طلایی و بدون بلور روی تصویرِ واقعی (نخ فقط برای placeholderِ موکاپ بود) */
.hsp__stage::after{ content:none !important; }
.hsp__stage-inner,
.hsp__stage-inner img,
[data-hsp-zoomable] img{ filter:none !important; }

.hsp__thumbs{
	order:1 !important;
	display:flex !important;
	flex-direction:row !important;
	gap:12px !important;
	margin-top:14px !important;
	overflow:visible !important;
}
.hsp__thumb{
	flex:1 !important;
	width:auto !important;
	aspect-ratio:1 !important;
	border-radius:14px !important;
	overflow:hidden !important;
	border:2px solid transparent !important;
	background:none !important;
	padding:0 !important;
	cursor:pointer;
	transition:border-color .2s, transform .2s;
}
.hsp__thumb img{ width:100% !important; height:100% !important; object-fit:cover !important; }
.hsp__thumb:hover{ transform:translateY(-3px); }
.hsp__thumb.is-active{ border-color:var(--cv-gold) !important; }

/* badge جدید/تخفیف بالای تصویر */
.hsp__badge{ z-index:4 !important; }

/* ════════════════════════════════════════════════════════════
   ۳) ستون خرید — flex column برای کنترل ترتیب دقیق مثل موکاپ
   ترتیب موکاپ: دسته › عنوان › (ستاره+موجودی) › قیمت › توضیح ›
                 رنگ › سایز › راهنما › CTA › trust › جزئیات
   ════════════════════════════════════════════════════════════ */
.hsp__info{
	display:block !important;
	position:relative; z-index:2;
}

/* دسته — متن طلایی ساده (نه pill) */
.hsp__cat-pill{
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	padding:0 !important;
	margin:0 0 6px !important;
	color:var(--cv-gold) !important;
	font-size:12.5px !important;
	font-weight:700 !important;
	letter-spacing:.1em !important;
	width:max-content;
}
.hsp__cat-pill svg{ display:none !important; }
.hsp__cat-pill span{ color:var(--cv-gold) !important; }

/* عنوان — 30px/900 بادمجانی + نخ طلایی چسبیده زیرش (مطابق موکاپ) */
.hsp__title{
	font-size:30px !important;
	font-weight:900 !important;
	color:var(--cv-plumdk) !important;
	line-height:1.4 !important;
	margin:0 0 6px !important;
	padding-bottom:0 !important;
	position:relative !important;
	display:inline-block !important;
}
/* نخ in-flow و چسبیده زیر عنوان (فاصلهٔ کم) — هم سرریز نمی‌کند هم معلق نمی‌شود.
   specificity بالا تا بر همهٔ قواعد .hsp__title::after (از جمله انیمیشنِ ۵۰px) غالب شود */
.hsp .hsp__info .hsp__title::after,
.hsp__title::after{
	content:"" !important;
	display:block !important;
	position:static !important;
	width:110px !important; max-width:100% !important; height:13px !important;
	margin:5px 0 0 !important;   /* فقط ۵px فاصله تا چسبیده به عنوان باشد */
	animation:none !important; /* انیمیشن hsp-underline-expand که عرض را به ۵۰px قفل می‌کرد، خنثی شد */
	transform:none !important;
	/* نخ طلاییِ هم‌اندازهٔ موکاپ (۱۱۰×۱۳) — مسیرِ کامل داخل کادر تا هیچ قسمتی بریده نشود */
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 13' preserveAspectRatio='none'%3E%3Cpath d='M4 8 C26 2 46 2 60 7 C74 12 92 12 106 6' fill='none' stroke='%23C9A24B' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100% !important;
}

/* ردیف متا — ستاره + امتیاز + تعداد دیدگاه + موجودی، همه در یک خط (مثل موکاپ) */
.hsp__meta-row{
	display:flex !important;
	align-items:center !important;
	flex-wrap:wrap;
	gap:10px !important;
	margin:20px 0 16px !important;
	font-size:13px !important;
	color:#7d6c78 !important;
}
.hsp__stars{
	color:var(--cv-gold) !important;
	letter-spacing:2px;
	font-size:15px;
	/* پُرشدن بر اساس امتیاز؛ بدون امتیاز = ستاره‌های خاکستری */
	background:linear-gradient(90deg, var(--cv-gold) calc(var(--rating,0)/5*100%), #e3d3dd calc(var(--rating,0)/5*100%)) !important;
	-webkit-background-clip:text !important;
	background-clip:text !important;
	-webkit-text-fill-color:transparent !important;
}
.hsp__rating-text{ color:#7d6c78 !important; font-size:13px !important; }
.hsp__rating-num{ color:#7d6c78 !important; font-weight:400 !important; }
.hsp__rating-count{ color:#7d6c78 !important; text-decoration:none; }
.hsp__rating-count b{ color:var(--cv-plumdk) !important; font-weight:700 !important; }
.hsp__rating-count:hover b{ color:var(--cv-plum) !important; }
.hsp__meta-dot{ color:#c9b6c2; }

/* موجودی — متن سبز inline داخل ردیف متا */
.hsp__meta-row .hsp__stock{
	display:inline-flex !important;
	align-items:center !important;
	gap:7px !important;
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	padding:0 !important;
	margin:0 !important;
	font-size:13px !important;
	font-weight:600 !important;
}
.hsp__stock--in   { color:#3f9d6b !important; }
.hsp__stock--low  { color:#c9821f !important; }
.hsp__stock--out  { color:#b3445a !important; }
.hsp__stock-dot{ width:7px; height:7px; border-radius:50%; background:currentColor !important; flex:none; }
.hsp__stock-text{ color:inherit !important; }

/* قیمت — بادمجانی پررنگ 30px/900 inline */
.hsp__price-block{
	display:flex !important;
	align-items:center !important;
	justify-content:flex-start !important; /* قیمت، قیمت قبل و سود پشت سر هم (نه space-between) */
	gap:12px !important;
	flex-wrap:wrap;
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	padding:0 !important;
	border-radius:0 !important;
	margin:14px 0 0 !important;
}
/* چیدمان قیمت: قیمت جدید (بزرگ) سمت راست، قیمت قبلی (کوچک، خط‌خورده) سمتِ چپش
   ساختار ووکامرس: <span.price><del>قبل</del> <ins>جدید</ins></span>
   با row-reverse، ins (جدید) سمت راست و del (قبل) سمتِ چپ می‌نشیند. */
.hsp__price-block .hsp__price{ display:inline-flex !important; align-items:baseline !important; gap:10px !important; flex-wrap:nowrap !important; }
.hsp__price-block .hsp__price .price{ display:inline-flex !important; flex-direction:row-reverse !important; align-items:baseline !important; gap:10px !important; flex-wrap:nowrap !important; }
.hsp__price ins{ text-decoration:none !important; background:none !important; }
.hsp__price .screen-reader-text{ display:none !important; }

.hsp__price, .hsp__price .price, .hsp__price ins, .hsp__price ins *, .hsp__price > .woocommerce-Price-amount, .hsp__price > .woocommerce-Price-amount *{
	color:var(--cv-plum) !important;
	-webkit-text-fill-color:var(--cv-plum) !important;
	background:none !important;
	font-family:'Vazirmatn', sans-serif !important; /* هم‌فونت با موکاپ */
	font-weight:900 !important;
	font-size:30px !important;
	line-height:1.1 !important;
}
/* واحد «ت» دقیقاً هم‌فونت و هم‌اندازهٔ مبلغ (نه کوچک‌تر) */
.hsp__price .woocommerce-Price-currencySymbol{ font-size:30px !important; font-weight:900 !important; font-family:'Vazirmatn', sans-serif !important; }
.hsp__price del, .hsp__price del *{
	color:#c4b6c0 !important;
	-webkit-text-fill-color:#c4b6c0 !important;
	font-size:16px !important;
	font-weight:600 !important;
}
/* قیمت قبل، واحد «ت» نمی‌خواهد و باید خط بخورد */
.hsp__price del .woocommerce-Price-currencySymbol{ display:none !important; }
.hsp__price del, .hsp__price del bdi{ text-decoration:line-through !important; }

/* باکس رز پودری «سود شما» (مثل موکاپ) — specificity بالا تا بر price-block>div غالب شود */
.hsp__price-block > .hsp__save-pill,
.hsp__save-pill{
	display:inline-flex !important;
	align-items:center !important;
	gap:5px !important;
	background:var(--cv-rose-soft) !important;
	color:var(--cv-plumdk) !important;
	border:0 !important;
	box-shadow:none !important;
	font-size:11.5px !important;
	font-weight:700 !important;
	border-radius:20px !important;
	padding:4px 13px !important;
	margin:0 !important;
	width:max-content;
	align-self:center !important;
}
.hsp__save-pill[hidden]{ display:none !important; }
.hsp__save-pill svg{ display:none !important; }
.hsp__save-pill strong{ font-weight:900 !important; }

/* توضیح کوتاه */
.hsp__short-desc{
	font-size:14.5px !important;
	color:#6d5d68 !important;
	max-width:480px;
	margin:14px 0 0 !important;
	line-height:1.9;
}

/* ════════════════════════════════════════════════════════════
   ۴) منطقهٔ پویا — preview، انتخاب رنگ/سایز، افزودن به سبد
   ════════════════════════════════════════════════════════════ */
.hsp__dynamic-zone{ margin-top:24px !important; }

/* باکس «این مورد ارسال می‌شود» — کارت کرم ملایم */
.hsp__selected-preview{
	background:var(--cv-mist) !important;
	border:1px solid #efe0ea !important;
	border-radius:14px !important;
}

/* جدول variations را بلوکی و بدون خطوط کن */
.hsp__cart-form .variations{ display:block !important; width:100% !important; border:0 !important; margin:0 0 4px !important; }
.hsp__cart-form .variations tbody,
.hsp__cart-form .variations tr{ display:block !important; }
.hsp__cart-form .variations tr{ margin-bottom:22px !important; }
.hsp__cart-form .variations th.label,
.hsp__cart-form .variations td.label{
	display:block !important;
	width:auto !important;
	background:transparent !important;
	border:0 !important;
	padding:0 0 10px !important;
	text-align:start !important;
	color:var(--cv-plumdk) !important;
	font-size:14px !important;
	font-weight:700 !important;
}
.hsp__cart-form .variations th.label label,
.hsp__cart-form .variations label{
	background:transparent !important;
	color:var(--cv-plumdk) !important;
	font-size:14px !important;
	font-weight:700 !important;
	padding:0 !important;
	margin:0 !important;
}
.hsp__cart-form .variations td.value{
	display:block !important;
	width:auto !important;
	background:transparent !important;
	border:0 !important;
	padding:0 !important;
}

/* قالب خودش <select> را پنهان و سواچ می‌سازد؛ سواچِ پلاگین تکراری را هم پنهان کن */
.hsp__cart-form .variations td.value select[data-haika-swatched]{
	position:absolute !important; width:1px !important; height:1px !important;
	opacity:0 !important; pointer-events:none !important; overflow:hidden !important;
}
.haika-hub-swatches,
.haika-hub-original-select{ display:none !important; }

/* ── سیستم سواچِ خودِ قالب (.hsp__swatches) — استایل مطابق موکاپ ── */
/* td.value در قالب text-align:center است؛ راست‌چینش می‌کنیم و سواچ‌ها را flex */
.hsp__cart-form .variations td.value,
.hsp__cart-form .variations td:not(.label){ text-align:start !important; }
.hsp__swatches,
.hsp__cart-form .variations .hsp__swatches,
.hsp__cart-form .value .hsp__swatches{
	display:flex !important;
	flex-wrap:wrap !important;
	justify-content:flex-start !important; /* راست‌چین در RTL */
	gap:12px !important;
	margin:0 !important;
	padding:4px 6px 4px 0 !important; /* کمی فاصله از لبهٔ راست تا رینگ کلیپ نشود و کمی به چپ شیفت کند */
	width:100% !important;
	overflow:visible !important;
}
/* حذفِ همهٔ علامت‌های بنفش/چک‌مارک/overlayِ انتخاب (انتخاب فقط با رینگ طلایی) */
.hsp__swatch.is-active::after,
.hsp__swatch.is-active::before,
.hsp__swatch--square.is-active::after,
.hsp__swatch--square.is-active::before{
	content:none !important;
	display:none !important;
	background:none !important;
	border:0 !important;
}

/* سواچِ متنی (سایز) — پیلِ گرد */
.hsp__swatch{
	font-family:'Poppins', var(--cv-font-latin) !important;
	font-size:13px !important;
	font-weight:500 !important;
	color:var(--cv-plumdk) !important;
	background:#fff !important;
	border:1.5px solid #ddc9d6 !important;
	border-radius:12px !important;
	padding:9px 18px !important;
	cursor:pointer;
	transition:all .2s;
	line-height:1.2 !important;
	position:relative;
}
.hsp__swatch:hover{ border-color:var(--cv-plum) !important; }
.hsp__swatch.is-active{
	background:var(--cv-plum) !important;
	color:#fff !important;
	border-color:var(--cv-plum) !important;
	box-shadow:none !important; /* بدون سایهٔ بنفش زیر سایز انتخابی */
}

/* سواچِ تصویری (رنگ) — دایرهٔ کراپ‌شده، اندازهٔ موکاپ (~۳۸px) */
.hsp__swatch--square{
	width:38px !important;
	height:38px !important;
	min-width:38px !important;
	flex:none !important;
	padding:0 !important;
	border-radius:50% !important;
	border:2px solid #fff !important;
	box-shadow:0 0 0 1.5px #ddc9d6 !important;
	overflow:hidden !important;
	background-image:var(--swatch-bg) !important;
	background-size:cover !important;
	background-position:center !important;
	background-color:#f3e9ef !important;
	font-size:0 !important;
	color:transparent !important;
	transition:transform .2s, box-shadow .2s !important;
}
.hsp__swatch--square:hover{ transform:scale(1.12) !important; border-color:#fff !important; }

/* حالتِ فعال = رینگ طلایی دور دایره (تصویر حفظ می‌شود) */
.hsp__swatch--square.is-active{
	background-image:var(--swatch-bg) !important;
	background-color:#f3e9ef !important;
	color:transparent !important;
	width:38px !important;
	height:38px !important;
	box-shadow:0 0 0 2.5px var(--cv-gold) !important;
	border-color:#fff !important;
}
/* نام طرح روی دایره نمایش داده نشود (تول‌تیپ بومی title کافی است) */
.hsp__swatch--square .hsp__swatch-tip{
	position:absolute !important;
	width:1px !important; height:1px !important;
	overflow:hidden !important; clip:rect(0,0,0,0) !important;
}

/* لینک «راهنمای انتخاب سایز» (با JS کنار لیبل سایز تزریق می‌شود) */
.hsp__size-guide-link{
	font-size:12px !important;
	color:var(--cv-gold) !important;
	font-weight:600 !important;
	display:inline-flex; align-items:center; gap:6px;
	float:left;
	text-decoration:none;
}

/* CTA — qty + دکمهٔ بادمجانی + قلب ghost (مثل موکاپ .cta-zone) */
.woocommerce-variation-add-to-cart,
.hsp__cart-form form.cart:not(.variations_form){
	display:flex !important;
	align-items:stretch !important;
	gap:12px !important;
	margin-top:10px !important;
}
.hsp__cart-form .quantity{
	display:flex !important;
	align-items:center !important;
	border:1.5px solid #ddc9d6 !important;
	border-radius:44px !important;
	overflow:hidden !important;
	background:#fff !important;
	height:54px !important;
	padding:0 4px !important;
}
.hsp__cart-form .quantity input.qty{
	border:0 !important;
	background:transparent !important;
	width:40px !important;
	height:100% !important;
	text-align:center !important;
	font-family:'Poppins', var(--cv-font-latin) !important;
	color:var(--cv-plumdk) !important;
	font-weight:700 !important;
	font-size:15px !important;
	-moz-appearance:textfield !important;
}
.hsp__cart-form .quantity input.qty::-webkit-outer-spin-button,
.hsp__cart-form .quantity input.qty::-webkit-inner-spin-button{ -webkit-appearance:none !important; margin:0 !important; }
/* دکمه‌های +/- که قالب می‌سازد */
.hsp__cart-form .quantity .hsp__qty-btn,
.hsp__cart-form .quantity button{
	width:40px !important; height:100% !important;
	border:0 !important; background:transparent !important;
	font-size:20px !important; line-height:1 !important;
	color:var(--cv-plum) !important; cursor:pointer !important;
	display:flex !important; align-items:center !important; justify-content:center !important;
	transition:color .2s;
}
.hsp__cart-form .quantity button:hover{ color:var(--cv-plumdk) !important; }

.hsp__cart-form .single_add_to_cart_button,
.hsp__cart-form button.single_add_to_cart_button{
	flex:1 !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	gap:9px !important;
	background:var(--cv-plum) !important;
	color:#fff !important;
	border:0 !important;
	border-radius:44px !important;
	font-weight:800 !important;
	font-size:15px !important;
	padding:0 26px !important;
	min-height:54px !important;
	box-shadow:0 12px 26px rgba(107,45,92,.30) !important;
	transition:transform .25s var(--cv-ease), box-shadow .25s, background .25s, filter .25s !important;
}
.hsp__cart-form .single_add_to_cart_button:hover{
	background:linear-gradient(135deg,#6B2D5C,#A85283) !important;
	transform:translateY(-3px) !important;
	box-shadow:0 20px 38px rgba(107,45,92,.40) !important;
}
.hsp__cart-form .single_add_to_cart_button:active{ transform:translateY(-1px) !important; }

/* خط طلاییِ منحنی زیر ردیف افزودن به سبد (مثل موکاپ) */
.hsp__cart-form{ position:relative; }
.hsp__cart-form::after{
	content:"";
	display:block;
	height:14px;
	margin-top:24px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 14' preserveAspectRatio='none'%3E%3Cpath d='M0 7 Q20 1 40 7 Q60 13 80 7' fill='none' stroke='%23C9A24B' stroke-opacity='.7' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left center;
	background-size:80px 14px;
}

/* قلب علاقه‌مندی — دکمهٔ دایره‌ایِ ghost کنار CTA */
.hsp__wish{
	flex:none !important;
	width:54px !important; height:54px !important;
	border-radius:50% !important;
	background:#fff !important;
	border:1.5px solid #ddc9d6 !important;
	color:var(--cv-plum) !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	cursor:pointer !important;
	transition:all .2s var(--cv-ease) !important;
}
.hsp__wish:hover{ border-color:var(--cv-plum) !important; transform:translateY(-2px) !important; box-shadow:0 8px 18px rgba(107,45,92,.15) !important; }
.hsp__wish.is-on{ background:var(--cv-rose-soft) !important; border-color:var(--cv-rose) !important; }
.hsp__wish.is-on svg{ fill:var(--cv-plum) !important; }

/* ════════════════════════════════════════════════════════════
   ۵) باکس‌های تحویل (متغیر) — کارت سفید ملایم
   ════════════════════════════════════════════════════════════ */
.hsp__delivery{ margin-top:18px !important; }
.hsp__delivery-row{
	background:#fff !important;
	border:1px solid #efe0ea !important;
	border-radius:14px !important;
	box-shadow:0 4px 12px rgba(58,23,48,.05) !important;
}

/* ════════════════════════════════════════════════════════════
   ۶) trust سه‌تایی داخل ستون خرید (نگاشت .hsp__assure → .trust موکاپ)
   ════════════════════════════════════════════════════════════ */
.hsp__assure{
	display:grid !important;
	grid-template-columns:1fr 1fr 1fr !important;
	gap:10px !important;
	margin:26px 0 0 !important;
	padding:0 !important;
	list-style:none !important;
	border:0 !important;
	background:transparent !important;
}
.hsp__assure-item{
	display:flex !important;
	align-items:center !important;
	gap:9px !important;
	background:#fff !important;
	border:0 !important;
	border-radius:14px !important;
	padding:11px 13px !important;
	font-size:11.5px !important;
	color:#5d4f5a !important;
	box-shadow:0 4px 12px rgba(58,23,48,.06) !important;
	text-align:start;
}
.hsp__assure-item svg{ width:20px !important; height:20px !important; color:var(--cv-plum) !important; flex:none !important; }
/* دو‌سطره: عنوان پررنگ + زیرنویس */
.hsp__assure-item span{
	display:block !important;
	color:#5d4f5a !important;
	font-weight:400 !important;
	line-height:1.5 !important;
}
.hsp__assure-item span b{
	display:block !important;
	font-size:12px !important;
	font-weight:700 !important;
	color:var(--cv-plumdk) !important;
}

/* ════════════════════════════════════════════════════════════
   ۷) تب‌های پایین — استایل تمیز برند (زیرخط بنفش مثل لحن موکاپ)
   ════════════════════════════════════════════════════════════ */
/* آکاردئونِ جزئیات محصول (مثل .acc موکاپ) — به‌جای تب افقی */
.hsp__acc{
	background:transparent !important;
	margin:30px 0 0 !important;
	max-width:none !important;
	border-top:1px solid #ecdce6 !important;
}
.hsp__acc-item{
	border-bottom:1px solid #ecdce6 !important;
}
.hsp__acc-head{
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	gap:12px !important;
	padding:18px 2px !important;
	font-size:15px !important;
	font-weight:700 !important;
	color:var(--cv-plumdk) !important;
	cursor:pointer !important;
	list-style:none !important;
}
.hsp__acc-head::-webkit-details-marker{ display:none !important; }
.hsp__acc-head::marker{ content:"" !important; }
.hsp__acc-chevron{ color:var(--cv-gold) !important; flex:none !important; transition:transform .25s var(--cv-ease) !important; }
.hsp__acc-item[open] > .hsp__acc-head .hsp__acc-chevron{ transform:rotate(180deg) !important; }
.hsp__acc-body{
	padding:2px 2px 22px !important;
	color:#6d5d68 !important;
	font-size:14px !important;
	line-height:2 !important;
}
.hsp__acc-body table{ width:100% !important; border-collapse:collapse !important; font-size:13px !important; }
.hsp__acc-body th{ background:var(--cv-mist) !important; color:var(--cv-plumdk) !important; font-weight:700 !important; padding:8px !important; border:1px solid #e8d6e2 !important; }
.hsp__acc-body td{ padding:8px !important; border:1px solid #eee0e9 !important; }

/* ════════════════════════════════════════════════════════════
   ۸) محصولات مرتبط — نوار روی پس‌زمینهٔ یاسی (mist)
   ════════════════════════════════════════════════════════════ */
.hsp__related{
	background:var(--cv-mist) !important;
	padding:54px 44px !important;
	margin-top:46px !important;
}
/* هدر وسط‌چین + YOU MAY ALSO LIKE + نخ طلایی */
.hsp__related-head{ text-align:center !important; margin-bottom:34px !important; }
.hsp__related-eng{
	display:block !important;
	font-family:'Poppins', var(--cv-font-latin) !important;
	letter-spacing:.34em !important;
	font-size:11px !important;
	color:var(--cv-gold) !important;
	font-weight:600 !important;
	margin-bottom:10px !important;
}
.hsp__related-title{
	font-size:26px !important;
	color:var(--cv-plumdk) !important;
	font-weight:900 !important;
	margin:0 !important;
	display:block !important;
}
.hsp__related-sig{ width:84px !important; height:16px !important; margin:10px auto 0 !important; display:block !important; }

/* ردیف ۴تایی، وسط‌چین */
.hsp__related-row{
	display:grid !important;
	grid-template-columns:repeat(4, 1fr) !important;
	gap:20px !important;
	max-width:1080px !important;
	margin:0 auto !important;
}
/* کارت سادهٔ مرتبط: فقط تصویر + نام + قیمت */
.hsp__mini{
	display:block !important;
	background:#fff !important;
	border-radius:16px !important;
	overflow:hidden !important;
	box-shadow:0 6px 16px rgba(58,23,48,.08) !important;
	transition:transform .25s var(--cv-ease) !important;
	text-decoration:none !important;
	color:inherit !important;
}
.hsp__mini:hover{ transform:translateY(-5px) !important; }
.hsp__mini-im{
	display:block !important;
	aspect-ratio:3 / 3.4 !important;
	background-size:cover !important;
	background-position:center !important;
	background-color:#f3e9ef !important;
}
.hsp__mini-nm{
	display:block !important;
	font-size:13.5px !important;
	font-weight:700 !important;
	color:var(--cv-ink) !important;
	padding:10px 13px 2px !important;
	/* عنوان در یک سطر؛ بلندتر شد → «…» تا همهٔ کارت‌ها هم‌اندازه شوند */
	white-space:nowrap !important;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
}
.hsp__mini-pr{ display:block !important; padding:0 13px 13px !important; }
.hsp__mini-pr, .hsp__mini-pr *{ font-size:13.5px !important; font-weight:800 !important; color:var(--cv-plum) !important; -webkit-text-fill-color:var(--cv-plum) !important; }
.hsp__mini-pr del, .hsp__mini-pr del *{ font-size:11px !important; color:#c4b6c0 !important; -webkit-text-fill-color:#c4b6c0 !important; font-weight:600 !important; }
@media(max-width:900px){ .hsp__related-row{ grid-template-columns:repeat(2,1fr) !important; } }

/* ════════════════════════════════════════════════════════════
   ۹) بردکرامب — جداکنندهٔ «نخ طلایی» مثل موکاپ (به‌جای «/»)
   ════════════════════════════════════════════════════════════ */
.hsp__breadcrumb{
	display:flex !important;
	align-items:center !important;
	flex-wrap:wrap;
	gap:10px !important;
	font-size:13px !important;
	color:#9b8a95 !important;
	background:transparent !important;
	padding:0 0 18px !important;
	border:0 !important;
}
.hsp__breadcrumb a{ color:#9b8a95 !important; text-decoration:none; }
.hsp__breadcrumb a:hover{ color:var(--cv-plum) !important; }
.hsp__breadcrumb-current{ color:var(--cv-plumdk) !important; font-weight:700; }
.hsp__breadcrumb-sep{
	font-size:0 !important;
	color:transparent !important;
	width:22px !important; height:8px !important;
	display:inline-block !important;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 12'%3E%3Cpath d='M5 4 C20 13 32 13 38 6 C44 -1 50 2 55 7' fill='none' stroke='%23C9A24B' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain !important;
}

/* ════════════════════════════════════════════════════════════
   ۱۰) حذف کارت سفیدِ دورِ انتخاب‌گرها/CTA — موکاپ inline روی کرم است
   ════════════════════════════════════════════════════════════ */
.hsp__cart-form{
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	padding:0 !important;
	border-radius:0 !important;
	margin:0 !important;
}
.hsp__cart-form .single_variation_wrap{ background:transparent !important; border:0 !important; padding:0 !important; box-shadow:none !important; }
/* «حذف انتخاب» حذف شود (مثل موکاپ) */
.hsp__cart-form .reset_variations,
.reset_variations{ display:none !important; }