/* Habibah Mobile Experience 1.0.0 — modern blue heritage application shell. */

@media (max-width: 767px) {
	:root {
		--hs-blue: #13426b;
		--hs-sky: #24a3dd;
		--hs-white: #ffffff;
		--hs-canvas: #f6f6f6;
		--hs-line: #eeeeee;
		--hs-ink: #1c2434;
		--hs-copy: #505053;
		--hs-muted: #a4a5a7;
		--hs-header-height: 96px;
		--hs-nav-height: 76px;
		--hs-radius-sm: 12px;
		--hs-radius: 18px;
		--hs-radius-lg: 26px;
		--hs-shadow-sm: 0 6px 20px rgba(19, 66, 107, .09);
		--hs-shadow: 0 16px 42px rgba(19, 66, 107, .15);
		--hs-shadow-strong: 0 22px 60px rgba(28, 36, 52, .24);
	}

	html {
		background: var(--hs-canvas);
		overflow-x: hidden;
		scroll-behavior: smooth;
	}

	body.hs-app-ready {
		background: var(--hs-canvas) !important;
		color: var(--hs-ink);
		font-family: qatar-regular, sans-serif;
		max-width: 100%;
		overflow-x: hidden;
		-webkit-tap-highlight-color: rgba(36, 163, 221, .14);
	}

	body.hs-app-ready *,
	body.hs-app-ready *::before,
	body.hs-app-ready *::after {
		box-sizing: border-box;
	}

	body.hs-app-ready a,
	body.hs-app-ready button,
	body.hs-app-ready input,
	body.hs-app-ready select,
	body.hs-app-ready textarea {
		font-family: inherit;
	}

	body.hs-app-ready a:focus-visible,
	body.hs-app-ready button:focus-visible,
	body.hs-app-ready input:focus-visible,
	body.hs-app-ready select:focus-visible,
	body.hs-app-ready summary:focus-visible {
		outline: 3px solid rgba(36, 163, 221, .35);
		outline-offset: 3px;
	}

	body.hs-app-ready header.x-masthead {
		display: none !important;
	}

	.hs-app-original-footer {
		display: none !important;
	}

	.hs-app-icon {
		display: inline-flex;
		font-style: normal;
		line-height: 1;
	}

	/* Application header */
	.hs-app-header {
		backdrop-filter: blur(18px) saturate(150%);
		background: rgba(255, 255, 255, .96);
		border-bottom: 1px solid rgba(19, 66, 107, .09);
		box-shadow: 0 4px 22px rgba(19, 66, 107, 0);
		height: var(--hs-header-height);
		inset-inline: 0;
		opacity: 0;
		position: sticky;
		top: 0;
		transform: translateY(-8px);
		transition: box-shadow .28s ease, opacity .34s ease, transform .34s cubic-bezier(.2, .8, .2, 1);
		z-index: 950;
	}

	body.admin-bar .hs-app-header {
		top: 46px;
	}

	body.hs-app-mounted .hs-app-header {
		opacity: 1;
		transform: translateY(0);
	}

	.hs-app-header.is-scrolled {
		box-shadow: 0 8px 30px rgba(19, 66, 107, .14);
	}

	.hs-app-header-primary {
		align-items: center;
		display: grid;
		grid-template-columns: 92px 1fr 92px;
		height: 64px;
		padding: 6px 12px 4px;
	}

	.hs-app-header-actions {
		align-items: center;
		display: flex;
		gap: 4px;
		justify-content: flex-end;
	}

	.hs-app-header-action {
		align-items: center;
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 50%;
		color: var(--hs-blue) !important;
		cursor: pointer;
		display: inline-flex;
		height: 44px;
		justify-content: center;
		padding: 0;
		position: relative;
		text-decoration: none !important;
		transition: background .2s ease, color .2s ease, transform .16s ease;
		width: 44px;
	}

	.hs-app-header-action:active {
		background: rgba(36, 163, 221, .12);
		color: var(--hs-sky) !important;
		transform: scale(.91);
	}

	.hs-app-header-action .hs-app-icon {
		font-size: 20px;
	}

	.hs-app-brand {
		align-items: center;
		display: flex;
		height: 54px;
		justify-content: center;
		justify-self: center;
		position: relative;
		width: 112px;
	}

	.hs-app-brand::after {
		background: var(--hs-sky);
		border-radius: 99px;
		bottom: 0;
		content: '';
		height: 2px;
		left: 50%;
		opacity: .8;
		position: absolute;
		transform: translateX(-50%);
		width: 30px;
	}

	.hs-app-brand img {
		display: block;
		height: 50px;
		object-fit: contain;
		width: 96px;
	}

	.hs-app-context {
		align-items: center;
		background: linear-gradient(90deg, rgba(19, 66, 107, .04), rgba(36, 163, 221, .08), rgba(19, 66, 107, .04));
		border-top: 1px solid rgba(19, 66, 107, .06);
		color: var(--hs-blue);
		display: flex;
		font-size: 12px;
		font-weight: 700;
		gap: 0;
		height: 32px;
		justify-content: center;
	}

	.hs-app-context > * {
		align-items: center;
		color: var(--hs-blue) !important;
		display: inline-flex;
		gap: 5px;
		line-height: 1;
		padding: 0 12px;
		text-decoration: none !important;
	}

	.hs-app-context > * + * {
		border-inline-start: 1px solid rgba(19, 66, 107, .16);
	}

	.hs-app-context .hs-app-icon {
		color: var(--hs-sky);
		font-size: 11px;
	}

	.hs-app-badge {
		align-items: center;
		background: var(--hs-sky);
		border: 2px solid var(--hs-white);
		border-radius: 999px;
		color: var(--hs-white);
		display: flex;
		font-size: 9px;
		font-weight: 800;
		height: 18px;
		justify-content: center;
		min-width: 18px;
		padding: 0 4px;
		position: absolute;
		inset-inline-end: 0;
		top: 1px;
	}

	/* Checkout header */
	.hs-app-header-checkout {
		height: 68px;
	}

	.hs-app-header-checkout .hs-app-header-primary {
		grid-template-columns: 72px 1fr minmax(96px, auto);
		height: 68px;
	}

	.hs-app-header-checkout .hs-app-brand {
		height: 50px;
	}

	.hs-app-secure-mark {
		align-items: center;
		color: var(--hs-blue);
		display: flex;
		font-size: 10px;
		font-weight: 800;
		gap: 5px;
		line-height: 1.1;
		max-width: 92px;
		text-transform: uppercase;
	}

	[dir='rtl'] .hs-app-secure-mark {
		text-transform: none;
	}

	.hs-app-secure-mark .hs-app-icon {
		color: var(--hs-sky);
		font-size: 16px;
	}

	/* Existing menu, visually integrated with the application shell. */
	#sfm-sidebar {
		background: var(--hs-white) !important;
		bottom: 0;
		box-shadow: 22px 0 70px rgba(28, 36, 52, .24);
		color: var(--hs-blue) !important;
		height: 100dvh !important;
		max-height: 100dvh;
		max-width: 360px !important;
		overflow-y: auto;
		top: 0;
		width: 88vw !important;
	}

	#sfm-sidebar.sfm-fully-hidden,
	#sfm-sidebar.sfm-hidden {
		pointer-events: none !important;
	}

	#sfm-sidebar .sfm-scroll {
		padding-bottom: 40px;
	}

	#sfm-sidebar a,
	#sfm-sidebar .sfm-menu-level-0 > li > a {
		color: var(--hs-blue) !important;
		font-family: qatar-regular, sans-serif !important;
		font-weight: 700 !important;
	}

	#sfm-sidebar .sfm-menu-level-0 > li > a {
		border-bottom: 1px solid var(--hs-line) !important;
		min-height: 52px;
		padding-block: 15px !important;
	}

	#sfm-sidebar .sfm-sidebar-close {
		background: rgba(36, 163, 221, .1) !important;
		border-radius: 50%;
		color: var(--hs-blue) !important;
		height: 46px;
		margin: 12px;
		min-height: 46px;
		min-width: 46px;
		width: 46px;
	}

	#sfm-overlay-wrapper {
		background: rgba(28, 36, 52, .48) !important;
		backdrop-filter: blur(4px);
	}

	#sfm-sidebar .sfm-search-form,
	#sfm-sidebar .dgwt-wcas-search-wrapp {
		display: block !important;
		max-width: none;
		padding-inline: 14px;
		position: relative;
		visibility: visible !important;
		width: 100%;
	}

	#sfm-sidebar input[type='search'],
	#sfm-sidebar .dgwt-wcas-search-input {
		background: var(--hs-canvas) !important;
		border: 1px solid rgba(19, 66, 107, .14) !important;
		border-radius: 14px !important;
		color: var(--hs-ink) !important;
		display: block !important;
		font-size: 16px !important;
		height: 52px !important;
		max-width: 100%;
		padding-inline: 14px !important;
		top: auto !important;
		visibility: visible !important;
		width: 100% !important;
	}

	/* Homepage hero and discovery */
	body.hs-mobile-home #cs-content > .x-section:first-child,
	body.hs-mobile-home .x-section:first-of-type {
		background: var(--hs-white) !important;
		border-bottom: 0 !important;
		padding: 0 !important;
		position: relative;
	}

	body.hs-mobile-home .SliderDesktopRow,
	body.hs-mobile-home .SliderDesktopCol,
	body.hs-mobile-home .x-slide-container-viewport,
	body.hs-mobile-home .x-slide-container-content,
	body.hs-mobile-home .x-slide-container,
	body.hs-mobile-home .x-slide,
	body.hs-mobile-home .x-slide .x-image {
		max-width: 100% !important;
		width: 100% !important;
	}

	body.hs-mobile-home .x-slide img {
		aspect-ratio: 1280 / 786;
		display: block;
		height: auto !important;
		object-fit: cover;
		width: 100% !important;
	}

	body.hs-mobile-home .x-slide-pagination {
		align-items: center;
		background: rgba(255, 255, 255, .92) !important;
		border-radius: 999px;
		bottom: 14px !important;
		box-shadow: var(--hs-shadow-sm);
		display: flex !important;
		gap: 6px !important;
		left: 50% !important;
		padding: 7px 9px !important;
		position: absolute !important;
		transform: translateX(-50%);
		width: auto !important;
		z-index: 8;
	}

	body.hs-mobile-home .x-slide-pagination li {
		background: rgba(19, 66, 107, .25) !important;
		border: 0 !important;
		border-radius: 999px !important;
		height: 7px !important;
		margin: 0 !important;
		transition: width .25s ease, background .25s ease;
		width: 7px !important;
	}

	body.hs-mobile-home .x-slide-pagination li.is-active {
		background: var(--hs-sky) !important;
		width: 24px !important;
	}

	.hs-app-home-discovery {
		background: var(--hs-canvas);
		padding: 0 0 20px;
		position: relative;
		z-index: 12;
	}

	.hs-app-discovery-lead {
		background:
			radial-gradient(circle at 100% 0%, rgba(36, 163, 221, .14), transparent 42%),
			var(--hs-white);
		border: 1px solid rgba(19, 66, 107, .09);
		border-radius: var(--hs-radius-lg);
		box-shadow: var(--hs-shadow);
		margin: -22px 12px 18px;
		padding: 20px 16px 16px;
		position: relative;
	}

	.hs-app-discovery-lead > span,
	.hs-app-eyebrow {
		color: var(--hs-sky);
		display: block;
		font-family: qatar-bold, sans-serif;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: .1em;
		line-height: 1.2;
		margin-bottom: 6px;
		text-transform: uppercase;
	}

	[dir='rtl'] .hs-app-discovery-lead > span,
	[dir='rtl'] .hs-app-eyebrow {
		letter-spacing: 0;
		text-transform: none;
	}

	.hs-app-discovery-lead h1 {
		color: var(--hs-blue) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: clamp(27px, 8vw, 34px) !important;
		font-weight: 800 !important;
		letter-spacing: -.02em;
		line-height: 1.02;
		margin: 0 0 16px !important;
		max-width: 310px;
	}

	[dir='rtl'] .hs-app-discovery-lead h1 {
		letter-spacing: 0;
		line-height: 1.18;
	}

	.hs-app-search-trigger {
		align-items: center;
		appearance: none;
		background: var(--hs-canvas);
		border: 1px solid rgba(19, 66, 107, .12);
		border-radius: 16px;
		box-shadow: inset 0 1px 0 var(--hs-white);
		color: var(--hs-blue);
		cursor: pointer;
		display: grid;
		gap: 10px;
		grid-template-columns: 22px minmax(0, 1fr) auto;
		min-height: 58px;
		padding: 6px 6px 6px 14px;
		text-align: start;
		transition: border .2s ease, box-shadow .2s ease, transform .16s ease;
		width: 100%;
	}

	[dir='rtl'] .hs-app-search-trigger {
		padding: 6px 14px 6px 6px;
	}

	.hs-app-search-trigger:active {
		border-color: rgba(36, 163, 221, .45);
		transform: scale(.985);
	}

	.hs-app-search-trigger > .hs-app-icon {
		color: var(--hs-sky);
		font-size: 18px;
	}

	.hs-app-search-trigger > span {
		color: var(--hs-copy);
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.hs-app-search-trigger > b {
		align-items: center;
		background: var(--hs-blue);
		border-radius: 12px;
		color: var(--hs-white);
		display: flex;
		font-size: 12px;
		font-weight: 800;
		height: 44px;
		justify-content: center;
		padding: 0 15px;
	}

	.hs-app-section-head {
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding: 0 16px 10px;
	}

	.hs-app-section-head h2 {
		color: var(--hs-blue) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 18px !important;
		font-weight: 800 !important;
		line-height: 1.2;
		margin: 0 !important;
	}

	.hs-app-section-head a {
		align-items: center;
		color: var(--hs-sky) !important;
		display: flex;
		font-size: 12px;
		font-weight: 800;
		gap: 6px;
		text-decoration: none !important;
	}

	.hs-app-category-cards {
		display: grid;
		gap: 10px;
		grid-auto-columns: 116px;
		grid-auto-flow: column;
		overflow-x: auto;
		padding: 0 16px 10px;
		scroll-padding-inline: 16px;
		scroll-snap-type: inline mandatory;
		scrollbar-width: none;
	}

	.hs-app-category-cards::-webkit-scrollbar,
	.hs-app-category-rail::-webkit-scrollbar {
		display: none;
	}

	.hs-app-category-cards a {
		background: var(--hs-white);
		border: 1px solid rgba(19, 66, 107, .1);
		border-radius: 18px;
		box-shadow: var(--hs-shadow-sm);
		color: var(--hs-blue) !important;
		display: block;
		overflow: hidden;
		scroll-snap-align: start;
		text-decoration: none !important;
		transition: border .2s ease, transform .2s ease;
	}

	.hs-app-category-cards a:active {
		border-color: var(--hs-sky);
		transform: translateY(2px) scale(.98);
	}

	.hs-app-category-cards img {
		aspect-ratio: 1 / 1;
		background: var(--hs-canvas);
		display: block;
		height: 92px;
		object-fit: cover;
		transition: transform .35s ease;
		width: 100%;
	}

	.hs-app-category-cards a:active img {
		transform: scale(1.04);
	}

	.hs-app-category-cards span {
		display: block;
		font-size: 12px;
		font-weight: 800;
		line-height: 1.15;
		min-height: 48px;
		padding: 10px;
	}

	.hs-app-category-cards a:first-child {
		background: var(--hs-blue);
		border-color: var(--hs-blue);
		color: var(--hs-white) !important;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding-top: 60px;
		position: relative;
	}

	.hs-app-category-cards a:first-child > b {
		color: var(--hs-sky);
		display: block;
		font-family: qatar-bold, sans-serif;
		font-size: 28px;
		font-weight: 800;
		line-height: 1;
		padding: 20px 10px 10px;
	}

	.hs-app-content-represented {
		display: none !important;
	}

	/* Homepage content sections become app-native editorial cards. */
	.hs-app-products-section,
	body.hs-mobile-home .OrderAnywhere,
	body.hs-mobile-home .CateringServices,
	body.hs-mobile-home .AboutUS,
	body.hs-mobile-home .HistorySection {
		background: var(--hs-white) !important;
		border-radius: var(--hs-radius-lg) !important;
		box-shadow: var(--hs-shadow-sm);
		margin: 0 12px 18px !important;
		overflow: hidden;
		padding: 20px 0 !important;
	}

	.hs-app-products-section .TitleRow,
	body.hs-mobile-home .TitleRow {
		background: transparent !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 16px 14px !important;
	}

	.hs-app-products-section .TitleText,
	body.hs-mobile-home .TitleText {
		background: transparent !important;
		border: 0 !important;
		clip-path: none !important;
		padding: 0 !important;
		width: 100% !important;
	}

	.hs-app-products-section .TitleText h1,
	body.hs-mobile-home .TitleText h1 {
		color: var(--hs-blue) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 23px !important;
		font-weight: 800 !important;
		line-height: 1.15 !important;
		margin: 0 !important;
		text-align: start !important;
	}

	.hs-app-products-section .TitleText h1::after,
	body.hs-mobile-home .TitleText h1::after {
		background: var(--hs-sky);
		border-radius: 99px;
		content: '';
		display: block;
		height: 4px;
		margin-top: 8px;
		width: 34px;
	}

	.hs-app-products-section .ProductsRow > .x-row-inner {
		display: grid !important;
		gap: 12px !important;
		grid-auto-columns: minmax(170px, 72vw) !important;
		grid-auto-flow: column !important;
		grid-template-columns: none !important;
		overflow-x: auto !important;
		padding: 0 16px 14px !important;
		scroll-padding-inline: 16px;
		scroll-snap-type: inline mandatory;
		scrollbar-width: none;
		width: 100% !important;
	}

	.hs-app-products-section .ProductsRow > .x-row-inner::-webkit-scrollbar {
		display: none;
	}

	body.hs-mobile-home .OrderAnywhere,
	body.hs-mobile-home .CateringServices,
	body.hs-mobile-home .AboutUS,
	body.hs-mobile-home .HistorySection {
		padding: 0 !important;
	}

	body.hs-mobile-home .OrderAnywhere img,
	body.hs-mobile-home .CateringServices img,
	body.hs-mobile-home .AboutUS img,
	body.hs-mobile-home .HistorySection img {
		border-radius: 16px;
		max-width: 100%;
		object-fit: cover;
	}

	body.hs-mobile-home .OrderAnywhere .x-anchor,
	body.hs-mobile-home .CateringServices .x-anchor,
	body.hs-mobile-home .AboutUS .x-anchor {
		background: var(--hs-blue) !important;
		border: 0 !important;
		border-radius: 14px !important;
		color: var(--hs-white) !important;
		min-height: 50px;
	}

	/* Catalog introduction and category navigation. */
	body.hs-mobile-catalog .Products {
		background: var(--hs-canvas) !important;
		margin: 0 !important;
		padding-inline: 0 !important;
		padding-bottom: 12px !important;
	}

	body.hs-mobile-catalog .Products + .Products {
		margin-top: 8px !important;
	}

	.hs-app-catalog-intro {
		background:
			radial-gradient(circle at 92% 8%, rgba(36, 163, 221, .48), transparent 36%),
			linear-gradient(145deg, var(--hs-blue), var(--hs-blue));
		color: var(--hs-white);
		margin-bottom: 0;
		overflow: hidden;
		padding: 28px 16px 18px;
		position: relative;
	}

	.hs-app-catalog-intro::after {
		border: 1px solid rgba(255, 255, 255, .16);
		border-radius: 50%;
		content: '';
		height: 170px;
		inset-inline-end: -74px;
		position: absolute;
		top: -68px;
		width: 170px;
	}

	.hs-app-catalog-intro .hs-app-eyebrow {
		color: var(--hs-sky);
		position: relative;
		z-index: 2;
	}

	.hs-app-catalog-intro h1 {
		color: var(--hs-white) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: clamp(30px, 9vw, 38px) !important;
		font-weight: 800 !important;
		letter-spacing: -.025em;
		line-height: 1.02;
		margin: 0 0 10px !important;
		max-width: 310px;
		position: relative;
		z-index: 2;
	}

	[dir='rtl'] .hs-app-catalog-intro h1 {
		letter-spacing: 0;
		line-height: 1.18;
	}

	.hs-app-catalog-intro > p {
		color: rgba(255, 255, 255, .82);
		font-size: 14px;
		line-height: 1.45;
		margin: 0 0 15px;
		max-width: 330px;
		position: relative;
		z-index: 2;
	}

	.hs-app-trust-row {
		display: flex;
		gap: 7px;
		overflow-x: auto;
		padding-bottom: 4px;
		position: relative;
		scrollbar-width: none;
		z-index: 2;
	}

	.hs-app-trust-row::-webkit-scrollbar {
		display: none;
	}

	.hs-app-trust-row span {
		align-items: center;
		background: rgba(255, 255, 255, .11);
		border: 1px solid rgba(255, 255, 255, .16);
		border-radius: 999px;
		color: var(--hs-white);
		display: inline-flex;
		font-size: 10px;
		font-weight: 700;
		gap: 5px;
		min-height: 31px;
		padding: 0 10px;
		white-space: nowrap;
	}

	.hs-app-trust-row .hs-app-icon {
		color: var(--hs-sky);
		font-size: 10px;
	}

	.hs-app-search-trigger-light {
		background: var(--hs-white);
		border-color: transparent;
		box-shadow: 0 14px 32px rgba(28, 36, 52, .2);
		margin-top: 14px;
		position: relative;
		z-index: 2;
	}

	.hs-app-catalog-categories {
		background: rgba(255, 255, 255, .97);
		border-bottom: 1px solid rgba(19, 66, 107, .1);
		box-shadow: 0 9px 24px rgba(19, 66, 107, .08);
		padding: 12px 0 11px;
		position: sticky;
		top: var(--hs-header-height);
		z-index: 90;
	}

	body.admin-bar .hs-app-catalog-categories {
		top: calc(var(--hs-header-height) + 46px);
	}

	.hs-app-catalog-categories > strong {
		color: var(--hs-copy);
		display: block;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: .08em;
		padding: 0 16px 7px;
		text-transform: uppercase;
	}

	[dir='rtl'] .hs-app-catalog-categories > strong {
		letter-spacing: 0;
		text-transform: none;
	}

	.hs-app-category-rail {
		display: flex;
		gap: 8px;
		overflow-x: auto;
		padding: 0 12px 2px;
		scroll-padding-inline: 12px;
		scroll-snap-type: inline mandatory;
		scrollbar-width: none;
	}

	.hs-app-category-rail a {
		align-items: center;
		background: var(--hs-white);
		border: 1px solid rgba(19, 66, 107, .14);
		border-radius: 999px;
		color: var(--hs-blue) !important;
		display: flex;
		font-size: 12px;
		font-weight: 800;
		min-height: 40px;
		padding: 0 15px;
		scroll-snap-align: start;
		text-decoration: none !important;
		white-space: nowrap;
	}

	.hs-app-category-rail a[aria-current='page'] {
		background: var(--hs-blue);
		border-color: var(--hs-blue);
		box-shadow: 0 7px 18px rgba(19, 66, 107, .22);
		color: var(--hs-white) !important;
	}

	body.hs-mobile-catalog .Products .TitleRow {
		background: transparent !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 24px 16px 12px !important;
	}

	body.hs-mobile-catalog .Products .TitleText {
		background: transparent !important;
		border: 0 !important;
		clip-path: none !important;
		padding: 0 !important;
		width: 100% !important;
	}

	body.hs-mobile-catalog .Products .TitleText h1 {
		color: var(--hs-blue) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 24px !important;
		font-weight: 800 !important;
		line-height: 1.15 !important;
		margin: 0 !important;
		text-align: start !important;
	}

	body.hs-mobile-catalog .Products .TitleText h1::after {
		background: var(--hs-sky);
		border-radius: 99px;
		content: '';
		display: block;
		height: 4px;
		margin-top: 8px;
		width: 36px;
	}

	body.hs-mobile-catalog .ProductsRow {
		display: block !important;
		padding: 0 10px !important;
		width: 100% !important;
	}

	body.hs-mobile-catalog .ProductsRow > .x-row-inner {
		display: grid !important;
		gap: 12px !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		margin: 0 !important;
		width: 100% !important;
	}

	/* Product card system */
	.ProductsColumn.hs-app-product-card {
		background: var(--hs-white) !important;
		border: 1px solid rgba(19, 66, 107, .09) !important;
		border-radius: 20px !important;
		box-shadow: 0 8px 26px rgba(19, 66, 107, .09);
		margin: 0 !important;
		min-height: 410px !important;
		min-width: 0 !important;
		overflow: hidden;
		padding: 8px !important;
		scroll-snap-align: start;
		transition: border .25s ease, box-shadow .25s ease, transform .25s ease;
		width: 100% !important;
	}

	.ProductsColumn.hs-app-product-card:active {
		border-color: rgba(36, 163, 221, .35) !important;
		box-shadow: 0 10px 30px rgba(19, 66, 107, .14);
		transform: translateY(1px) scale(.99);
	}

	.hs-app-product-card .RelatedProductsDiv {
		display: flex !important;
		flex-direction: column;
		gap: 7px;
		height: auto !important;
		min-height: 100%;
		min-width: 0;
	}

	.hs-app-product-card .RelatedProductsImage,
	.hs-app-product-card .RelatedProductsImage img {
		aspect-ratio: 1 / 1;
		background: var(--hs-canvas);
		border-radius: 15px !important;
		display: block;
		height: auto !important;
		max-height: none !important;
		object-fit: cover;
		overflow: hidden;
		transition: transform .38s cubic-bezier(.2, .8, .2, 1);
		width: 100% !important;
	}

	.hs-app-product-card:active .RelatedProductsImage img {
		transform: scale(1.025);
	}

	.hs-app-product-card .RelatedProductsTitle,
	.hs-app-product-card .RelatedProductsTitle h2,
	.hs-app-product-card .RelatedProductsTitle a {
		color: var(--hs-blue) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		line-height: 1.25 !important;
		text-decoration: none !important;
	}

	.hs-app-product-card .RelatedProductsTitle {
		margin-top: 3px;
		min-height: 36px;
		padding-inline: 3px;
	}

	.hs-app-product-card p,
	.hs-app-product-card label,
	.hs-app-product-card .label,
	.hs-app-product-card .value {
		color: var(--hs-copy) !important;
		font-size: 12px !important;
		line-height: 1.35 !important;
		margin-block: 0 !important;
	}

	.hs-app-product-card .woocommerce-Price-amount,
	.hs-app-product-card .RelatedProductsPrice,
	.hs-app-product-card .price {
		color: var(--hs-sky) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 14px !important;
		font-weight: 800 !important;
	}

	.hs-app-product-card .RelatedProductsAddtoCartForm,
	.hs-app-product-card .RelatedProductsAddtoCartForm form,
	.hs-app-product-card .cart,
	.hs-app-product-card .variations_form {
		margin-top: auto;
		min-width: 0;
		width: 100%;
	}

	.hs-app-product-card select,
	.hs-app-product-card input[type='number'] {
		background: var(--hs-canvas) !important;
		border: 1px solid rgba(19, 66, 107, .16) !important;
		border-radius: 11px !important;
		color: var(--hs-blue) !important;
		font-size: 13px !important;
		height: 42px !important;
		margin: 4px 0 !important;
		max-width: 100%;
		min-height: 42px !important;
		padding-inline: 9px !important;
		width: 100% !important;
	}

	.hs-app-product-card button,
	.hs-app-product-card .button {
		align-items: center;
		background: var(--hs-blue) !important;
		border: 0 !important;
		border-radius: 12px !important;
		box-shadow: 0 8px 18px rgba(19, 66, 107, .18);
		color: var(--hs-white) !important;
		display: flex !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 13px !important;
		font-weight: 800 !important;
		justify-content: center;
		min-height: 46px !important;
		padding: 0 8px !important;
		position: relative;
		transition: background .2s ease, transform .16s ease !important;
		width: 100% !important;
	}

	.hs-app-product-card button:active,
	.hs-app-product-card .button:active {
		background: var(--hs-sky) !important;
		transform: scale(.97);
	}

	.hs-app-product-card .hs-app-is-adding::after {
		animation: hs-spin .7s linear infinite;
		border: 2px solid rgba(255, 255, 255, .42);
		border-radius: 50%;
		border-top-color: var(--hs-white);
		content: '';
		height: 16px;
		inset-inline-end: 9px;
		position: absolute;
		width: 16px;
	}

	body.hs-mobile-catalog .SeeMoreRow {
		padding: 18px 12px 26px !important;
	}

	body.hs-mobile-catalog .SeeMoreRow .x-anchor {
		background: transparent !important;
		border: 1px solid rgba(19, 66, 107, .22) !important;
		border-radius: 14px !important;
		box-shadow: none !important;
		color: var(--hs-blue) !important;
		min-height: 48px;
	}

	/* Bottom navigation */
	.hs-mobile-bottom-nav {
		backdrop-filter: blur(22px) saturate(160%);
		background: rgba(255, 255, 255, .96);
		border: 1px solid rgba(19, 66, 107, .09);
		border-bottom: 0;
		border-radius: 24px 24px 0 0;
		bottom: 0;
		box-shadow: 0 -14px 40px rgba(19, 66, 107, .15);
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		inset-inline: 0;
		min-height: var(--hs-nav-height);
		padding: 7px 7px calc(6px + env(safe-area-inset-bottom));
		position: fixed;
		z-index: 1100;
	}

	.hs-mobile-bottom-nav-link,
	button.hs-mobile-bottom-nav-link {
		align-items: center;
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 15px;
		color: var(--hs-copy) !important;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		font-size: 10px;
		font-weight: 700;
		gap: 4px;
		justify-content: center;
		min-height: 57px;
		padding: 4px 2px 3px;
		position: relative;
		text-decoration: none !important;
		transition: color .2s ease, transform .15s ease;
	}

	.hs-mobile-bottom-nav-link:active {
		transform: scale(.91);
	}

	.hs-mobile-bottom-nav-icon {
		align-items: center;
		border-radius: 12px;
		display: flex;
		height: 29px;
		justify-content: center;
		position: relative;
		transition: background .2s ease, color .2s ease, transform .2s ease;
		width: 36px;
	}

	.hs-mobile-bottom-nav-icon .hs-app-icon {
		font-size: 20px;
	}

	.hs-mobile-bottom-nav-link[aria-current='page'] {
		color: var(--hs-blue) !important;
	}

	.hs-mobile-bottom-nav-link[aria-current='page'] .hs-mobile-bottom-nav-icon {
		background: rgba(36, 163, 221, .12);
		color: var(--hs-sky);
	}

	.hs-mobile-bottom-nav-link[aria-current='page']::after {
		background: var(--hs-sky);
		border-radius: 99px;
		bottom: 1px;
		content: '';
		height: 3px;
		position: absolute;
		width: 18px;
	}

	.hs-mobile-bottom-nav-search .hs-mobile-bottom-nav-icon {
		background: var(--hs-sky);
		border: 4px solid var(--hs-white);
		border-radius: 50%;
		box-shadow: 0 8px 22px rgba(19, 66, 107, .26);
		color: var(--hs-white);
		height: 50px;
		margin-top: -25px;
		width: 50px;
	}

	.hs-mobile-bottom-nav-search .hs-mobile-bottom-nav-label {
		margin-top: 0;
	}

	.hs-mobile-bottom-nav-search .hs-app-icon {
		font-size: 19px;
	}

	body.hs-mobile-bottom-nav-active {
		padding-bottom: calc(var(--hs-nav-height) + env(safe-area-inset-bottom));
	}

	body.hs-app-ready .xoo-wsc-basket,
	body.hs-app-ready .wws-popup-container,
	body.hs-app-ready .wws-popup {
		display: none !important;
	}

	/* Compact application page titles replace the desktop banner treatment. */
	.hs-app-page-title-section,
	body.hs-mobile-product .CategoryTitleSection {
		background: var(--hs-canvas) !important;
		margin: 0 !important;
		min-height: 0 !important;
		padding: 16px 12px !important;
	}

	.hs-app-page-title-section .TitleRow,
	body.hs-mobile-product .CategoryTitleSection .TitleRow {
		background: var(--hs-blue) !important;
		border-radius: 18px !important;
		box-shadow: 0 10px 28px rgba(19, 66, 107, .16);
		margin: 0 !important;
		min-height: 64px !important;
		padding: 0 18px !important;
		width: 100% !important;
	}

	.hs-app-page-title-section .TitleRow > .x-row-inner,
	body.hs-mobile-product .CategoryTitleSection .TitleRow > .x-row-inner {
		align-items: center !important;
		min-height: 64px !important;
		width: 100% !important;
	}

	.hs-app-page-title-section .TitleText,
	body.hs-mobile-product .CategoryTitleSection .TitleText {
		background: none !important;
		clip-path: none !important;
		margin: 0 !important;
		width: 100% !important;
	}

	.hs-app-page-title-section .TitleText::before,
	.hs-app-page-title-section .TitleText::after,
	body.hs-mobile-product .CategoryTitleSection .TitleText::before,
	body.hs-mobile-product .CategoryTitleSection .TitleText::after {
		display: none !important;
	}

	.hs-app-page-title-section h1,
	body.hs-mobile-product .CategoryTitleSection h1 {
		color: var(--hs-white) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 25px !important;
		font-weight: 800 !important;
		line-height: 1.1 !important;
		margin: 0 !important;
		text-align: start !important;
	}

	.hs-app-commerce-section {
		margin: 0 !important;
		padding: 8px 0 72px !important;
	}

	/* Search sheet */
	.hs-mobile-search-sheet[hidden] {
		display: none !important;
	}

	.hs-mobile-search-sheet {
		inset: 0;
		position: fixed;
		z-index: 3000010;
	}

	.hs-mobile-search-backdrop {
		appearance: none;
		backdrop-filter: blur(5px);
		background: rgba(28, 36, 52, .55);
		border: 0;
		inset: 0;
		opacity: 0;
		position: absolute;
		transition: opacity .28s ease;
		width: 100%;
	}

	.hs-mobile-search-panel {
		background:
			radial-gradient(circle at 95% 0%, rgba(36, 163, 221, .18), transparent 30%),
			var(--hs-white);
		border-radius: 28px 28px 0 0;
		bottom: 0;
		box-shadow: var(--hs-shadow-strong);
		inset-inline: 0;
		max-height: min(86dvh, 720px);
		overflow-y: auto;
		padding: 10px 16px calc(26px + env(safe-area-inset-bottom));
		position: absolute;
		transform: translateY(104%);
		transition: transform .34s cubic-bezier(.18, .88, .28, 1.08);
	}

	.hs-mobile-search-sheet.is-open .hs-mobile-search-backdrop {
		opacity: 1;
	}

	.hs-mobile-search-sheet.is-open .hs-mobile-search-panel {
		transform: translateY(0);
	}

	.hs-mobile-search-handle {
		background: rgba(19, 66, 107, .18);
		border-radius: 99px;
		height: 5px;
		margin: 0 auto 19px;
		width: 44px;
	}

	.hs-mobile-search-heading {
		align-items: flex-start;
		display: flex;
		gap: 12px;
		justify-content: space-between;
	}

	.hs-mobile-search-heading span {
		color: var(--hs-sky);
		display: block;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: .1em;
		margin-bottom: 6px;
		text-transform: uppercase;
	}

	[dir='rtl'] .hs-mobile-search-heading span {
		letter-spacing: 0;
		text-transform: none;
	}

	.hs-mobile-search-heading strong {
		color: var(--hs-blue);
		display: block;
		font-family: qatar-bold, sans-serif;
		font-size: 29px;
		font-weight: 800;
		line-height: 1.08;
	}

	.hs-mobile-search-close {
		align-items: center;
		appearance: none;
		background: rgba(36, 163, 221, .1);
		border: 0;
		border-radius: 50%;
		color: var(--hs-blue);
		display: flex;
		flex: 0 0 44px;
		height: 44px;
		justify-content: center;
		width: 44px;
	}

	.hs-mobile-search-form {
		align-items: center;
		background: var(--hs-canvas);
		border: 1px solid rgba(19, 66, 107, .14);
		border-radius: 17px;
		display: grid;
		gap: 10px;
		grid-template-columns: 20px minmax(0, 1fr) auto;
		margin: 20px 0 17px;
		min-height: 60px;
		padding: 6px 6px 6px 14px;
	}

	[dir='rtl'] .hs-mobile-search-form {
		padding: 6px 14px 6px 6px;
	}

	.hs-mobile-search-form > .hs-app-icon {
		color: var(--hs-sky);
		font-size: 17px;
	}

	.hs-mobile-search-form input[type='search'] {
		background: transparent;
		border: 0;
		color: var(--hs-ink);
		font-size: 16px;
		min-height: 46px;
		min-width: 0;
		outline: 0;
		width: 100%;
	}

	.hs-mobile-search-form input::placeholder {
		color: var(--hs-muted);
		opacity: 1;
	}

	.hs-mobile-search-form button[type='submit'] {
		background: var(--hs-blue);
		border: 0;
		border-radius: 12px;
		color: var(--hs-white);
		font-size: 12px;
		font-weight: 800;
		height: 46px;
		padding: 0 16px;
	}

	.hs-mobile-popular-searches {
		display: flex;
		flex-wrap: wrap;
		gap: 7px;
		margin-bottom: 18px;
	}

	.hs-mobile-popular-searches > span {
		color: var(--hs-copy);
		flex: 0 0 100%;
		font-size: 11px;
		font-weight: 800;
		letter-spacing: .06em;
		text-transform: uppercase;
	}

	[dir='rtl'] .hs-mobile-popular-searches > span {
		letter-spacing: 0;
		text-transform: none;
	}

	.hs-mobile-popular-searches a {
		background: rgba(36, 163, 221, .1);
		border-radius: 999px;
		color: var(--hs-blue) !important;
		font-size: 12px;
		font-weight: 800;
		padding: 9px 13px;
		text-decoration: none !important;
	}

	.hs-mobile-search-categories {
		display: grid;
		gap: 9px;
	}

	.hs-mobile-search-categories a {
		align-items: center;
		background: var(--hs-white);
		border: 1px solid rgba(19, 66, 107, .11);
		border-radius: 15px;
		box-shadow: 0 5px 18px rgba(19, 66, 107, .06);
		color: var(--hs-blue) !important;
		display: flex;
		font-size: 14px;
		font-weight: 800;
		justify-content: space-between;
		min-height: 52px;
		padding: 0 15px;
		text-decoration: none !important;
	}

	.hs-mobile-search-categories a > .hs-app-icon {
		color: var(--hs-sky);
		font-size: 13px;
		line-height: 1;
	}

	body.hs-mobile-search-open {
		overflow: hidden;
	}

	body.hs-mobile-search-open .xoo-wsc-basket,
	body.hs-mobile-search-open .wws-popup-container,
	body.hs-mobile-search-open .wws-popup {
		display: none !important;
	}

	/* Compact footer preserves the live footer data without a desktop wall. */
	.hs-app-footer {
		background:
			radial-gradient(circle at 90% 0%, rgba(36, 163, 221, .22), transparent 32%),
			var(--hs-blue);
		color: var(--hs-white);
		margin-top: 24px;
		padding: 28px 16px calc(24px + env(safe-area-inset-bottom));
	}

	body.hs-mobile-bottom-nav-active .hs-app-footer {
		padding-bottom: calc(var(--hs-nav-height) + 30px + env(safe-area-inset-bottom));
	}

	.hs-app-footer-brand {
		display: inline-flex;
		margin-bottom: 12px;
	}

	.hs-app-footer-brand img {
		display: block;
		filter: brightness(0) invert(1);
		height: 58px;
		object-fit: contain;
		width: 112px;
	}

	.hs-app-footer > p {
		color: rgba(255, 255, 255, .76);
		font-size: 13px;
		line-height: 1.5;
		margin: 0 0 19px;
		max-width: 330px;
	}

	.hs-app-footer-accordion {
		border-top: 1px solid rgba(255, 255, 255, .16);
	}

	.hs-app-footer details {
		border-bottom: 1px solid rgba(255, 255, 255, .16);
	}

	.hs-app-footer summary {
		align-items: center;
		color: var(--hs-white);
		cursor: pointer;
		display: flex;
		font-family: qatar-bold, sans-serif;
		font-size: 15px;
		font-weight: 800;
		justify-content: space-between;
		list-style: none;
		min-height: 54px;
	}

	.hs-app-footer summary::-webkit-details-marker {
		display: none;
	}

	.hs-app-footer summary .hs-app-icon {
		color: var(--hs-sky);
		font-size: 12px;
		transition: transform .2s ease;
	}

	.hs-app-footer details[open] summary .hs-app-icon {
		transform: rotate(90deg);
	}

	[dir='rtl'] .hs-app-footer details[open] summary .hs-app-icon {
		transform: rotate(-90deg);
	}

	.hs-app-footer-content {
		color: rgba(255, 255, 255, .76);
		font-size: 13px;
		line-height: 1.55;
		padding: 0 0 17px;
	}

	.hs-app-footer-content a {
		color: var(--hs-white) !important;
		text-decoration-color: var(--hs-sky) !important;
		text-underline-offset: 3px;
	}

	.hs-app-footer-content h2 {
		display: none;
	}

	.hs-app-footer-content ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.hs-app-map-link {
		align-items: center;
		background: rgba(255, 255, 255, .11);
		border: 1px solid rgba(255, 255, 255, .18);
		border-radius: 12px;
		display: inline-flex;
		font-weight: 800;
		gap: 8px;
		margin-top: 8px;
		min-height: 44px;
		padding: 0 13px;
		text-decoration: none !important;
	}

	.hs-app-map-link .hs-app-icon {
		color: var(--hs-sky);
	}

	.hs-app-footer-actions {
		display: grid;
		gap: 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 18px;
	}

	.hs-app-footer-actions a {
		align-items: center;
		background: var(--hs-white);
		border-radius: 13px;
		color: var(--hs-blue) !important;
		display: flex;
		font-size: 13px;
		font-weight: 800;
		justify-content: center;
		min-height: 48px;
		text-decoration: none !important;
	}

	.hs-app-footer-socials {
		align-items: center;
		display: flex;
		gap: 8px;
		margin-top: 14px;
	}

	.hs-app-footer-socials > a {
		align-items: center !important;
		background: rgba(255, 255, 255, .1) !important;
		border: 1px solid rgba(255, 255, 255, .17) !important;
		border-radius: 50% !important;
		color: var(--hs-white) !important;
		display: flex !important;
		height: 44px !important;
		justify-content: center !important;
		margin: 0 !important;
		min-height: 44px !important;
		padding: 0 !important;
		width: 44px !important;
	}

	.hs-app-footer-final {
		align-items: flex-start;
		color: rgba(255, 255, 255, .6);
		display: flex;
		flex-direction: column;
		font-size: 10px;
		gap: 8px;
		padding-top: 18px;
	}

	.hs-app-footer-final a {
		color: var(--hs-white) !important;
	}

	/* Product detail */
	body.hs-mobile-product {
		background: var(--hs-canvas) !important;
		padding-bottom: 86px;
	}

	body.hs-mobile-product .ProductSectionRow,
	body.hs-mobile-product .ProductSectionRow > .x-row-inner {
		min-width: 0 !important;
		width: 100% !important;
	}

	body.hs-mobile-product .ProductSection {
		margin: 0 !important;
		padding: 8px 0 48px !important;
	}

	body.hs-mobile-product .SingleProductImage {
		background: var(--hs-white);
		border: 1px solid rgba(19, 66, 107, .08);
		border-radius: 24px;
		box-shadow: var(--hs-shadow-sm);
		margin: 12px;
		overflow: hidden;
		padding: 10px;
	}

	body.hs-mobile-product .SingleProductImage img {
		aspect-ratio: 1 / 1;
		background: var(--hs-canvas);
		border-radius: 18px;
		display: block;
		height: auto !important;
		max-height: none !important;
		object-fit: contain;
		width: 100% !important;
	}

	body.hs-mobile-product .SingleProductTitle {
		color: var(--hs-blue) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 28px !important;
		font-weight: 800 !important;
		line-height: 1.12 !important;
		margin: 14px 16px 8px !important;
	}

	body.hs-mobile-product .summary,
	body.hs-mobile-product .SingleProductInfo {
		background: var(--hs-white);
		border-radius: 22px;
		box-shadow: var(--hs-shadow-sm);
		margin: 12px !important;
		padding: 16px !important;
	}

	body.hs-mobile-product .price,
	body.hs-mobile-product .woocommerce-Price-amount {
		color: var(--hs-sky) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 19px !important;
		font-weight: 800 !important;
	}

	body.hs-mobile-product select,
	body.hs-mobile-product input.qty {
		background: var(--hs-canvas) !important;
		border: 1px solid rgba(19, 66, 107, .16) !important;
		border-radius: 12px !important;
		color: var(--hs-blue) !important;
		font-size: 16px !important;
		min-height: 48px !important;
	}

	body.hs-mobile-product .SingleVarProductAddToCart,
	body.hs-mobile-product form.cart {
		background: rgba(255, 255, 255, .97);
		border-top: 1px solid rgba(19, 66, 107, .1);
		bottom: 0;
		box-shadow: 0 -12px 36px rgba(19, 66, 107, .14);
		padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
		position: sticky;
		z-index: 700;
	}

	body.hs-mobile-product .single_add_to_cart_button {
		background: var(--hs-blue) !important;
		border: 0 !important;
		border-radius: 14px !important;
		box-shadow: 0 10px 24px rgba(19, 66, 107, .22);
		color: var(--hs-white) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 16px !important;
		font-weight: 800 !important;
		min-height: 54px !important;
	}

	/* Cart */
	body.hs-mobile-cart .woocommerce,
	body.hs-mobile-account .woocommerce,
	body.hs-mobile-checkout .woocommerce {
		margin: 0 auto;
		max-width: 100%;
		padding: 14px 12px 24px;
		width: 100%;
	}

	body.hs-mobile-cart .woocommerce-cart-form,
	body.hs-mobile-cart .cart-collaterals {
		background: var(--hs-white);
		border: 1px solid rgba(19, 66, 107, .08);
		border-radius: 20px;
		box-shadow: var(--hs-shadow-sm);
		margin-bottom: 14px;
		overflow: hidden;
		padding: 10px;
		width: 100% !important;
	}

	body.hs-mobile-cart .shop_table,
	body.hs-mobile-cart .cart_totals {
		font-size: 13px;
		margin: 0 !important;
		width: 100% !important;
	}

	body.hs-mobile-cart .shop_table td,
	body.hs-mobile-cart .shop_table th {
		border-color: var(--hs-line) !important;
		padding: 11px 6px !important;
		vertical-align: middle;
	}

	body.hs-mobile-cart .product-name a,
	body.hs-mobile-cart .cart_totals h2 {
		color: var(--hs-blue) !important;
		font-family: qatar-bold, sans-serif !important;
	}

	body.hs-mobile-cart .product-thumbnail img {
		border-radius: 12px;
		width: 66px !important;
	}

	body.hs-mobile-cart .quantity .qty {
		background: var(--hs-canvas);
		border: 1px solid rgba(19, 66, 107, .15);
		border-radius: 10px;
		font-size: 16px;
		min-height: 44px;
	}

	body.hs-mobile-cart .coupon {
		display: grid !important;
		gap: 8px;
		grid-template-columns: minmax(0, 1fr) auto;
		position: relative;
		width: 100% !important;
	}

	body.hs-mobile-cart .coupon .screen-reader-text {
		position: absolute !important;
	}

	body.hs-mobile-cart .coupon input,
	body.hs-mobile-cart .coupon button,
	body.hs-mobile-cart button[name='update_cart'] {
		border-radius: 12px !important;
		font-size: 16px !important;
		min-height: 48px !important;
	}

	body.hs-mobile-cart .coupon input {
		background: var(--hs-canvas) !important;
		border: 1px solid rgba(19, 66, 107, .15) !important;
		grid-column: 1;
		grid-row: 1;
		min-width: 0;
		width: 100% !important;
	}

	body.hs-mobile-cart .coupon button {
		grid-column: 2;
		grid-row: 1;
		min-width: 112px;
		padding-inline: 14px !important;
		white-space: nowrap;
		width: auto !important;
	}

	body.hs-mobile-cart .coupon button,
	body.hs-mobile-cart button[name='update_cart'] {
		background: var(--hs-blue) !important;
		border: 0 !important;
		color: var(--hs-white) !important;
		font-weight: 800 !important;
	}

	body.hs-mobile-cart button[name='update_cart'] {
		margin-top: 8px !important;
		width: 100% !important;
	}

	body.hs-mobile-cart .wc-proceed-to-checkout {
		background: rgba(255, 255, 255, .98);
		bottom: var(--hs-nav-height);
		box-shadow: 0 -10px 30px rgba(19, 66, 107, .13);
		padding: 10px 0;
		position: sticky;
		z-index: 680;
	}

	body.hs-mobile-cart .wc-proceed-to-checkout a {
		align-items: center;
		background: var(--hs-blue) !important;
		border: 0 !important;
		border-radius: 14px !important;
		color: var(--hs-white) !important;
		display: flex !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 16px !important;
		font-weight: 800 !important;
		justify-content: center;
		margin: 0 !important;
		min-height: 56px;
		width: 100%;
	}

	/* Checkout */
	body.hs-mobile-checkout {
		background: var(--hs-canvas) !important;
	}

	body.hs-mobile-checkout footer.x-colophon,
	body.hs-mobile-checkout .xoo-wsc-basket,
	body.hs-mobile-checkout .wws-popup-container,
	body.hs-mobile-checkout .wws-popup {
		display: none !important;
	}

	body.hs-mobile-checkout .woocommerce-checkout,
	body.hs-mobile-checkout #customer_details,
	body.hs-mobile-checkout #order_review {
		min-width: 0;
		width: 100% !important;
	}

	body.hs-mobile-checkout .col-1,
	body.hs-mobile-checkout .col-2,
	body.hs-mobile-checkout #order_review {
		background: var(--hs-white);
		border: 1px solid rgba(19, 66, 107, .08);
		border-radius: 20px;
		box-shadow: var(--hs-shadow-sm);
		margin-bottom: 14px;
		padding: 16px !important;
		width: 100% !important;
	}

	body.hs-mobile-checkout h3,
	body.hs-mobile-checkout .woocommerce-billing-fields > h3,
	body.hs-mobile-checkout #order_review_heading {
		color: var(--hs-blue) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 22px !important;
		font-weight: 800 !important;
		line-height: 1.2;
		margin: 0 0 16px !important;
	}

	body.hs-mobile-checkout .form-row,
	body.hs-mobile-checkout .form-row-first,
	body.hs-mobile-checkout .form-row-last,
	body.hs-mobile-checkout #billing_first_name_field,
	body.hs-mobile-checkout #billing_middle_name_field,
	body.hs-mobile-checkout #billing_last_name_field {
		display: block !important;
		float: none !important;
		margin-inline: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}

	body.hs-mobile-checkout .form-row label,
	body.hs-mobile-account .form-row label {
		color: var(--hs-blue) !important;
		display: block;
		font-size: 13px;
		font-weight: 800;
		margin-bottom: 6px;
	}

	body.hs-mobile-checkout input.input-text,
	body.hs-mobile-checkout select,
	body.hs-mobile-checkout textarea,
	body.hs-mobile-account input.input-text,
	body.hs-mobile-account input.input-email,
	body.hs-mobile-account input.input-password {
		background: var(--hs-canvas) !important;
		border: 1px solid rgba(19, 66, 107, .14) !important;
		border-radius: 12px !important;
		color: var(--hs-ink) !important;
		font-size: 16px !important;
		max-width: 100%;
		min-height: 50px;
		padding-inline: 12px !important;
		width: 100% !important;
	}

	body.hs-mobile-checkout textarea {
		min-height: 100px;
		padding-block: 12px !important;
	}

	body.hs-mobile-checkout #payment {
		background: var(--hs-canvas) !important;
		border-radius: 16px !important;
		margin-top: 14px;
		padding: 10px !important;
		width: 100% !important;
	}

	body.hs-mobile-checkout #payment .wc_payment_method {
		background: var(--hs-white);
		border: 1px solid var(--hs-line);
		border-radius: 12px;
		margin-bottom: 8px !important;
		padding: 10px !important;
	}

	body.hs-mobile-checkout #order_review .place-order {
		background: rgba(255, 255, 255, .98);
		bottom: 0;
		box-shadow: 0 -12px 34px rgba(19, 66, 107, .14);
		margin: 10px -16px -16px !important;
		padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important;
		position: sticky;
		width: calc(100% + 32px) !important;
		z-index: 700;
	}

	body.hs-mobile-checkout #place_order {
		background: var(--hs-blue) !important;
		border: 0 !important;
		border-radius: 14px !important;
		box-shadow: 0 10px 24px rgba(19, 66, 107, .22);
		color: var(--hs-white) !important;
		font-family: qatar-bold, sans-serif !important;
		font-size: 16px !important;
		font-weight: 800 !important;
		min-height: 58px;
		width: 100%;
	}

	/* Account */
	body.hs-mobile-account .woocommerce-MyAccount-content,
	body.hs-mobile-account .woocommerce-form-login,
	body.hs-mobile-account .woocommerce-form-register {
		background: var(--hs-white);
		border: 1px solid rgba(19, 66, 107, .08) !important;
		border-radius: 20px !important;
		box-shadow: var(--hs-shadow-sm);
		padding: 16px !important;
		width: 100% !important;
	}

	body.hs-mobile-account #my-account-menu {
		background: var(--hs-blue) !important;
		border-radius: 20px !important;
		box-shadow: var(--hs-shadow-sm);
		overflow: hidden;
	}

	body.hs-mobile-account .user-avatar.avatar-upload::after {
		background-color: var(--hs-sky) !important;
		color: var(--hs-white) !important;
	}

	body.hs-mobile-account .woocommerce-MyAccount-navigation ul {
		display: grid;
		gap: 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		list-style: none;
		margin: 0 0 14px;
		padding: 0;
	}

	body.hs-mobile-account .woocommerce-MyAccount-navigation a {
		align-items: center;
		background: var(--hs-white);
		border: 1px solid rgba(19, 66, 107, .1);
		border-radius: 13px;
		color: var(--hs-blue) !important;
		display: flex;
		font-weight: 800;
		min-height: 48px;
		padding: 0 12px;
		text-decoration: none !important;
	}

	body.hs-mobile-account .woocommerce-MyAccount-navigation .is-active a {
		background: var(--hs-blue);
		color: var(--hs-white) !important;
	}

	body.hs-mobile-account button,
	body.hs-mobile-account .button {
		background: var(--hs-blue) !important;
		border: 0 !important;
		border-radius: 13px !important;
		color: var(--hs-white) !important;
		font-weight: 800 !important;
		min-height: 48px;
		padding-inline: 18px !important;
	}

	/* Menu and motion state */
	html.hs-mobile-menu-locked {
		overflow: hidden;
	}

	body.hs-mobile-menu-locked {
		overflow: hidden;
		position: fixed !important;
		width: 100%;
	}

	.hs-app-reveal {
		opacity: 0;
		transform: translateY(16px);
		transition: opacity .5s ease var(--hs-delay, 0ms), transform .55s cubic-bezier(.2, .8, .2, 1) var(--hs-delay, 0ms);
	}

	.hs-app-reveal.is-visible {
		opacity: 1;
		transform: translateY(0);
	}

	@keyframes hs-spin {
		to { transform: rotate(360deg); }
	}

	@supports not (height: 100dvh) {
		#sfm-sidebar {
			height: 100vh !important;
			max-height: 100vh;
		}

		.hs-mobile-search-panel {
			max-height: 86vh;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		html {
			scroll-behavior: auto;
		}

		.hs-app-header,
		.hs-app-reveal,
		.hs-mobile-search-backdrop,
		.hs-mobile-search-panel,
		.hs-app-product-card,
		.hs-app-product-card img,
		.hs-mobile-bottom-nav-link,
		.hs-mobile-bottom-nav-icon {
			animation: none !important;
			transition: none !important;
		}

		.hs-app-reveal {
			opacity: 1 !important;
			transform: none !important;
		}
	}
}