:root {
	--tspack-primary: #f59e0b;
	--tspack-ink: #141a22;
	--tspack-link: #b17212;
	--tspack-button: #f59e0b;
	--tspack-button-text: #1a1408;
	--tspack-paper: #ffffff;
	--tspack-surface: #f4f6f8;
	--tspack-text: #1f2933;
	--tspack-muted: #5d6b7a;
	--tspack-line: #d9e0e6;
	--tspack-width: 1120px;
	--shop-cols: 3;
	--radius: 8px;
	--shadow: 0 1px 2px rgba(20, 26, 34, 0.06), 0 0 0 1px rgba(20, 26, 34, 0.06);
	--font: "Vazirmatn", Tahoma, sans-serif;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: auto; }
html.tspack-smooth { scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var(--font);
	color: var(--tspack-text);
	background: var(--tspack-paper);
	line-height: 1.75;
	font-size: 16px;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--tspack-link); text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
a:hover { color: var(--tspack-ink); }
button, input, textarea, select { font: inherit; }
h1, h2, h3, h4 { line-height: 1.3; letter-spacing: -0.02em; text-wrap: balance; }
p { text-wrap: pretty; }

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.skip-link {
	position: absolute;
	inset-inline-start: 1rem;
	top: -4rem;
	background: var(--tspack-ink);
	color: #fff;
	padding: 0.5rem 0.8rem;
	z-index: 100;
}
.skip-link:focus { top: 0.5rem; color: #fff; }

.container {
	width: min(var(--tspack-width), calc(100% - 2rem));
	margin-inline: auto;
}
.narrow { width: min(760px, calc(100% - 2rem)); }

.button,
button.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.header-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.45rem 1rem;
	border-radius: var(--radius);
	border: 1px solid transparent;
	background: var(--tspack-button);
	color: var(--tspack-button-text);
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
}
.button:hover,
.woocommerce a.button:hover,
.header-cta:hover { filter: brightness(0.96); color: var(--tspack-button-text); }
.button-ghost,
.woocommerce a.button.alt {
	background: var(--tspack-ink);
	color: #f4f6f8;
}

.topbar {
	background: var(--tspack-ink);
	color: #f4f6f8;
	font-size: 0.82rem;
}
.topbar a { color: #f4f6f8; text-decoration: none; }
.topbar a:hover { color: var(--tspack-primary); }
.topbar-inner,
.header-inner,
.footer-bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 40px;
}
.topbar-menu { display: flex; gap: 0.8rem; list-style: none; margin: 0; padding: 0; }

.site-header {
	position: sticky;
	top: 0;
	z-index: 40;
	background: color-mix(in srgb, var(--tspack-paper) 94%, transparent);
	border-block-end: 1px solid var(--tspack-line);
	backdrop-filter: blur(8px);
}
.header-inner { min-height: 72px; }
.brand .custom-logo { max-height: 44px; width: auto; }
.site-title { color: var(--tspack-ink); font-weight: 700; text-decoration: none; }

.primary-nav { flex: 1; }
.primary-nav .menu,
.mobile-drawer .menu {
	display: flex;
	gap: 0.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.primary-nav .menu > li { position: relative; }
.primary-nav a,
.mobile-drawer a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding-inline: 0.7rem;
	color: var(--tspack-text);
	text-decoration: none;
	font-weight: 500;
}
.primary-nav .sub-menu,
.mega-panel {
	position: absolute;
	inset-inline-start: 0;
	top: 100%;
	min-width: 220px;
	background: var(--tspack-paper);
	border: 1px solid var(--tspack-line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	list-style: none;
	margin: 0;
	padding: 0.4rem;
	display: none;
	z-index: 20;
}
.primary-nav li:hover > .sub-menu,
.primary-nav li:focus-within > .sub-menu,
.primary-nav li:hover > .mega-panel,
.primary-nav li:focus-within > .mega-panel { display: block; }
.mega-panel {
	display: none;
	width: min(720px, 70vw);
	padding: 1rem;
}
.primary-nav li.mega:hover > .mega-panel,
.primary-nav li.mega:focus-within > .mega-panel { display: grid; }
.mega-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
.mega-grid a { min-height: 36px; font-weight: 500; }
.mega-feature img { border-radius: var(--radius); aspect-ratio: 4/3; object-fit: cover; }

.header-tools { display: flex; align-items: center; gap: 0.25rem; }
.tool {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 0;
	background: transparent;
	color: var(--tspack-ink);
	cursor: pointer;
	text-decoration: none;
}
.tool svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.tool .count {
	position: absolute;
	inset-block-start: 4px;
	inset-inline-end: 2px;
	min-width: 1.1rem;
	height: 1.1rem;
	border-radius: 99px;
	background: var(--tspack-primary);
	color: var(--tspack-button-text);
	font-size: 0.68rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-inline: 0.2rem;
}
.header-search { border-block-start: 1px solid var(--tspack-line); padding-block: 0.8rem; background: var(--tspack-paper); }
.search-form { display: flex; gap: 0.5rem; }
.search-form input[type="search"] {
	flex: 1;
	min-height: 44px;
	border: 1px solid var(--tspack-line);
	border-radius: var(--radius);
	padding-inline: 0.8rem;
	background: var(--tspack-paper);
	color: var(--tspack-text);
}
.nav-toggle { display: none; }

.hero {
	background: var(--tspack-ink) center/cover no-repeat;
	color: #f4f6f8;
	min-height: 28rem;
	display: grid;
	align-items: end;
}
.hero-copy { padding-block: 4.5rem 3rem; max-width: 40rem; }
.hero .eyebrow, .eyebrow { color: var(--tspack-primary); font-weight: 600; margin: 0 0 0.4rem; }
.hero h1 { font-size: clamp(2rem, 4vw, 3.2rem); margin: 0 0 0.6rem; color: #fff; }
.hero .lead, .lead { color: #e7edf2; font-size: 1.05rem; }
.hero .button { margin-top: 0.6rem; }

.section { padding-block: 3.5rem; }
.section-head { display: flex; justify-content: space-between; gap: 1rem; align-items: end; margin-bottom: 1.25rem; }
.section-head h2 { margin: 0; font-size: 1.6rem; }
.muted { color: var(--tspack-muted); }

.card-grid, .post-list.layout-grid, .post-list.layout-magazine {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 1rem;
}
.post-list.layout-list { display: grid; gap: 1rem; }
.post-card, .info-card, ul.products li.product, .widget {
	background: var(--tspack-paper);
	border-radius: 12px;
	box-shadow: var(--shadow);
	overflow: hidden;
}
.post-card-media img, .info-card img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.post-card-body, .info-card { padding: 0.9rem 1rem 1.1rem; }
.post-card-title { margin: 0.2rem 0 0.4rem; font-size: 1.05rem; }
.post-card-title a { color: var(--tspack-ink); text-decoration: none; }
.entry-meta { color: var(--tspack-muted); font-size: 0.82rem; display: flex; flex-wrap: wrap; gap: 0.35rem; }
.cat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.8rem; }
.cat-card {
	display: grid;
	gap: 0.4rem;
	padding: 0.9rem;
	background: var(--tspack-surface);
	border-radius: 12px;
	color: var(--tspack-ink);
	text-decoration: none;
	min-height: 120px;
}
.cat-card strong { font-size: 1.05rem; }

.site-main { padding-block: 1.5rem 3rem; }
.archive-header { margin-bottom: 1.25rem; }
.archive-title { margin: 0; }
.entry-title { margin-top: 0; }
.entry-content > * + * { margin-top: 0.9rem; }
.entry-thumb { margin: 1rem 0; }
.entry-thumb img { border-radius: 12px; width: 100%; }
.with-sidebar { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 1.5rem; align-items: start; }
.blog-sidebar .widget, .shop-sidebar .widget { padding: 1rem; margin-bottom: 1rem; }

.shop-layout.with-filters { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(var(--shop-cols), minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	padding: 0.75rem;
	display: flex;
	flex-direction: column;
}
.woocommerce ul.products li.product img { aspect-ratio: 1; object-fit: cover; border-radius: 8px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1rem; }
.woocommerce span.price, .woocommerce div.price { color: var(--tspack-ink); font-weight: 700; }
.woocommerce span.onsale, .onsale {
	background: var(--tspack-primary);
	color: var(--tspack-button-text);
	border-radius: 99px;
	min-height: 0;
	line-height: 1.4;
	padding: 0.2rem 0.55rem;
	font-weight: 700;
	inset-inline-start: 0.6rem;
	inset-inline-end: auto;
}
.woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 1.5rem; align-items: start; }
.woocommerce div.product div.images,
.woocommerce div.product div.woocommerce-product-gallery { opacity: 1 !important; }
.woocommerce div.product .woocommerce-product-gallery { width: auto !important; float: none; grid-column: 1; grid-row: 1; }
.woocommerce div.product .summary { width: auto !important; float: none; grid-column: 2; grid-row: 1; }
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related,
.woocommerce div.product .upsells,
.woocommerce div.product .products { grid-column: 1 / -1; }
.shop-cats { margin-bottom: 1.5rem; }
.cat-card img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 8px; }
.product-tools { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.6rem; }
.chip {
	min-height: 40px;
	border-radius: 99px;
	border: 1px solid var(--tspack-line);
	background: var(--tspack-paper);
	padding-inline: 0.8rem;
	cursor: pointer;
}
.chip.is-on { border-color: var(--tspack-ink); background: var(--tspack-surface); }

.filter-form { display: grid; gap: 0.7rem; }
.filter-form label { display: grid; gap: 0.2rem; font-size: 0.86rem; font-weight: 600; }
.filter-form input, .filter-form select {
	min-height: 42px;
	border: 1px solid var(--tspack-line);
	border-radius: var(--radius);
	padding-inline: 0.6rem;
	background: #fff;
	color: var(--tspack-text);
}
.swatches { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.swatch {
	width: 22px;
	height: 22px;
	border-radius: 99px;
	border: 1px solid var(--tspack-line);
	padding: 0;
	cursor: pointer;
}
.filter-toggle { display: none; }

.breadcrumb ol { display: flex; flex-wrap: wrap; gap: 0.4rem; list-style: none; padding: 0; margin: 0 0 1rem; color: var(--tspack-muted); font-size: 0.85rem; }
.breadcrumb a { color: var(--tspack-muted); }

.empty-state { padding-block: 3rem; text-align: center; }
.empty-actions { display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap; }

.site-footer { background: var(--tspack-ink); color: #e7edf2; margin-top: 2rem; }
.site-footer a { color: #f4f6f8; }
.footer-grid {
	display: grid;
	grid-template-columns: 1.3fr repeat(4, minmax(0, 1fr));
	gap: 1.25rem;
	padding-block: 2.5rem 1.5rem;
}
.footer-about .custom-logo, .footer-about .site-title { filter: none; }
.social { display: flex; gap: 0.7rem; list-style: none; padding: 0; }
.footer-bottom { border-block-start: 1px solid rgba(255, 255, 255, 0.12); }
.footer-menu { display: flex; gap: 0.8rem; list-style: none; margin: 0; padding: 0; }
.widget-title { font-size: 0.95rem; margin: 0 0 0.6rem; }
.site-footer .widget { background: transparent; box-shadow: none; color: inherit; }

.newsletter-form, .contact-form { display: grid; gap: 0.6rem; }
.newsletter-form input, .contact-form input, .contact-form textarea {
	min-height: 44px;
	border: 1px solid var(--tspack-line);
	border-radius: var(--radius);
	padding: 0.5rem 0.7rem;
	width: 100%;
	background: #fff;
	color: var(--tspack-text);
}
.hp { position: absolute; left: -9999px; }

.tspack-toast {
	position: fixed;
	inset-block-end: 1rem;
	inset-inline: 1rem;
	margin-inline: auto;
	width: min(420px, calc(100% - 2rem));
	background: var(--tspack-ink);
	color: #fff;
	padding: 0.8rem 1rem;
	border-radius: 12px;
	z-index: 70;
}
.tspack-modal[hidden], .header-search[hidden], .mobile-drawer[hidden], .tspack-toast[hidden] { display: none; }
.tspack-modal { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; }
.tspack-modal-backdrop { position: absolute; inset: 0; background: rgba(20, 26, 34, 0.56); }
.tspack-modal-panel {
	position: relative;
	width: min(760px, calc(100% - 2rem));
	max-height: min(80vh, 720px);
	overflow: auto;
	background: #fff;
	color: var(--tspack-text);
	border-radius: 16px;
	padding: 1.2rem;
}
.mobile-drawer { position: fixed; inset: 0; z-index: 60; background: rgba(20, 26, 34, 0.45); }
.drawer-panel {
	background: #fff;
	color: var(--tspack-text);
	width: min(320px, 88vw);
	height: 100%;
	padding: 1rem;
	overflow: auto;
	margin-inline-start: auto;
}
.mobile-drawer .menu { flex-direction: column; }

.compare-table { width: 100%; border-collapse: collapse; }
.compare-table th, .compare-table td { border-bottom: 1px solid var(--tspack-line); padding: 0.6rem; text-align: start; vertical-align: top; }
.notice {
	background: var(--tspack-surface);
	border-radius: var(--radius);
	padding: 0.8rem 1rem;
}

.pagination, .woocommerce-pagination { margin-top: 1.25rem; }
.page-numbers { display: inline-flex; min-width: 40px; min-height: 40px; align-items: center; justify-content: center; margin-inline: 0.15rem; border-radius: 8px; text-decoration: none; }

@media (max-width: 1024px) {
	.primary-nav { display: none; }
	.nav-toggle { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border: 0; background: transparent; cursor: pointer; }
	.nav-toggle-box { width: 18px; height: 2px; background: var(--tspack-ink); box-shadow: 0 -6px 0 var(--tspack-ink), 0 6px 0 var(--tspack-ink); }
	.header-cta { display: none; }
	.cat-grid, .footer-grid { grid-template-columns: 1fr 1fr; }
	.with-sidebar, .shop-layout.with-filters, .woocommerce div.product { grid-template-columns: 1fr; }
	.shop-sidebar {
		display: none;
		position: fixed;
		inset-block: 0;
		inset-inline-start: 0;
		width: min(340px, 90vw);
		background: #fff;
		z-index: 65;
		overflow: auto;
		padding: 1rem;
		box-shadow: var(--shadow);
	}
	.shop-sidebar.is-open { display: block; }
	.filter-toggle { display: inline-flex; margin-bottom: 0.8rem; }
	.woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
	.topbar-inner { min-height: 36px; }
	.topbar-tools { display: none; }
	.cat-grid, .footer-grid, .card-grid { grid-template-columns: 1fr; }
	.woocommerce ul.products { grid-template-columns: 1fr; }
	.hero { min-height: 22rem; }
}

@media (prefers-reduced-motion: reduce) {
	html.tspack-smooth { scroll-behavior: auto; }
	* { transition: none !important; }
}