/*
 * GHAWALII responsive polish.
 * Tablet/mobile only. Desktop >= 1200px is intentionally untouched.
 */

@media (min-width: 768px) and (max-width: 1199px) {
	body.ghawalii-design-active {
		overflow-x: hidden;
	}

	.ghawalii-site-header {
		width: 100%;
	}

	.ghawalii-language {
		min-height: 26px;
		padding-right: 28px;
		padding-left: 28px;
	}

	.ghawalii-header-inner {
		position: relative;
		display: grid;
		grid-template-columns: 42px minmax(0, 1fr) auto;
		min-height: 66px;
		padding: 10px 28px;
		gap: 14px;
	}

	.ghawalii-menu-toggle {
		grid-column: 1;
		display: inline-flex !important;
		align-items: flex-start;
		justify-self: start;
		width: 34px;
		gap: 5px;
	}

	.ghawalii-menu-toggle span {
		width: 22px;
		height: 1px;
	}

	.ghawalii-logo {
		position: absolute;
		top: 50%;
		left: 50%;
		width: max-content;
		max-width: 42vw;
		transform: translate(-50%, -50%);
	}

	.ghawalii-logo strong {
		font-size: 22px;
		letter-spacing: .18em;
	}

	.ghawalii-logo span {
		margin-top: 6px;
		font-size: 7px;
		letter-spacing: .18em;
		white-space: nowrap;
	}

	.ghawalii-header-icons {
		grid-column: 3;
		justify-self: end;
		gap: 7px;
	}

	.ghawalii-icon-button {
		width: 31px;
		height: 31px;
	}

	.ghawalii-icon-button svg {
		width: 19px;
		height: 19px;
	}

	.ghawalii-main-menu {
		position: absolute;
		z-index: 9996;
		top: 100%;
		left: 0;
		display: grid !important;
		visibility: hidden;
		width: min(360px, 86vw);
		gap: 0;
		padding: 16px 24px 24px;
		border-top: 1px solid rgba(17, 17, 17, .08);
		border-right: 1px solid rgba(17, 17, 17, .08);
		background: rgba(247, 244, 238, .98);
		opacity: 0;
		box-shadow: 0 22px 70px rgba(17, 17, 17, .08);
		transform: translateX(-102%);
		transition: transform .28s ease, opacity .22s ease, visibility .28s ease;
	}

	.ghawalii-main-menu.is-open {
		visibility: visible;
		opacity: 1;
		transform: translateX(0);
	}

	.ghawalii-main-menu a {
		padding: 15px 0;
		border-bottom: 1px solid rgba(17, 17, 17, .08);
		font-size: 13px;
	}

	body[dir="rtl"] .ghawalii-main-menu,
	html[lang^="ar"] body .ghawalii-main-menu {
		right: 0;
		left: auto;
		border-right: 0;
		border-left: 1px solid rgba(17, 17, 17, .08);
		transform: translateX(102%);
	}

	body[dir="rtl"] .ghawalii-main-menu.is-open,
	html[lang^="ar"] body .ghawalii-main-menu.is-open {
		transform: translateX(0);
	}

	.ghawalii-fullbleed-hero {
		width: 100vw !important;
		height: 100vh !important;
		height: 100svh !important;
		min-height: 100svh !important;
	}

	.ghawalii-fullbleed-hero::after {
		background:
			linear-gradient(90deg, rgba(17, 17, 17, .42), rgba(17, 17, 17, .08) 66%),
			linear-gradient(0deg, rgba(17, 17, 17, .32), rgba(17, 17, 17, .02) 52%, rgba(17, 17, 17, .18));
	}

	.ghawalii-fullbleed-hero-copy {
		left: clamp(32px, 7vw, 72px) !important;
		bottom: clamp(58px, 10vh, 104px) !important;
		width: min(520px, calc(100vw - 64px)) !important;
		max-width: none !important;
	}

	.ghawalii-fullbleed-hero-copy h1 {
		max-width: 520px !important;
		font-size: clamp(58px, 9vw, 86px) !important;
		line-height: .92 !important;
	}

	.ghawalii-home-v3 .ghawalii-welcome {
		grid-template-columns: minmax(280px, .82fr) minmax(0, 1fr) !important;
		gap: clamp(42px, 6vw, 74px) !important;
		padding-right: 34px !important;
		padding-left: 34px !important;
	}

	.ghawalii-home-v3 .ghawalii-welcome-visual {
		width: min(100%, 360px) !important;
		height: 460px !important;
		border-radius: 190px 190px 0 0 !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		max-width: 760px !important;
		gap: 30px 20px !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film {
		width: 100vw !important;
		height: 65vh !important;
		min-height: 480px !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film .ghawalii-signature-video-copy {
		left: clamp(34px, 7vw, 76px) !important;
		width: min(520px, calc(100vw - 68px)) !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film h2 {
		font-size: clamp(52px, 7.2vw, 78px) !important;
	}

	.ghawalii-home-v3 .ghawalii-collection-grid,
	.ghawalii-home-v3 .ghawalii-lookbook-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		max-width: 820px !important;
		gap: 18px !important;
	}

	.ghawalii-home-v3 .ghawalii-collection-image {
		height: clamp(250px, 36vw, 340px) !important;
	}

	.ghawalii-home-v3 .ghawalii-lookbook-card,
	.ghawalii-home-v3 .ghawalii-lookbook-card:nth-child(2),
	.ghawalii-home-v3 .ghawalii-lookbook-card:nth-child(3) {
		height: clamp(250px, 36vw, 340px) !important;
	}

	.ghawalii-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 34px 42px !important;
	}
}

@media (min-width: 768px) and (max-width: 900px) {
	.ghawalii-home-v3 .ghawalii-welcome {
		grid-template-columns: 1fr !important;
		justify-items: center;
		text-align: center;
	}

	.ghawalii-home-v3 .ghawalii-welcome-visual {
		order: 1;
	}

	.ghawalii-home-v3 .ghawalii-welcome-copy {
		order: 2;
		max-width: 560px;
	}
}

@media (max-width: 767px) {
	html,
	body.ghawalii-design-active {
		width: 100%;
		overflow-x: hidden;
	}

	.ghawalii-site-header {
		width: 100%;
	}

	body.admin-bar .ghawalii-site-header {
		top: 46px;
	}

	.ghawalii-language {
		justify-content: center;
		min-height: 22px;
		padding: 0 14px;
		font-size: 9px;
		letter-spacing: .01em;
	}

	.ghawalii-language span {
		margin: 0 6px;
	}

	.ghawalii-header-inner {
		position: relative;
		display: grid;
		grid-template-columns: 36px minmax(0, 1fr) auto;
		min-height: 58px;
		padding: 8px 14px;
		gap: 8px;
	}

	.ghawalii-menu-toggle {
		grid-column: 1;
		display: inline-flex !important;
		align-items: flex-start;
		justify-self: start;
		width: 32px;
		gap: 4px;
	}

	.ghawalii-menu-toggle span {
		width: 20px;
		height: 1px;
	}

	.ghawalii-logo {
		position: absolute;
		top: 50%;
		left: 50%;
		width: max-content;
		max-width: 42vw;
		transform: translate(-50%, -50%);
	}

	.ghawalii-logo strong {
		font-size: clamp(17px, 5vw, 21px);
		letter-spacing: .16em;
	}

	.ghawalii-logo span {
		margin-top: 5px;
		font-size: clamp(5.5px, 1.6vw, 7px);
		letter-spacing: .12em;
		white-space: nowrap;
	}

	.ghawalii-header-icons {
		grid-column: 3;
		justify-self: end;
		gap: 2px;
	}

	.ghawalii-icon-button {
		width: 28px;
		height: 28px;
	}

	.ghawalii-icon-button svg {
		width: 17px;
		height: 17px;
	}

	.ghawalii-cart-count {
		top: -2px;
		right: -3px;
		min-width: 14px;
		height: 14px;
		font-size: 7px;
	}

	.ghawalii-main-menu {
		position: absolute;
		z-index: 9996;
		top: 100%;
		left: 0;
		display: grid !important;
		visibility: hidden;
		width: min(320px, 86vw);
		gap: 0;
		padding: 14px 22px 22px;
		border-top: 1px solid rgba(17, 17, 17, .08);
		border-right: 1px solid rgba(17, 17, 17, .08);
		background: rgba(247, 244, 238, .98);
		opacity: 0;
		box-shadow: 0 20px 60px rgba(17, 17, 17, .1);
		transform: translateX(-102%);
		transition: transform .28s ease, opacity .22s ease, visibility .28s ease;
	}

	.ghawalii-main-menu.is-open {
		visibility: visible;
		opacity: 1;
		transform: translateX(0);
	}

	.ghawalii-main-menu a {
		padding: 15px 0;
		border-bottom: 1px solid rgba(17, 17, 17, .08);
		font-size: 13px;
	}

	body[dir="rtl"] .ghawalii-main-menu,
	html[lang^="ar"] body .ghawalii-main-menu {
		right: 0;
		left: auto;
		border-right: 0;
		border-left: 1px solid rgba(17, 17, 17, .08);
		transform: translateX(102%);
	}

	body[dir="rtl"] .ghawalii-main-menu.is-open,
	html[lang^="ar"] body .ghawalii-main-menu.is-open {
		transform: translateX(0);
	}

	.ghawalii-fullbleed-hero {
		width: 100vw !important;
		height: 100vh !important;
		height: 100svh !important;
		min-height: 100svh !important;
	}

	.ghawalii-fullbleed-hero::after {
		background:
			linear-gradient(180deg, rgba(17, 17, 17, .18) 0%, rgba(17, 17, 17, .04) 34%, rgba(17, 17, 17, .58) 100%),
			linear-gradient(90deg, rgba(17, 17, 17, .34), rgba(17, 17, 17, .04) 70%);
	}

	.ghawalii-fullbleed-hero-image {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
	}

	.ghawalii-fullbleed-hero-copy {
		top: auto !important;
		right: 20px !important;
		bottom: calc(46px + env(safe-area-inset-bottom)) !important;
		left: 20px !important;
		width: auto !important;
		max-width: 360px !important;
		transform: none !important;
	}

	.ghawalii-fullbleed-hero-copy .ghawalii-kicker {
		margin-bottom: 10px !important;
		font-size: 10px !important;
		letter-spacing: .17em !important;
	}

	.ghawalii-fullbleed-hero-copy h1 {
		max-width: 330px !important;
		font-size: clamp(42px, 13vw, 62px) !important;
		line-height: .94 !important;
		letter-spacing: -.025em !important;
	}

	.ghawalii-fullbleed-hero-copy .ghawalii-button {
		margin-top: 22px !important;
		padding: 12px 21px !important;
		font-size: 10px !important;
	}

	.ghawalii-home-v3 .ghawalii-welcome {
		display: grid !important;
		grid-template-columns: 1fr !important;
		justify-items: center;
		gap: 30px !important;
		padding: 52px 20px 58px !important;
		text-align: center;
	}

	.ghawalii-home-v3 .ghawalii-welcome-visual {
		order: 1;
		width: min(100%, 310px) !important;
		height: 400px !important;
		border-radius: 165px 165px 0 0 !important;
	}

	.ghawalii-home-v3 .ghawalii-welcome-copy {
		order: 2;
		max-width: 340px;
	}

	.ghawalii-home-v3 .ghawalii-welcome h2 {
		font-size: clamp(42px, 12vw, 56px) !important;
		line-height: .96 !important;
	}

	.ghawalii-home-v3 .ghawalii-welcome-copy p:not(.ghawalii-kicker) {
		font-size: 15px !important;
		line-height: 1.75 !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase,
	.ghawalii-home-v3 .ghawalii-collections,
	.ghawalii-home-v3 .ghawalii-lookbook {
		padding: 52px 20px 58px !important;
	}

	.ghawalii-home-v3 .ghawalii-section-heading-row {
		display: flex !important;
		align-items: flex-end;
		gap: 16px;
	}

	.ghawalii-home-v3 .ghawalii-section-heading h2 {
		font-size: clamp(38px, 11vw, 52px) !important;
		line-height: .98 !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		max-width: none !important;
		gap: 24px 14px !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid .ghawalii-product-card:nth-child(n+3) {
		display: block !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid .ghawalii-product-image {
		aspect-ratio: 3 / 4 !important;
		border-radius: 11px !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid .ghawalii-product-info {
		padding-top: 9px !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid .ghawalii-product-info strong {
		font-size: 11.5px !important;
		line-height: 1.35 !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid .ghawalii-product-info em {
		margin-top: 3px !important;
		font-size: 10.5px !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid .ghawalii-card-heart {
		top: 8px !important;
		right: 8px !important;
		width: 27px !important;
		height: 27px !important;
		opacity: .86 !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film {
		width: 100vw !important;
		height: 55vh !important;
		min-height: 360px !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film::after {
		background: rgba(17, 17, 17, .3) !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film .ghawalii-signature-video-copy {
		right: 20px !important;
		left: 20px !important;
		width: auto !important;
		max-width: 330px !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film .ghawalii-kicker {
		margin-bottom: 10px !important;
		font-size: 9.5px !important;
		letter-spacing: .17em !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film h2 {
		max-width: 320px !important;
		font-size: clamp(36px, 11vw, 52px) !important;
		line-height: .94 !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film .ghawalii-button {
		margin-top: 20px !important;
		padding: 12px 21px !important;
		font-size: 10px !important;
	}

	.ghawalii-home-v3 .ghawalii-collection-grid,
	.ghawalii-home-v3 .ghawalii-lookbook-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		max-width: none !important;
		gap: 12px !important;
	}

	.ghawalii-home-v3 .ghawalii-collection-image {
		height: clamp(150px, 47vw, 220px) !important;
		border-radius: 11px !important;
	}

	.ghawalii-home-v3 .ghawalii-collection-meta {
		padding-top: 10px !important;
	}

	.ghawalii-home-v3 .ghawalii-collection-meta h3 {
		font-size: 20px !important;
	}

	.ghawalii-home-v3 .ghawalii-collection-meta span {
		font-size: 9px !important;
	}

	.ghawalii-home-v3 .ghawalii-lookbook-card,
	.ghawalii-home-v3 .ghawalii-lookbook-card:nth-child(2),
	.ghawalii-home-v3 .ghawalii-lookbook-card:nth-child(3) {
		height: clamp(165px, 48vw, 230px) !important;
		border-radius: 11px !important;
	}

	.ghawalii-home-v3 .ghawalii-lookbook-card span {
		right: 12px !important;
		bottom: 12px !important;
		left: 12px !important;
		font-size: 8.5px !important;
		line-height: 1.4 !important;
		letter-spacing: .12em !important;
	}

	.ghawalii-site-footer {
		padding: 42px 20px 28px !important;
	}

	.ghawalii-footer-grid {
		grid-template-columns: 1fr !important;
		gap: 28px !important;
		text-align: left;
	}

	.ghawalii-footer-logo {
		align-items: flex-start !important;
		text-align: left !important;
	}

	.ghawalii-footer-grid p {
		max-width: 340px;
	}

	.ghawalii-footer-bottom {
		display: grid !important;
		gap: 8px;
		margin-top: 30px !important;
		text-align: left;
	}
}

@media (max-width: 360px) {
	.ghawalii-header-icons .ghawalii-icon-button:nth-child(2),
	.ghawalii-header-icons .ghawalii-icon-button:nth-child(3) {
		display: none !important;
	}

	.ghawalii-logo {
		max-width: 54vw;
	}
}

/* V4.4 final mobile/tablet polish. Desktop >= 1200px remains untouched. */
@media (min-width: 768px) and (max-width: 1199px) {
	.ghawalii-fullbleed-hero-image {
		object-fit: cover !important;
		object-position: 62% center !important;
	}

	.ghawalii-fullbleed-hero::after {
		background:
			linear-gradient(55deg, rgba(17, 17, 17, .46) 0%, rgba(17, 17, 17, .24) 34%, rgba(17, 17, 17, .04) 68%),
			linear-gradient(0deg, rgba(17, 17, 17, .34) 0%, rgba(17, 17, 17, .04) 52%, rgba(17, 17, 17, .16) 100%) !important;
	}

	.ghawalii-fullbleed-hero-copy {
		bottom: clamp(96px, 14svh, 150px) !important;
		max-width: 500px !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film {
		height: 58vh !important;
		min-height: 430px !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid {
		gap: 26px 18px !important;
	}

	.ghawalii-footer-grid a,
	.ghawalii-footer-grid span {
		font-size: 13px !important;
	}
}

@media (max-width: 767px) {
	body.home.ghawalii-design-active .ghawalii-site-header:not(.is-scrolled),
	body.front-page.ghawalii-design-active .ghawalii-site-header:not(.is-scrolled) {
		border-bottom-color: transparent !important;
		background: linear-gradient(180deg, rgba(17, 17, 17, .18), rgba(17, 17, 17, 0)) !important;
		box-shadow: none !important;
		backdrop-filter: none !important;
	}

	.ghawalii-fullbleed-hero {
		height: 100svh !important;
		min-height: 100svh !important;
	}

	.ghawalii-fullbleed-hero::after {
		background:
			linear-gradient(52deg, rgba(17, 17, 17, .58) 0%, rgba(17, 17, 17, .34) 38%, rgba(17, 17, 17, .06) 72%),
			linear-gradient(0deg, rgba(17, 17, 17, .52) 0%, rgba(17, 17, 17, .08) 50%, rgba(17, 17, 17, .16) 100%) !important;
	}

	.ghawalii-fullbleed-hero-image {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: 65% center !important;
	}

	.ghawalii-fullbleed-hero-copy {
		top: auto !important;
		right: 24px !important;
		bottom: calc(18svh + env(safe-area-inset-bottom)) !important;
		left: 24px !important;
		width: auto !important;
		max-width: 320px !important;
		transform: none !important;
	}

	.ghawalii-fullbleed-hero-copy .ghawalii-kicker {
		margin-bottom: 10px !important;
		font-size: 9.5px !important;
		letter-spacing: .18em !important;
	}

	.ghawalii-fullbleed-hero-copy h1 {
		max-width: 305px !important;
		font-size: clamp(40px, 12vw, 58px) !important;
		line-height: .94 !important;
		text-wrap: balance;
	}

	.ghawalii-fullbleed-hero-copy .ghawalii-button {
		margin-top: 20px !important;
		padding: 12px 20px !important;
	}

	.ghawalii-home-v3 .ghawalii-welcome {
		gap: 26px !important;
		padding-top: 46px !important;
		padding-bottom: 50px !important;
	}

	.ghawalii-home-v3 .ghawalii-welcome-visual {
		width: min(100%, 300px) !important;
		height: 388px !important;
		border-radius: 160px 160px 0 0 !important;
	}

	.ghawalii-home-v3 .ghawalii-welcome-copy {
		max-width: 350px !important;
	}

	.ghawalii-home-v3 .ghawalii-welcome h2 {
		font-size: clamp(40px, 11vw, 54px) !important;
	}

	.ghawalii-home-v3 .ghawalii-welcome-copy p:not(.ghawalii-kicker) {
		font-size: 15.5px !important;
		line-height: 1.72 !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase,
	.ghawalii-home-v3 .ghawalii-collections,
	.ghawalii-home-v3 .ghawalii-lookbook {
		padding-top: 46px !important;
		padding-bottom: 50px !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 18px 12px !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid .ghawalii-product-info {
		padding-top: 8px !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid .ghawalii-product-info strong {
		font-size: 12px !important;
		line-height: 1.4 !important;
	}

	.ghawalii-home-v3 .ghawalii-product-showcase-grid .ghawalii-product-info em {
		margin-top: 4px !important;
		font-size: 11px !important;
		line-height: 1.3 !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film {
		height: 50vh !important;
		min-height: 330px !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film::after {
		background:
			linear-gradient(90deg, rgba(17, 17, 17, .46), rgba(17, 17, 17, .12) 72%),
			rgba(17, 17, 17, .18) !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film .ghawalii-signature-video-copy {
		top: 50% !important;
		right: 22px !important;
		left: 22px !important;
		max-width: 310px !important;
		transform: translateY(-50%) !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film h2 {
		max-width: 300px !important;
		font-size: clamp(34px, 10vw, 48px) !important;
		line-height: .96 !important;
	}

	.ghawalii-home-v3 .ghawalii-signature-film .ghawalii-button {
		margin-top: 18px !important;
	}

	.ghawalii-home-v3 .ghawalii-collection-grid,
	.ghawalii-home-v3 .ghawalii-lookbook-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	.ghawalii-home-v3 .ghawalii-collection-image {
		height: clamp(170px, 50vw, 232px) !important;
	}

	.ghawalii-home-v3 .ghawalii-lookbook-card,
	.ghawalii-home-v3 .ghawalii-lookbook-card:nth-child(2),
	.ghawalii-home-v3 .ghawalii-lookbook-card:nth-child(3) {
		height: clamp(170px, 49vw, 226px) !important;
	}

	.ghawalii-site-footer {
		padding-top: 44px !important;
		padding-bottom: 30px !important;
	}

	.ghawalii-footer-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 30px !important;
		text-align: left !important;
	}

	.ghawalii-footer-grid h3 {
		margin-bottom: 12px !important;
		font-size: 11px !important;
		letter-spacing: .15em !important;
	}

	.ghawalii-footer-grid p {
		max-width: 350px !important;
		font-size: 14px !important;
		line-height: 1.75 !important;
	}

	.ghawalii-footer-grid a,
	.ghawalii-footer-grid span {
		font-size: 13px !important;
		line-height: 1.6 !important;
	}

	.ghawalii-socials {
		gap: 8px !important;
		margin-top: 16px !important;
	}

	.ghawalii-socials a {
		min-height: 34px !important;
		padding: 8px 12px !important;
		font-size: 12px !important;
	}

	.ghawalii-socials a span {
		width: 21px !important;
		height: 21px !important;
		font-size: 9px !important;
	}
}

@media (max-width: 390px) {
	.ghawalii-fullbleed-hero-copy {
		bottom: calc(16svh + env(safe-area-inset-bottom)) !important;
	}

	.ghawalii-fullbleed-hero-copy h1 {
		max-width: 292px !important;
		font-size: clamp(38px, 12vw, 52px) !important;
	}
}

/* V4.5 luxury mobile drawer menu only. Desktop >= 1200px remains untouched. */
@media (max-width: 1199px) {
	body.ghawalii-menu-lock {
		overflow: hidden !important;
	}

	.ghawalii-site-header > .ghawalii-language {
		display: none !important;
	}

	.ghawalii-header-inner {
		position: relative;
		grid-template-columns: 40px minmax(0, 1fr) auto !important;
	}

	.ghawalii-menu-toggle {
		align-items: flex-start !important;
		justify-content: center !important;
		width: 34px !important;
		height: 34px !important;
	}

	.ghawalii-menu-toggle span {
		width: 22px !important;
		background: currentColor !important;
	}

	.ghawalii-logo {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	.ghawalii-main-menu {
		position: fixed !important;
		z-index: 10020 !important;
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		display: flex !important;
		visibility: hidden !important;
		width: min(430px, 92vw) !important;
		height: 100vh !important;
		height: 100dvh !important;
		flex-direction: column !important;
		gap: 0 !important;
		padding: clamp(24px, 4vw, 34px) clamp(24px, 5vw, 38px) calc(26px + env(safe-area-inset-bottom)) !important;
		border: 0 !important;
		background: #f8f5ef !important;
		color: #111111 !important;
		opacity: 1 !important;
		box-shadow: 26px 0 80px rgba(17, 17, 17, .12) !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		transform: translateX(-104%) !important;
		transition: transform .42s cubic-bezier(.2, .72, .18, 1), visibility .42s ease !important;
	}

	.ghawalii-main-menu.is-open {
		visibility: visible !important;
		transform: translateX(0) !important;
	}

	body[dir="rtl"] .ghawalii-main-menu,
	html[lang^="ar"] body .ghawalii-main-menu {
		right: 0 !important;
		left: auto !important;
		transform: translateX(104%) !important;
		box-shadow: -26px 0 80px rgba(17, 17, 17, .12) !important;
	}

	body[dir="rtl"] .ghawalii-main-menu.is-open,
	html[lang^="ar"] body .ghawalii-main-menu.is-open {
		transform: translateX(0) !important;
	}

	.ghawalii-mobile-drawer-head {
		display: flex !important;
		align-items: flex-start;
		justify-content: space-between;
		gap: 18px;
		padding-bottom: 24px;
		border-bottom: 1px solid #e8ded2;
	}

	.ghawalii-mobile-drawer-logo {
		display: inline-flex !important;
		flex-direction: column;
		align-items: flex-start;
		color: #111111 !important;
		text-align: left;
		text-decoration: none !important;
	}

	.ghawalii-mobile-drawer-logo strong {
		font-family: "Cormorant Garamond", serif;
		font-size: 28px;
		font-weight: 500;
		line-height: .92;
		letter-spacing: .2em;
	}

	.ghawalii-mobile-drawer-logo span {
		margin-top: 9px;
		color: #6f5d4c;
		font-size: 8px;
		font-weight: 700;
		letter-spacing: .24em;
		white-space: nowrap;
	}

	.ghawalii-mobile-menu-close {
		display: inline-grid;
		width: 42px;
		height: 42px;
		place-items: center;
		margin: -8px -8px 0 0;
		border: 1px solid #e8ded2;
		border-radius: 999px;
		background: #f8f5ef;
		color: #111111;
		cursor: pointer;
		font-size: 24px;
		font-weight: 300;
		line-height: 1;
	}

	.ghawalii-mobile-drawer-language {
		display: flex !important;
		align-items: center;
		gap: 9px;
		padding: 22px 0 20px;
		border-bottom: 1px solid #e8ded2;
		color: #111111;
		font-family: Manrope, "IBM Plex Sans Arabic", sans-serif;
		font-size: 12px;
		letter-spacing: .03em;
	}

	.ghawalii-mobile-drawer-language span {
		color: #111111;
	}

	.ghawalii-main-menu > a {
		position: relative !important;
		display: block !important;
		padding: 16px 0 !important;
		border-bottom: 1px solid #e8ded2 !important;
		color: #111111 !important;
		font-family: "Cormorant Garamond", "IBM Plex Sans Arabic", serif !important;
		font-size: 22px !important;
		font-weight: 400 !important;
		line-height: 1.08 !important;
		letter-spacing: .01em !important;
		text-decoration: none !important;
		white-space: normal !important;
	}

	.ghawalii-main-menu > a::after {
		display: none !important;
	}

	.ghawalii-main-menu > a:hover,
	.ghawalii-main-menu > a:focus-visible {
		color: #111111 !important;
		opacity: .95;
	}

	.ghawalii-mobile-drawer-socials {
		display: flex !important;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: auto;
		padding-top: 28px;
	}

	.ghawalii-mobile-drawer-socials a {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		min-height: 38px;
		padding: 9px 14px !important;
		border: 1px solid #111111 !important;
		border-radius: 999px;
		background: #111111;
		color: #fdfbf8 !important;
		font-family: Manrope, "IBM Plex Sans Arabic", sans-serif !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		letter-spacing: .04em !important;
		text-decoration: none !important;
	}
}

@media (max-width: 767px) {
	.ghawalii-main-menu {
		width: 100vw !important;
		padding: 24px 24px calc(26px + env(safe-area-inset-bottom)) !important;
		background: #f8f5ef !important;
		box-shadow: none !important;
	}

	.ghawalii-main-menu > a {
		padding: 18px 0 !important;
		font-size: clamp(23px, 7vw, 26px) !important;
	}

	.ghawalii-mobile-drawer-logo strong {
		font-size: 27px;
	}

	.ghawalii-mobile-drawer-language {
		padding-top: 20px;
		padding-bottom: 18px;
	}

	.ghawalii-mobile-drawer-socials {
		padding-top: 24px;
	}
}

@media (max-width: 380px) {
	.ghawalii-main-menu {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}

	.ghawalii-main-menu > a {
		padding: 16px 0 !important;
	}

	.ghawalii-mobile-drawer-logo strong {
		font-size: 25px;
	}
}

/* V4.5.1 mobile drawer color/readability fix only. */
@media (max-width: 1199px) {
	.ghawalii-main-menu {
		background: #f8f5ef !important;
		color: #111111 !important;
		opacity: 1 !important;
	}

	.ghawalii-main-menu.is-open {
		background: #f8f5ef !important;
		opacity: 1 !important;
	}

	.ghawalii-mobile-drawer-head,
	.ghawalii-mobile-drawer-language,
	.ghawalii-main-menu > a {
		border-bottom-color: #e8ded2 !important;
	}

	.ghawalii-mobile-drawer-logo,
	.ghawalii-mobile-drawer-logo strong {
		color: #111111 !important;
		opacity: 1 !important;
	}

	.ghawalii-mobile-drawer-logo span {
		color: #6f5d4c !important;
		opacity: 1 !important;
	}

	.ghawalii-mobile-menu-close {
		border-color: #e8ded2 !important;
		background: #f8f5ef !important;
		color: #111111 !important;
		opacity: 1 !important;
	}

	.ghawalii-mobile-drawer-language,
	.ghawalii-mobile-drawer-language span {
		color: #111111 !important;
		opacity: 1 !important;
	}

	.ghawalii-main-menu > a {
		padding: 16px 0 !important;
		border-bottom: 1px solid #e8ded2 !important;
		color: #111111 !important;
		font-size: 22px !important;
		font-weight: 400 !important;
		opacity: 1 !important;
	}

	.ghawalii-main-menu > a:hover,
	.ghawalii-main-menu > a:focus-visible {
		color: #111111 !important;
		opacity: .95 !important;
	}

	.ghawalii-mobile-drawer-socials a {
		border-color: #111111 !important;
		background: #111111 !important;
		color: #fdfbf8 !important;
		opacity: 1 !important;
	}

	.ghawalii-mobile-drawer-socials a:hover,
	.ghawalii-mobile-drawer-socials a:focus-visible {
		background: #111111 !important;
		color: #fdfbf8 !important;
		opacity: .95 !important;
	}
}