/*
Theme Name:   Xstore child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

:root {
	--myhanh-ink: #1d342a;
	--myhanh-ink-soft: #4f675d;
	--myhanh-sand: #f7f1e8;
	--myhanh-sage: #dfe8dc;
	--myhanh-leaf: #7a9b7e;
	--myhanh-clay: #b67c52;
	--myhanh-line: rgba(29, 52, 42, 0.12);
	--myhanh-shadow: 0 24px 60px rgba(29, 52, 42, 0.12);
	--myhanh-radius-xl: 36px;
	--myhanh-radius-lg: 24px;
	--myhanh-radius-md: 18px;
}

body {
	color: var(--myhanh-ink);
}

.myhanh-site-header {
	width: min(1220px, calc(100% - 32px));
	margin: 18px auto 20px;
}

.myhanh-site-header__bar,
.myhanh-site-header__main,
.myhanh-mobile-nav,
.myhanh-prefooter,
.myhanh-site-footer {
	border: 1px solid var(--myhanh-line);
	box-shadow: var(--myhanh-shadow);
}

.myhanh-site-header__bar,
.myhanh-site-header__main,
.myhanh-mobile-nav {
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(12px);
}

.myhanh-site-header__bar {
	border-radius: 20px 20px 0 0;
	padding: 10px 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	font-size: 0.92rem;
	color: var(--myhanh-ink-soft);
}

.myhanh-site-header__bar p {
	margin: 0;
}

.myhanh-site-header__bar a,
.myhanh-inline-links a,
.myhanh-primary-nav a,
.myhanh-header-actions a,
.myhanh-mobile-nav-links a,
.myhanh-footer-list a {
	color: var(--myhanh-ink);
	text-decoration: none;
}

.myhanh-site-header__main {
	border-top: 0;
	border-radius: 0 0 28px 28px;
	padding: 18px 22px;
	display: grid;
	grid-template-columns: minmax(260px, 1fr) auto auto;
	align-items: center;
	gap: 18px;
}

.myhanh-inline-links,
.myhanh-primary-nav,
.myhanh-header-actions,
.myhanh-mobile-nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
}

.myhanh-primary-nav {
	justify-content: center;
}

.myhanh-header-actions {
	justify-content: flex-end;
}

.myhanh-header-actions a,
.myhanh-mobile-nav-links a {
	padding: 10px 14px;
	border-radius: 999px;
	background: var(--myhanh-sand);
	font-weight: 600;
}

.myhanh-brand-mark {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
}

.myhanh-brand-mark img {
	width: auto;
	height: 54px;
	display: block;
}

.myhanh-brand-copy {
	display: flex;
	flex-direction: column;
}

.myhanh-brand-copy strong {
	color: var(--myhanh-ink);
	font-size: 1.15rem;
	line-height: 1.1;
	text-transform: lowercase;
}

.myhanh-brand-copy small {
	color: var(--myhanh-ink-soft);
	font-size: 0.8rem;
	line-height: 1.4;
	max-width: 280px;
}

.myhanh-site-header-mobile {
	display: none;
}

.myhanh-mobile-nav {
	border-top: 0;
	border-radius: 0 0 24px 24px;
	padding: 12px 16px 16px;
}

.myhanh-prefooter {
	width: min(1220px, calc(100% - 32px));
	margin: 0 auto 0;
	padding: 32px;
	border-radius: var(--myhanh-radius-lg);
	background: linear-gradient(180deg, rgba(29, 52, 42, 0.98) 0%, rgba(54, 88, 72, 0.96) 100%);
	color: #f3f5ef;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
	gap: 22px;
}

.myhanh-prefooter .myhanh-section-kicker {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.myhanh-prefooter h2 {
	color: #fff;
	font-size: clamp(2rem, 4vw, 3.1rem);
	line-height: 0.95;
	letter-spacing: -0.05em;
	margin-bottom: 14px;
}

.myhanh-prefooter p {
	color: rgba(255, 255, 255, 0.82);
	margin-bottom: 0;
}

.myhanh-prefooter__stats {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.myhanh-prefooter__stats div {
	padding: 18px 20px;
	border-radius: var(--myhanh-radius-md);
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.myhanh-prefooter__stats strong {
	display: block;
	font-size: 1.5rem;
	color: #fff;
}

.myhanh-prefooter__stats span {
	display: block;
	color: rgba(255, 255, 255, 0.75);
}

.myhanh-site-footer {
	width: min(1220px, calc(100% - 32px));
	margin: 0 auto 40px;
	padding: 34px;
	border-radius: 0 0 var(--myhanh-radius-xl) var(--myhanh-radius-xl);
	background: linear-gradient(180deg, #fffaf2 0%, #edf3ea 100%);
}

.myhanh-site-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) repeat(3, minmax(0, 0.62fr));
	gap: 24px;
}

.myhanh-site-footer__brand p {
	margin-top: 14px;
	color: var(--myhanh-ink-soft);
	max-width: 360px;
}

.myhanh-site-footer h3 {
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 14px;
}

.myhanh-footer-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.myhanh-footer-list li {
	margin-bottom: 10px;
	color: var(--myhanh-ink-soft);
	line-height: 1.6;
}

.myhanh-site-footer__bottom {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1px solid var(--myhanh-line);
	color: var(--myhanh-ink-soft);
	font-size: 0.92rem;
}

.custom-logo-link img,
.header-logo img,
.site-logo img,
.main-header .logo img {
	max-height: 64px;
	width: auto;
}

.myhanh-homepage {
	background:
		radial-gradient(circle at top left, rgba(223, 232, 220, 0.9), transparent 34%),
		radial-gradient(circle at bottom right, rgba(182, 124, 82, 0.12), transparent 30%),
		linear-gradient(180deg, #fffdf9 0%, #f8f2e9 100%);
	padding: 24px 0 80px;
}

.myhanh-homepage .woocommerce.columns-4 ul.products {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.myhanh-hero-section,
.myhanh-home-block,
.myhanh-home-grid,
.myhanh-story-section,
.myhanh-cta-section,
.myhanh-product-story-band {
	width: min(1220px, calc(100% - 32px));
	margin: 0 auto 28px;
}

.myhanh-hero-section {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
	gap: 24px;
	align-items: stretch;
}

.myhanh-hero-copy,
.myhanh-hero-panel,
.myhanh-home-card,
.myhanh-story-section,
.myhanh-cta-section,
.myhanh-product-service-card,
.myhanh-policy-card,
.myhanh-product-trust-card {
	border: 1px solid var(--myhanh-line);
	border-radius: var(--myhanh-radius-lg);
	box-shadow: var(--myhanh-shadow);
}

.myhanh-hero-copy {
	background: linear-gradient(135deg, #fffaf3 0%, #f1f5ee 100%);
	padding: 56px;
}

.myhanh-hero-copy h1,
.myhanh-section-heading h2,
.myhanh-story-copy h2,
.myhanh-cta-section h2,
.myhanh-product-story-copy h2 {
	font-size: clamp(2.3rem, 5vw, 4.5rem);
	line-height: 0.95;
	letter-spacing: -0.05em;
	margin-bottom: 18px;
	color: var(--myhanh-ink);
}

.myhanh-hero-copy p,
.myhanh-home-card p,
.myhanh-story-copy p,
.myhanh-story-list p,
.myhanh-product-service-card p,
.myhanh-product-story-copy p,
.myhanh-policy-card span,
.myhanh-product-tab-content,
.myhanh-product-eyebrow,
.myhanh-product-service-links a,
.myhanh-product-policy-inline a {
	color: var(--myhanh-ink-soft);
	font-size: 1rem;
	line-height: 1.7;
}

.myhanh-section-kicker,
.myhanh-product-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 14px;
	border-radius: 999px;
	background: rgba(122, 155, 126, 0.12);
	color: var(--myhanh-ink);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.myhanh-hero-actions,
.myhanh-cta-actions,
.myhanh-product-service-links,
.myhanh-product-policy-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.myhanh-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	border-radius: 999px;
	font-weight: 700;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.myhanh-button:hover {
	transform: translateY(-1px);
}

.myhanh-button-primary {
	background: var(--myhanh-ink);
	color: #fff;
}

.myhanh-button-secondary {
	background: #fff;
	color: var(--myhanh-ink);
	border: 1px solid var(--myhanh-line);
}

.myhanh-hero-panel {
	background: var(--myhanh-ink);
	padding: 22px;
	display: grid;
	gap: 16px;
}

.myhanh-hero-card {
	background: rgba(255, 255, 255, 0.08);
	border-radius: var(--myhanh-radius-md);
	padding: 22px;
	color: #eff4ef;
}

.myhanh-hero-card strong,
.myhanh-home-card h3,
.myhanh-story-list strong,
.myhanh-product-service-card h3,
.myhanh-policy-card strong {
	display: block;
	margin-bottom: 8px;
	font-size: 1.15rem;
	color: inherit;
}

.myhanh-hero-card p {
	color: rgba(255, 255, 255, 0.82);
	margin: 0;
}

.myhanh-value-strip {
	width: min(1220px, calc(100% - 32px));
	margin: 0 auto 28px;
	padding: 16px 18px;
	background: rgba(255, 255, 255, 0.78);
	backdrop-filter: blur(6px);
	border: 1px solid var(--myhanh-line);
	border-radius: 999px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	text-align: center;
	font-weight: 600;
	color: var(--myhanh-ink);
}

.myhanh-home-block,
.myhanh-story-section,
.myhanh-cta-section {
	background: rgba(255, 255, 255, 0.78);
	padding: 34px;
}

.myhanh-section-heading {
	margin-bottom: 18px;
}

.myhanh-section-heading h2 {
	font-size: clamp(2rem, 4vw, 3.2rem);
}

.myhanh-home-grid,
.myhanh-product-story-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.myhanh-home-card,
.myhanh-policy-card {
	background: linear-gradient(180deg, #fff 0%, #f6efe4 100%);
	padding: 28px;
	color: var(--myhanh-ink);
	text-decoration: none;
}

.myhanh-story-section,
.myhanh-product-story-band {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 24px;
}

.myhanh-story-list {
	display: grid;
	gap: 18px;
}

.myhanh-story-list > div {
	padding: 18px 20px;
	border-radius: var(--myhanh-radius-md);
	background: linear-gradient(180deg, rgba(223, 232, 220, 0.8) 0%, rgba(255, 255, 255, 0.92) 100%);
	border: 1px solid var(--myhanh-line);
}

.myhanh-cta-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.single-product .product-information-inner {
	border-radius: var(--myhanh-radius-lg);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(247, 241, 232, 0.9) 100%);
	border: 1px solid var(--myhanh-line);
	padding: 20px;
}

.myhanh-product-trust-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 22px 0;
}

.myhanh-product-data-points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 18px 0 22px;
}

.myhanh-product-data-point {
	padding: 14px 16px;
	border-radius: var(--myhanh-radius-md);
	background: rgba(247, 241, 232, 0.9);
	border: 1px solid var(--myhanh-line);
}

.myhanh-product-data-point strong {
	display: block;
	margin-bottom: 6px;
	font-size: 0.82rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--myhanh-ink-soft);
}

.myhanh-product-data-point span {
	color: var(--myhanh-ink);
	font-weight: 600;
	line-height: 1.5;
}

.myhanh-product-trust-card {
	padding: 14px 16px;
	background: rgba(223, 232, 220, 0.52);
}

.myhanh-product-service-card {
	margin-top: 22px;
	padding: 22px;
	background: #fff;
}

.myhanh-product-service-links a,
.myhanh-product-policy-inline a,
.myhanh-policy-card span,
.myhanh-home-card p {
	text-decoration: none;
}

.myhanh-product-service-links a,
.myhanh-product-policy-inline a {
	padding: 10px 14px;
	border-radius: 999px;
	background: var(--myhanh-sand);
	color: var(--myhanh-ink);
	font-weight: 600;
}

.myhanh-product-story-band {
	background: linear-gradient(180deg, #fff 0%, #eef3ec 100%);
	padding: 34px;
	border-radius: var(--myhanh-radius-lg);
}

.myhanh-product-tab-content p:last-child,
.myhanh-product-service-card p:last-child,
.myhanh-home-card p:last-child {
	margin-bottom: 0;
}

.myhanh-support-list {
	margin: 0 0 18px 18px;
}

.myhanh-support-list li {
	margin-bottom: 8px;
}

@media (max-width: 1100px) {
	.myhanh-homepage .woocommerce.columns-4 ul.products,
	.myhanh-home-grid,
	.myhanh-product-story-grid,
	.myhanh-product-data-points,
	.myhanh-product-trust-grid,
	.myhanh-value-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.myhanh-site-header__bar,
	.myhanh-site-header__main,
	.myhanh-prefooter,
	.myhanh-site-footer__grid,
	.myhanh-hero-section,
	.myhanh-story-section,
	.myhanh-product-story-band,
	.myhanh-cta-section {
		grid-template-columns: 1fr;
		display: grid;
	}

	.myhanh-site-header__main {
		justify-items: start;
	}

	.myhanh-primary-nav,
	.myhanh-header-actions {
		justify-content: flex-start;
	}

	.myhanh-site-footer__bottom {
		flex-direction: column;
	}
}

@media (max-width: 767px) {
	.myhanh-site-header-desktop {
		display: none;
	}

	.myhanh-site-header-mobile {
		display: block;
	}

	.myhanh-homepage {
		padding-top: 16px;
	}

	.myhanh-homepage .woocommerce.columns-4 ul.products,
	.myhanh-home-grid,
	.myhanh-product-story-grid,
	.myhanh-product-data-points,
	.myhanh-product-trust-grid,
	.myhanh-value-strip {
		grid-template-columns: 1fr;
	}

	.myhanh-hero-copy,
	.myhanh-prefooter,
	.myhanh-site-footer,
	.myhanh-home-block,
	.myhanh-story-section,
	.myhanh-cta-section,
	.myhanh-product-story-band {
		padding: 24px;
	}

	.myhanh-site-header {
		margin-top: 12px;
	}

	.myhanh-site-header__main {
		grid-template-columns: 1fr;
		padding: 16px;
		border-radius: 24px 24px 0 0;
	}

	.myhanh-brand-mark {
		align-items: flex-start;
	}

	.myhanh-brand-mark img {
		height: 44px;
	}

	.myhanh-hero-copy h1,
	.myhanh-prefooter h2,
	.myhanh-section-heading h2,
	.myhanh-story-copy h2,
	.myhanh-cta-section h2,
	.myhanh-product-story-copy h2 {
		font-size: clamp(1.9rem, 11vw, 2.8rem);
	}

	.myhanh-value-strip {
		border-radius: var(--myhanh-radius-lg);
		text-align: left;
	}
}