/* ══════════════════════════════════════════════════════════
 * هنر مارکت — استایل ویژگی‌های حرفه‌ای افزودنی (additive only)
 * از همان متغیرهای style.css اصلی استفاده می‌کند: --ink, --turq,
 * --amber, --coral, --paper, --paper-2, --line, --muted, --card
 * ══════════════════════════════════════════════════════════ */

/* توجه: هدر چسبان از قبل در style.css (.hm-header + .is-stuck) پیاده‌سازی شده — تکرار نشد. */

/* ---------- ۶) مگامنو ---------- */
.hm-nav li.hm-mega{position:static}
.hm-nav li.hm-mega > ul{
	display:none;
	position:absolute;
	inset-inline:0;
	top:100%;
	width:100%;
	max-width:1240px;
	margin-inline:auto;
	background:#fff;
	border:2px solid var(--ink,#17212B);
	border-radius:16px;
	box-shadow:6px 6px 0 rgba(23,33,43,.12);
	padding:22px 26px;
	columns:4;
	column-gap:24px;
	z-index:70;
}
.hm-nav li.hm-mega:hover > ul,
.hm-nav li.hm-mega:focus-within > ul{display:block}
.hm-nav li.hm-mega > ul li{break-inside:avoid;margin-bottom:8px}

/* ---------- ۱ و ۲) دکمه‌های ویش‌لیست/مقایسه/نمای‌سریع روی کارت محصول ---------- */
.hm-card-tools{
	position:absolute;
	top:12px;
	inset-inline-start:12px;
	display:flex;
	flex-direction:column;
	gap:8px;
	z-index:6;
	opacity:0;
	transform:translateX(-6px);
	transition:.18s;
}
li.product{position:relative}
li.product:hover .hm-card-tools,
li.product:focus-within .hm-card-tools{opacity:1;transform:translateX(0)}
.hm-icon-btn{
	width:36px;height:36px;
	display:flex;align-items:center;justify-content:center;
	background:#fff;
	border:2px solid var(--ink,#17212B);
	border-radius:50%;
	color:var(--ink,#17212B);
	cursor:pointer;
	box-shadow:2px 2px 0 var(--ink,#17212B);
	transition:.15s;
}
.hm-icon-btn:hover{background:var(--paper-2,#F4ECDD);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink,#17212B)}
.hm-icon-btn.is-active{background:var(--coral,#E4572E);color:#fff;border-color:var(--coral,#E4572E)}
.hm-wishlist-btn.is-active svg path{fill:currentColor}

/* ---------- صفحهٔ ویش‌لیست / گرید ---------- */
.hm-wishlist-grid{margin-top:20px}
.hm-empty-notice{padding:20px;text-align:center;color:var(--muted,#5a6672)}

/* ---------- ۲) جدول مقایسه ---------- */
.hm-compare-table-wrap{overflow-x:auto;margin:20px 0}
.hm-compare-table{width:100%;border-collapse:collapse;background:#fff;border:2px solid var(--ink,#17212B);border-radius:14px;overflow:hidden}
.hm-compare-table th,.hm-compare-table td{padding:14px 16px;border-bottom:1px solid var(--line,#E7DECD);text-align:center;vertical-align:middle}
.hm-compare-table th{background:var(--paper-2,#F4ECDD);text-align:right;white-space:nowrap}
.hm-compare-table img{max-width:90px;border-radius:10px;margin-bottom:6px}
.hm-compare-bar{
	position:fixed;bottom:18px;inset-inline:0;
	max-width:420px;margin-inline:auto;
	background:var(--ink,#17212B);color:#fff;
	display:flex;align-items:center;justify-content:space-between;gap:14px;
	padding:12px 20px;border-radius:999px;
	box-shadow:0 10px 30px rgba(0,0,0,.25);
	z-index:80;
}
.hm-compare-bar[hidden]{display:none}

/* ---------- ۳) مودال نمای سریع ---------- */
.hm-quickview-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center}
.hm-quickview-modal[hidden]{display:none}
.hm-quickview-overlay{position:absolute;inset:0;background:rgba(23,33,43,.55)}
.hm-quickview-box{
	position:relative;background:#fff;border-radius:20px;border:2px solid var(--ink,#17212B);
	max-width:820px;width:92%;max-height:88vh;overflow:auto;
	padding:30px;box-shadow:10px 10px 0 rgba(23,33,43,.15);
}
.hm-quickview-close{
	position:absolute;top:14px;inset-inline-end:14px;
	width:36px;height:36px;border-radius:50%;
	background:var(--paper-2,#F4ECDD);border:2px solid var(--ink,#17212B);
	font-size:20px;line-height:1;cursor:pointer;
}
.hm-quickview-inner{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.hm-quickview-image img{width:100%;border-radius:14px;border:2px solid var(--ink,#17212B)}
.hm-quickview-price{font-size:22px;font-weight:800;color:var(--turq-dark,#0B7E7E);margin:10px 0}
.hm-quickview-full-link{display:inline-block;margin-top:14px;font-weight:700}
.hm-quickview-loading{padding:60px;text-align:center;color:var(--muted,#5a6672)}
@media(max-width:680px){.hm-quickview-inner{grid-template-columns:1fr}}

/* ---------- ۴) فیلتر آژاکسی ---------- */
.hm-ajax-shop{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start}
.hm-ajax-filters{
	background:#fff;border:2px solid var(--ink,#17212B);border-radius:16px;
	padding:22px;position:sticky;top:90px;
}
.hm-ajax-filters h3{margin:0 0 10px;font-size:16px}
.hm-filter-check{display:block;margin-bottom:8px;cursor:pointer}
.hm-filter-price{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.hm-filter-price input{width:100%;padding:8px;border:2px solid var(--line,#E7DECD);border-radius:8px}
.hm-ajax-filters .hm-btn{width:100%;margin-top:8px}
.hm-ajax-loading{padding:40px;text-align:center;color:var(--muted,#5a6672)}
@media(max-width:900px){.hm-ajax-shop{grid-template-columns:1fr}.hm-ajax-filters{position:static}}