.elementor-widget-artizana-hero,
.elementor-widget-artizana-hero > .elementor-widget-container {
	width: 100%;
}

body.home.elementor-page .site-content {
	padding-top: 0;
}

body.home.elementor-page header.site-header.artizana-header {
	margin-bottom: 0 !important;
}

.artizana-hero-widget {
	--artizana-accent: #f85942;
	--artizana-accent-dark: #e64832;
	--artizana-green: #0e3b2e;
	--artizana-muted: #6b7280;
	--artizana-font-primary: "Tajawal", "Cairo", Tahoma, Arial, sans-serif;
	position: relative;
	min-height: 861px;
	overflow: hidden;
	background: #fff;
	font-family: var(--artizana-font-primary);
}

.artizana-hero-widget button,
.artizana-hero-widget input,
.artizana-hero-widget select,
.artizana-hero-widget textarea { font-family: inherit; }

.artizana-hero-widget *,
.artizana-hero-widget *::before,
.artizana-hero-widget *::after {
	box-sizing: border-box;
}

.artizana-hero-widget .shell {
	width: min(calc(100% - 48px), 1200px);
	margin-inline: auto;
}

.artizana-hero-widget::before,
.artizana-hero-widget::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: rgba(248, 89, 66, .15);
	filter: blur(70px);
	pointer-events: none;
}

.artizana-hero-widget::before {
	width: 229px;
	height: 229px;
	inset-inline-start: 30%;
	inset-block-start: 320px;
}

.artizana-hero-widget::after {
	width: 128px;
	height: 128px;
	inset-inline-end: 3%;
	inset-block-start: 54px;
}

.artizana-hero-widget .hero-layout {
	position: relative;
	min-height: 861px;
	display: grid;
	grid-template-columns: 580px 558px;
	justify-content: space-between;
	column-gap: 62px;
	padding-block: 88px 120px;
}

.artizana-hero-widget .hero-copy {
	max-width: 443px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

.artizana-hero-widget .section-kicker {
	width: fit-content;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 42px;
	padding: 10px 21px;
	border: 1px solid rgba(248, 89, 66, .1);
	border-radius: 999px;
	color: var(--artizana-accent);
	background: linear-gradient(90deg, #fef2f0, rgba(254, 242, 240, .8));
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
}

.artizana-hero-widget .section-kicker::before {
	content: "";
	width: 8px;
	height: 8px;
	flex: 0 0 8px;
	border-radius: 50%;
	background: var(--artizana-accent);
}

.artizana-hero-widget .hero-copy h1 {
	margin: 0;
	color: #0b0f1a;
	font-family: var(--artizana-font-primary);
	font-size: 72px;
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: 0;
}

.artizana-hero-widget .hero-copy h1 em {
	color: var(--artizana-accent);
	font-style: normal;
}

.artizana-hero-widget .hero-copy > p {
	max-width: 443px;
	margin: 0 0 40px;
	color: #4c5360;
	font-size: 18px;
	line-height: 28px;
}

.artizana-hero-widget .button-row {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.artizana-hero-widget .button {
	min-height: 48px;
	width: fit-content;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px 24px;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
	white-space: nowrap;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.artizana-hero-widget .button:hover {
	transform: translateY(-2px);
}

.artizana-hero-widget .button__icon {
	display: inline-block;
	direction: ltr;
	line-height: 1;
}

.artizana-hero-widget .button--accent {
	color: #fff;
	background: linear-gradient(180deg, var(--artizana-accent), var(--artizana-accent-dark));
	box-shadow: 0 8px 18px rgba(248, 89, 66, .18);
}

.artizana-hero-widget .button--outline {
	border: 1.5px solid var(--artizana-green);
	color: var(--artizana-green);
	background: #fff;
}

.artizana-hero-widget .hero-visual {
	position: relative;
	width: 558px;
	height: 653px;
	border-radius: 28px;
	filter: drop-shadow(0 25px 25px rgba(0, 0, 0, .25));
}

.artizana-hero-widget .hero-image-stack {
	position: absolute;
	inset: 0;
	overflow: hidden;
	border-radius: inherit;
	background: #c49b77;
}

.artizana-hero-widget .hero-image-stack img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.artizana-hero-widget .hero-float {
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px;
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 16px 28px rgba(0, 0, 0, .18);
}

.artizana-hero-widget .hero-float--artisan {
	inset-block-start: 16px;
	inset-inline-start: 16px;
}

.artizana-hero-widget .hero-float--quality {
	inset-inline: 16px;
	inset-block-end: 16px;
	gap: 20px;
}

.artizana-hero-widget .hero-float > span:last-child {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.artizana-hero-widget .hero-float small {
	color: var(--artizana-muted);
	font-size: 14px;
}

.artizana-hero-widget .hero-float strong {
	color: #0b0f1a;
	font-size: 16px;
}

.artizana-hero-widget .float-icon,
.artizana-hero-widget .stat-icon {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	display: grid;
	place-items: center;
	border-radius: 50%;
}

.artizana-hero-widget .float-icon img,
.artizana-hero-widget .stat-icon img {
	width: 24px;
	height: 24px;
}

.artizana-hero-widget .float-icon--green {
	background: linear-gradient(180deg, var(--artizana-green), #0a2a20);
}

.artizana-hero-widget .float-icon--accent {
	width: 56px;
	height: 56px;
	flex-basis: 56px;
	background: linear-gradient(180deg, var(--artizana-accent), var(--artizana-accent-dark));
}

.artizana-hero-widget .float-icon--accent img {
	width: 28px;
	height: 28px;
}

.artizana-hero-widget .stat-row {
	display: flex;
	gap: 24px;
}

.artizana-hero-widget .hero-stats {
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 635px;
	width: 580px;
}

.artizana-hero-widget .stat-card {
	min-width: 0;
	flex: 1;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 21px;
	border: 1px solid #e8eaee;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 8px 16px rgba(0, 0, 0, .04);
}

.artizana-hero-widget .stat-card > span:last-child {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.artizana-hero-widget .stat-card strong {
	color: #0b0f1a;
	font-size: 24px;
	font-weight: 900;
	line-height: 32px;
}

.artizana-hero-widget .stat-card small {
	color: var(--artizana-muted);
	font-size: 14px;
	font-weight: 500;
}

.artizana-hero-widget .stat-icon--accent {
	background: linear-gradient(180deg, rgba(248, 89, 66, .12), rgba(230, 72, 50, .12));
}

.artizana-hero-widget .stat-icon--green {
	background: linear-gradient(180deg, rgba(14, 59, 46, .1), rgba(10, 42, 32, .1));
}

@media (max-width: 1120px) {
	.artizana-hero-widget .hero-layout {
		grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
		gap: 36px;
	}

	.artizana-hero-widget .hero-visual {
		width: 100%;
	}

	.artizana-hero-widget .hero-copy h1 {
		font-size: 60px;
	}
}

@media (max-width: 860px) {
	.artizana-hero-widget {
		min-height: 0;
	}

	.artizana-hero-widget .shell {
		width: min(calc(100% - 32px), 1200px);
	}

	.artizana-hero-widget .hero-layout {
		min-height: 0;
		display: flex;
		flex-direction: column;
		gap: 48px;
		padding-block: 64px;
	}

	.artizana-hero-widget .hero-copy {
		max-width: 620px;
	}

	.artizana-hero-widget .hero-copy > p {
		margin-bottom: 16px;
	}

	.artizana-hero-widget .hero-visual {
		width: min(100%, 558px);
		height: clamp(480px, 110vw, 653px);
		align-self: center;
	}

	.artizana-hero-widget .hero-stats {
		position: static;
		order: 3;
		width: 100%;
		margin-top: 0;
	}
}

@media (max-width: 560px) {
	.artizana-hero-widget .hero-layout {
		gap: 40px;
		padding-block: 48px 64px;
	}

	.artizana-hero-widget .hero-copy {
		gap: 16px;
	}

	.artizana-hero-widget .hero-copy h1 {
		font-size: clamp(46px, 15vw, 58px);
		line-height: 1.08;
		letter-spacing: -.4px;
	}

	.artizana-hero-widget .hero-copy > p {
		font-size: 16px;
		line-height: 26px;
	}

	.artizana-hero-widget .button-row {
		width: 100%;
	}

	.artizana-hero-widget .button-row .button {
		flex: 1;
		padding-inline: 16px;
	}

	.artizana-hero-widget .hero-visual {
		height: 470px;
		border-radius: 24px;
	}

	.artizana-hero-widget .hero-float {
		padding: 12px;
		border-radius: 22px;
	}

	.artizana-hero-widget .hero-float--quality {
		gap: 12px;
	}

	.artizana-hero-widget .hero-float small {
		font-size: 12px;
	}

	.artizana-hero-widget .hero-float strong {
		font-size: 13px;
	}

	.artizana-hero-widget .float-icon {
		width: 42px;
		height: 42px;
		flex-basis: 42px;
	}

	.artizana-hero-widget .float-icon--accent {
		width: 48px;
		height: 48px;
		flex-basis: 48px;
	}

	.artizana-hero-widget .stat-row {
		gap: 12px;
	}

	.artizana-hero-widget .hero-stats {
		display: grid;
		grid-template-columns: 1fr;
	}

	.artizana-hero-widget .stat-card {
		padding: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.artizana-hero-widget *,
	.artizana-hero-widget *::before,
	.artizana-hero-widget *::after {
		transition-duration: .01ms !important;
	}
}