/* =========================================================
	   FONT
	   ========================================================= */

	@font-face {
		font-family: "Kalameh";
		src: url("https://drgraphic.net/wp-content/uploads/2026/08/KalamehWeb-Regular.woff") format("woff");
		font-weight: 400;
		font-style: normal;
		font-display: swap;
	}


	/* =========================================================
	   VARIABLES
	   ========================================================= */

	:root {

		--dgh-primary: #533AE8;

		--dgh-primary-hover: #442BCB;

		--dgh-text: #18181B;

		--dgh-muted: #71717A;

		--dgh-white: #FFFFFF;

		--dgh-soft: #F7F6FF;

		--dgh-soft-2: #F3F1FF;

		--dgh-border:
			rgba(83, 58, 232, .13);

		--dgh-hover:
			rgba(83, 58, 232, .065);

		--dgh-header-height: 72px;

	}


	/* =========================================================
	   RESET
	   ========================================================= */

	.dgh-header,
	.dgh-header *,
	.dgh-search-panel,
	.dgh-search-panel *,
	.dgh-cart-panel,
	.dgh-cart-panel *,
	.dgh-global-backdrop {

		box-sizing: border-box;

	}


	/* =========================================================
	   HEADER
	   ========================================================= */

	.dgh-header {

		position: sticky;

		top: 0;

		z-index: 100040;

		width: 100%;

		direction: ltr;

		font-family:
			"Kalameh",
			Tahoma,
			sans-serif;

		background:
			rgba(255, 255, 255, .985);

		border-bottom:
			1px solid
			rgba(83, 58, 232, .08);

		box-shadow:
			0 5px 25px
			rgba(24, 20, 60, .035);

		isolation: isolate;

	}


	body.admin-bar
	.dgh-header {

		top: 32px;

	}


	/* =========================================================
	   INNER
	   ========================================================= */

	.dgh-inner {

		width: 100%;

		max-width: 1440px;

		height:
			var(--dgh-header-height);

		margin:
			0 auto;

		padding:
			0 28px;

		display: grid;

		grid-template-columns:
			minmax(280px, 1fr)
			auto
			minmax(280px, 1fr);

		grid-template-areas:
			"actions menu brand";

		align-items: center;

		column-gap: 26px;

		direction: ltr;

	}


	/* =========================================================
	   BRAND
	   ========================================================= */

	.dgh-brand {

		grid-area: brand;

		justify-self: end;

		display: inline-flex;

		align-items: center;

		justify-content: flex-end;

		gap: 9px;

		width: auto !important;

		height: auto !important;

		direction: rtl;

		color:
			var(--dgh-text) !important;

		text-decoration:
			none !important;

		white-space: nowrap;

	}


	.dgh-brand-logo {

		display:
			block !important;

		flex:
			0 0 auto;

		width:
			38px !important;

		height:
			38px !important;

		min-width:
			38px !important;

		min-height:
			38px !important;

		max-width:
			38px !important;

		max-height:
			38px !important;

		margin:
			0 !important;

		padding:
			0 !important;

		object-fit:
			contain !important;

		border:
			0 !important;

		box-shadow:
			none !important;

	}


	.dgh-brand-name {

		display: block;

		color: #18181B;

		font-size: 20px;

		font-weight: 600;

		line-height: 1;

		letter-spacing: -.25px;

	}


	/* =========================================================
	   MENU
	   ========================================================= */

	.dgh-menu {

		grid-area: menu;

		justify-self: center;

		position: relative;

		z-index: 20;

		min-width: 0;

		direction: rtl;

	}


	.dgh-menu > * {

		margin:
			0 !important;

	}


	.dgh-menu
	.dgm-mobile-trigger {

		width:
			44px !important;

		height:
			44px !important;

		min-width:
			44px !important;

		min-height:
			44px !important;

		padding:
			0 !important;

		margin:
			0 !important;

		border-radius:
			14px !important;

	}


	/* =========================================================
	   MOBILE MENU HOVER FIX
	   ========================================================= */

	.dgh-menu
	.dgm-submenu-toggle,
	.dgh-menu
	.dgm-submenu-toggle:hover,
	.dgh-menu
	.dgm-submenu-toggle:focus,
	.dgh-menu
	.dgm-submenu-toggle:active,

	.dgm-mobile-drawer
	.dgm-submenu-toggle,
	.dgm-mobile-drawer
	.dgm-submenu-toggle:hover,
	.dgm-mobile-drawer
	.dgm-submenu-toggle:focus,
	.dgm-mobile-drawer
	.dgm-submenu-toggle:active {

		background:
			transparent !important;

		background-color:
			transparent !important;

		background-image:
			none !important;

		color:
			var(--dgh-primary) !important;

		box-shadow:
			none !important;

		outline:
			none !important;

		filter:
			none !important;

	}


	.dgm-mobile-drawer
	.dgm-submenu-toggle::before {

		background:
			#F4F3FD !important;

	}


	.dgm-mobile-drawer
	.dgm-submenu-toggle:hover::before {

		background:
			#EFEDFF !important;

	}


	/* =========================================================
	   ACTIONS
	   ========================================================= */

	.dgh-actions {

		grid-area: actions;

		justify-self: start;

		display: flex;

		align-items: center;

		gap: 7px;

		direction: ltr;

		position: relative;

		z-index: 30;

	}


	.dgh-user,
	.dgh-search,
	.dgh-cart {

		display: flex;

		align-items: center;

		direction: rtl;

	}


	.dgh-user
	.dg-user-panel {

		margin:
			0 !important;

	}


	.dgh-user
	.dg-user-panel__trigger {

		height:
			44px !important;

		min-height:
			44px !important;

		margin:
			0 !important;

	}


	/* =========================================================
	   SEARCH / CART BUTTON COMMON
	   ========================================================= */

	.dgh-search-trigger,
	.dgh-cart-trigger {

		position: relative;

		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		width: 44px !important;

		height: 44px !important;

		min-width: 44px !important;

		min-height: 44px !important;

		padding: 0 !important;

		margin: 0 !important;

		border:
			1px solid
			var(--dgh-border) !important;

		border-radius:
			14px !important;

		background:
			#FFFFFF !important;

		background-color:
			#FFFFFF !important;

		background-image:
			none !important;

		color:
			var(--dgh-primary) !important;

		box-shadow:
			none !important;

		outline:
			none !important;

		cursor: pointer;

		-webkit-tap-highlight-color:
			transparent;

		transition:
			background-color .16s ease,
			border-color .16s ease,
			box-shadow .16s ease,
			transform .16s ease !important;

	}


	.dgh-search-trigger:hover,
	.dgh-search-trigger:focus,
	.dgh-search-trigger:focus-visible,
	.dgh-search.is-open
	.dgh-search-trigger,

	.dgh-cart-trigger:hover,
	.dgh-cart-trigger:focus,
	.dgh-cart-trigger:focus-visible,
	.dgh-cart.is-open
	.dgh-cart-trigger {

		background:
			var(--dgh-soft) !important;

		background-color:
			var(--dgh-soft) !important;

		background-image:
			none !important;

		border-color:
			rgba(83, 58, 232, .30) !important;

		color:
			var(--dgh-primary) !important;

		box-shadow:
			0 5px 18px
			rgba(83, 58, 232, .08) !important;

		outline:
			none !important;

	}


	.dgh-search-trigger:active,
	.dgh-cart-trigger:active {

		background:
			var(--dgh-soft-2) !important;

		color:
			var(--dgh-primary) !important;

		transform:
			scale(.96) !important;

	}


	.dgh-search-trigger svg,
	.dgh-cart-trigger svg {

		width: 22px !important;

		height: 22px !important;

		fill: none !important;

		color:
			var(--dgh-primary) !important;

		stroke:
			var(--dgh-primary) !important;

		stroke-width: 1.8 !important;

		stroke-linecap:
			round !important;

		stroke-linejoin:
			round !important;

		pointer-events: none;

	}


	.dgh-search-trigger:hover svg,
	.dgh-search-trigger:focus svg,
	.dgh-search.is-open
	.dgh-search-trigger svg,

	.dgh-cart-trigger:hover svg,
	.dgh-cart-trigger:focus svg,
	.dgh-cart.is-open
	.dgh-cart-trigger svg {

		color:
			var(--dgh-primary) !important;

		stroke:
			var(--dgh-primary) !important;

		fill:
			none !important;

	}


	/* =========================================================
	   CART BADGE
	   ========================================================= */

	.dgh-cart-count {

		position: absolute;

		top: -6px;

		right: -6px;

		z-index: 4;

		display: flex;

		align-items: center;

		justify-content: center;

		min-width: 19px;

		height: 19px;

		padding:
			0 4px;

		border:
			2px solid #FFFFFF;

		border-radius:
			999px;

		background:
			var(--dgh-primary);

		color:
			#FFFFFF;

		font-family:
			"Kalameh",
			sans-serif;

		font-size: 10px;

		font-weight: 500;

		line-height: 1;

		box-shadow:
			0 2px 8px
			rgba(83, 58, 232, .2);

	}


	.dgh-cart-count.is-empty {

		display: none;

	}


	/* =========================================================
	   GLOBAL PANELS
	   ========================================================= */

	.dgh-search-panel,
	.dgh-cart-panel {

		position: fixed;

		z-index: 2147482001;

		width: 430px;

		direction: rtl;

		background:
			#FFFFFF;

		border:
			1px solid
			var(--dgh-border);

		border-radius:
			18px;

		box-shadow:
			0 20px 55px
			rgba(20, 15, 60, .13),
			0 4px 16px
			rgba(20, 15, 60, .05);

		opacity: 0;

		visibility: hidden;

		transform:
			translateY(-7px)
			scale(.985);

		transform-origin:
			top left;

		pointer-events: none;

		transition:
			opacity .17s ease,
			transform .17s ease,
			visibility .17s ease;

	}


	.dgh-search-panel.is-visible,
	.dgh-cart-panel.is-visible {

		opacity: 1;

		visibility: visible;

		transform:
			translateY(0)
			scale(1);

		pointer-events: auto;

	}


	.dgh-search-panel[hidden],
	.dgh-cart-panel[hidden] {

		display:
			none !important;

	}


	/* =========================================================
	   GLOBAL BACKDROP
	   ========================================================= */

	.dgh-global-backdrop {

		position: fixed;

		inset: 0;

		z-index: 2147482000;

		background:
			rgba(25, 22, 50, .22);

		-webkit-backdrop-filter:
			blur(3px);

		backdrop-filter:
			blur(3px);

		opacity: 0;

		visibility: hidden;

		pointer-events: none;

		transition:
			opacity .18s ease,
			visibility .18s ease;

	}


	.dgh-global-backdrop.is-visible {

		opacity: 1;

		visibility: visible;

		pointer-events: auto;

	}


	/* =========================================================
	   SEARCH PANEL
	   ========================================================= */

	.dgh-search-panel {

		padding: 14px;

		overflow: hidden;

	}


	.dgh-search-form {

		margin: 0;

	}


	.dgh-search-field {

		position: relative;

		display: flex;

		align-items: center;

		width: 100%;

	}


	.dgh-search-input {

		width:
			100% !important;

		height:
			50px !important;

		padding:
			0 56px
			0 46px !important;

		margin:
			0 !important;

		border:
			1px solid
			rgba(83, 58, 232, .17) !important;

		border-radius:
			14px !important;

		background:
			#FAFAFF !important;

		color:
			var(--dgh-text) !important;

		outline:
			none !important;

		direction:
			rtl !important;

		text-align:
			right !important;

		font-size:
			14px !important;

		line-height:
			50px !important;

		-webkit-appearance:
			none;

	}


	.dgh-search-input::placeholder {

		color:
			#9898A3 !important;

	}


	.dgh-search-input:focus {

		background:
			#FFFFFF !important;

		border-color:
			var(--dgh-primary) !important;

		box-shadow:
			0 0 0 3px
			rgba(83, 58, 232, .08) !important;

	}


	.dgh-search-input-icon {

		position: absolute;

		right: 18px;

		width: 21px;

		height: 21px;

		z-index: 2;

		fill: none;

		stroke:
			var(--dgh-primary);

		stroke-width: 1.8;

		pointer-events: none;

	}


	.dgh-search-clear {

		position: absolute;

		left: 10px;

		display: flex;

		align-items: center;

		justify-content: center;

		width: 32px;

		height: 32px;

		padding:
			0 !important;

		border:
			0 !important;

		border-radius:
			9px !important;

		background:
			transparent !important;

		color:
			#94949E !important;

		cursor: pointer;

	}


	.dgh-search-clear:hover {

		background:
			rgba(83, 58, 232, .08) !important;

		color:
			var(--dgh-primary) !important;

	}


	.dgh-search-clear svg {

		width: 17px;

		height: 17px;

		fill: none;

		stroke:
			currentColor;

	}


	/* =========================================================
	   SEARCH RESULTS
	   ========================================================= */

	.dgh-search-results {

		display: flex;

		flex-direction: column;

		margin-top: 8px;

	}


	.dgh-result {

		display: flex;

		align-items: center;

		min-height: 60px;

		padding:
			9px 10px;

		border-radius:
			12px;

		text-decoration:
			none !important;

	}


	.dgh-result:hover {

		background:
			var(--dgh-hover);

	}


	.dgh-result-icon {

		flex:
			0 0 38px;

		display: flex;

		align-items: center;

		justify-content: center;

		width: 38px;

		height: 38px;

		margin-left: 11px;

		border-radius:
			11px;

		background:
			var(--dgh-soft);

		color:
			var(--dgh-primary);

	}


	.dgh-result-icon svg {

		width: 18px;

		height: 18px;

		fill: none;

		stroke:
			currentColor;

	}


	.dgh-result-content {

		flex: 1;

		min-width: 0;

	}


	.dgh-result-title {

		display: block;

		overflow: hidden;

		color:
			var(--dgh-text);

		font-size: 14px;

		line-height: 1.8;

		text-overflow:
			ellipsis;

		white-space:
			nowrap;

	}


	.dgh-result-type {

		display: block;

		margin-top: 1px;

		color:
			var(--dgh-muted);

		font-size: 11px;

	}


	.dgh-search-status {

		display: none;

		padding:
			18px 8px 8px;

		text-align: center;

		color:
			var(--dgh-muted);

		font-size: 13px;

	}


	.dgh-search-status.is-visible {

		display: block;

	}


	/* =========================================================
	   SEARCH LOADING
	   ========================================================= */

	.dgh-search-loading,
	.dgh-cart-loading {

		display: flex;

		flex-direction: column;

		gap: 8px;

	}


	.dgh-search-loading {

		margin-top: 10px;

	}


	.dgh-search-loading-item,
	.dgh-cart-loading-item {

		height: 54px;

		border-radius: 12px;

		background:
			linear-gradient(
				90deg,
				#F7F7FB 25%,
				#EEEEF6 50%,
				#F7F7FB 75%
			);

		background-size:
			200% 100%;

		animation:
			dghLoading
			1.15s linear infinite;

	}


	@keyframes dghLoading {

		from {
			background-position:
				200% 0;
		}

		to {
			background-position:
				-200% 0;
		}

	}


	.dgh-search-all {

		display: flex;

		align-items: center;

		justify-content:
			space-between;

		min-height: 43px;

		margin-top: 5px;

		padding:
			0 12px;

		border-top:
			1px solid #F0EFF8;

		color:
			var(--dgh-primary) !important;

		font-size: 13px;

		text-decoration:
			none !important;

	}


	.dgh-search-all:hover {

		background:
			var(--dgh-soft);

		border-radius:
			10px;

	}


	.dgh-search-all svg {

		width: 17px;

		height: 17px;

		fill: none;

		stroke:
			currentColor;

	}


	.dgh-search-recent {

		padding-top: 12px;

		margin-top: 4px;

		border-top:
			1px solid #F0EFF8;

	}


	.dgh-recent-head {

		display: flex;

		align-items: center;

		justify-content:
			space-between;

		margin-bottom: 9px;

		color:
			var(--dgh-muted);

		font-size: 12px;

	}


	.dgh-recent-clear {

		padding:
			6px 10px !important;

		border:
			0 !important;

		border-radius:
			8px !important;

		background:
			transparent !important;

		color:
			var(--dgh-primary) !important;

		font-size:
			11px !important;

		cursor: pointer;

	}


	.dgh-recent-list {

		display: flex;

		flex-wrap: wrap;

		gap: 7px;

	}


	.dgh-recent-item {

		max-width: 100%;

		padding:
			7px 11px;

		border:
			1px solid
			var(--dgh-border);

		border-radius:
			999px;

		background:
			#FFFFFF;

		color:
			#555560;

		font-size: 12px;

		cursor: pointer;

	}


	.dgh-recent-item:hover {

		background:
			var(--dgh-soft);

		color:
			var(--dgh-primary);

	}


	.dgh-recent-empty {

		color:
			#A0A0AA;

		font-size: 12px;

	}


	/* =========================================================
	   CART PANEL
	   ========================================================= */

	.dgh-cart-panel {

		width: 390px;

		max-height:
			min(
				620px,
				calc(100vh - 100px)
			);

		overflow: hidden;

	}


	.dgh-cart-head {

		display: flex;

		align-items: center;

		justify-content:
			space-between;

		height: 58px;

		padding:
			0 17px;

		border-bottom:
			1px solid #F0EFF8;

	}


	.dgh-cart-head-title {

		display: flex;

		align-items: center;

		gap: 8px;

		color:
			var(--dgh-text);

		font-size: 15px;

		font-weight: 500;

	}


	.dgh-cart-head-title svg {

		width: 20px;

		height: 20px;

		fill: none;

		stroke:
			var(--dgh-primary);

		stroke-width: 1.8;

	}


	.dgh-cart-head-count {

		display: inline-flex;

		align-items: center;

		justify-content: center;

		min-width: 28px;

		height: 24px;

		padding:
			0 7px;

		border-radius:
			999px;

		background:
			var(--dgh-soft);

		color:
			var(--dgh-primary);

		font-size: 11px;

	}


	.dgh-cart-body {

		max-height:
			520px;

		overflow-y: auto;

		overscroll-behavior:
			contain;

		scrollbar-width:
			thin;

		padding: 12px;

	}


	/* =========================================================
	   EMPTY CART
	   ========================================================= */

	.dgh-cart-empty {

		display: flex;

		flex-direction: column;

		align-items: center;

		justify-content: center;

		min-height: 260px;

		padding:
			28px 20px;

		text-align: center;

	}


	.dgh-cart-empty-icon {

		display: flex;

		align-items: center;

		justify-content: center;

		width: 70px;

		height: 70px;

		margin-bottom: 15px;

		border-radius:
			22px;

		background:
			var(--dgh-soft);

		color:
			var(--dgh-primary);

	}


	.dgh-cart-empty-icon svg {

		width: 32px;

		height: 32px;

		fill: none;

		stroke:
			currentColor;

		stroke-width: 1.6;

		stroke-linecap:
			round;

		stroke-linejoin:
			round;

	}


	.dgh-cart-empty-title {

		color:
			var(--dgh-text);

		font-size: 16px;

		font-weight: 500;

	}


	.dgh-cart-empty-text {

		margin-top: 7px;

		color:
			var(--dgh-muted);

		font-size: 12px;

		line-height: 1.8;

	}


	.dgh-cart-shop-btn {

		display: flex;

		align-items: center;

		justify-content: center;

		height: 42px;

		margin-top: 20px;

		padding:
			0 22px;

		border-radius:
			12px;

		background:
			var(--dgh-primary);

		color:
			#FFFFFF !important;

		font-size: 13px;

		text-decoration:
			none !important;

		transition:
			background-color .15s ease,
			transform .15s ease;

	}


	.dgh-cart-shop-btn:hover {

		background:
			var(--dgh-primary-hover);

	}


	/* =========================================================
	   CART ITEMS
	   ========================================================= */

	.dgh-cart-items {

		display: flex;

		flex-direction: column;

		gap: 5px;

	}


	.dgh-cart-item {

		display: flex;

		align-items: center;

		min-height: 88px;

		padding:
			10px;

		border-radius:
			14px;

		transition:
			background-color .15s ease;

	}


	.dgh-cart-item:hover {

		background:
			#FAFAFF;

	}


	.dgh-cart-item-thumb {

		flex:
			0 0 66px;

		width: 66px;

		height: 66px;

		margin-left: 12px;

		overflow: hidden;

		border:
			1px solid
			#EEEEF8;

		border-radius:
			12px;

		background:
			#FAFAFC;

	}


	.dgh-cart-item-thumb a {

		display: block;

		width: 100%;

		height: 100%;

	}


	.dgh-cart-item-image {

		display: block;

		width:
			100% !important;

		height:
			100% !important;

		margin: 0 !important;

		object-fit: cover;

	}


	.dgh-cart-item-content {

		flex: 1;

		min-width: 0;

	}


	.dgh-cart-item-name {

		display: block;

		overflow: hidden;

		color:
			var(--dgh-text) !important;

		font-size: 13px;

		font-weight: 500;

		line-height: 1.7;

		text-decoration:
			none !important;

		text-overflow:
			ellipsis;

		white-space:
			nowrap;

	}


	.dgh-cart-item-name:hover {

		color:
			var(--dgh-primary) !important;

	}


	.dgh-cart-item-meta {

		margin-top: 2px;

		color:
			var(--dgh-muted);

		font-size: 10px;

		line-height: 1.6;

	}


	.dgh-cart-item-meta
	dl {

		margin: 0;

	}


	.dgh-cart-item-meta
	dt,
	.dgh-cart-item-meta
	dd {

		display: inline;

		margin: 0;

	}


	.dgh-cart-item-bottom {

		display: flex;

		align-items: center;

		gap: 5px;

		margin-top: 5px;

	}


	.dgh-cart-item-quantity {

		color:
			#9A9AA4;

		font-size: 11px;

	}


	.dgh-cart-item-price {

		color:
			var(--dgh-primary);

		font-size: 12px;

		font-weight: 500;

	}


	.dgh-cart-item-price
	.amount {

		color:
			inherit;

	}


	.dgh-cart-item-remove {

		display: inline-flex !important;

		align-items: center !important;

		justify-content: center !important;

		flex: 0 0 28px;

		width: 28px !important;

		height: 28px !important;

		min-width: 28px !important;

		margin-right: auto !important;

		padding: 0 !important;

		border:
			1px solid
			rgba(83, 58, 232, .12) !important;

		border-radius:
			9px !important;

		background:
			#FFFFFF !important;

		color:
			#9696A0 !important;

		box-shadow:
			none !important;

		outline:
			none !important;

		cursor: pointer;

		-webkit-tap-highlight-color:
			transparent;

		transition:
			background-color .15s ease,
			border-color .15s ease,
			color .15s ease,
			opacity .15s ease !important;

	}


	.dgh-cart-item-remove:hover,
	.dgh-cart-item-remove:focus-visible {

		background:
			#FFF5F5 !important;

		border-color:
			rgba(220, 38, 38, .20) !important;

		color:
			#DC2626 !important;

	}


	.dgh-cart-item-remove:disabled {

		opacity: .45;

		cursor: wait;

	}


	.dgh-cart-item-remove-icon {

		display: block !important;

		width: 16px;

		height: 16px;

		color: currentColor !important;

		font-family: Arial, Tahoma, sans-serif !important;

		font-size: 22px !important;

		font-weight: 400 !important;

		line-height: 14px !important;

		text-align: center !important;

		pointer-events: none;

	}


	.dgh-cart-item.is-removing {

		opacity: .55;

		pointer-events: none;

	}


	/* =========================================================
	   CART SUMMARY
	   ========================================================= */

	.dgh-cart-summary {

		margin-top: 8px;

		padding:
			14px 10px 4px;

		border-top:
			1px solid #F0EFF8;

	}


	.dgh-cart-total-row {

		display: flex;

		align-items: center;

		justify-content:
			space-between;

		min-height: 38px;

		color:
			var(--dgh-text);

		font-size: 13px;

	}


	.dgh-cart-total-row
	strong {

		color:
			var(--dgh-primary);

		font-size: 14px;

		font-weight: 500;

	}


	.dgh-cart-actions {

		display: grid;

		grid-template-columns:
			1fr 1fr;

		gap: 8px;

		margin-top: 10px;

	}


	.dgh-cart-view-btn,
	.dgh-cart-checkout-btn {

		display: flex;

		align-items: center;

		justify-content: center;

		min-height: 44px;

		padding:
			0 10px;

		border-radius:
			12px;

		font-size: 12px;

		text-align: center;

		text-decoration:
			none !important;

		transition:
			background-color .15s ease,
			border-color .15s ease,
			color .15s ease;

	}


	.dgh-cart-view-btn {

		border:
			1px solid
			var(--dgh-border);

		background:
			#FFFFFF;

		color:
			var(--dgh-primary) !important;

	}


	.dgh-cart-view-btn:hover {

		background:
			var(--dgh-soft);

	}


	.dgh-cart-checkout-btn {

		border:
			1px solid
			var(--dgh-primary);

		background:
			var(--dgh-primary);

		color:
			#FFFFFF !important;

	}


	.dgh-cart-checkout-btn:hover {

		background:
			var(--dgh-primary-hover);

		border-color:
			var(--dgh-primary-hover);

	}


	/* =========================================================
	   TABLET
	   ========================================================= */

	@media
	(max-width: 1023px) {

		:root {
			--dgh-header-height:
				64px;
		}


		.dgh-inner {

			grid-template-columns:
				auto
				auto
				minmax(0, 1fr);

			grid-template-areas:
				"actions menu brand";

			column-gap: 8px;

			padding:
				0 16px;

		}


		.dgh-brand-logo {

			width:
				36px !important;

			height:
				36px !important;

			min-width:
				36px !important;

			min-height:
				36px !important;

			max-width:
				36px !important;

			max-height:
				36px !important;

		}


		.dgh-brand-name {

			font-size: 18px;

		}


		.dgh-menu {

			justify-self: start;

		}


		.dgh-actions {

			gap: 6px;

		}


		.dgh-search-trigger,
		.dgh-cart-trigger {

			width:
				42px !important;

			height:
				42px !important;

			min-width:
				42px !important;

			min-height:
				42px !important;

			border-radius:
				13px !important;

		}


		.dgh-menu
		.dgm-mobile-trigger {

			width:
				42px !important;

			height:
				42px !important;

			min-width:
				42px !important;

			min-height:
				42px !important;

		}


		.dgh-user
		.dg-user-panel__trigger {

			height:
				42px !important;

			min-height:
				42px !important;

		}

	}


	/* =========================================================
	   MOBILE
	   ========================================================= */

	@media
	(max-width: 767px) {

		.dgh-inner {

			grid-template-columns:
				auto
				auto
				minmax(0, 1fr);

			grid-template-areas:
				"actions menu brand";

			column-gap: 6px;

			padding:
				0 10px;

		}


		.dgh-actions {

			gap: 4px;

		}


		.dgh-brand {

			gap: 5px;

		}


		.dgh-brand-logo {

			width:
				32px !important;

			height:
				32px !important;

			min-width:
				32px !important;

			min-height:
				32px !important;

			max-width:
				32px !important;

			max-height:
				32px !important;

		}


		.dgh-brand-name {

			font-size: 16px;

		}


		/* User panel becomes icon-only */

		.dgh-user
		.dg-user-panel__trigger-text,
		.dgh-user
		.dg-user-panel__trigger-arrow {

			display:
				none !important;

		}


		.dgh-user
		.dg-user-panel__trigger {

			display:
				flex !important;

			align-items:
				center !important;

			justify-content:
				center !important;

			width:
				42px !important;

			min-width:
				42px !important;

			max-width:
				42px !important;

			height:
				42px !important;

			padding:
				0 !important;

			border-radius:
				13px !important;

		}


		.dgh-search-panel,
		.dgh-cart-panel {

			width:
				calc(100vw - 20px) !important;

			max-width: none;

			max-height:
				calc(100dvh - 86px);

			border-radius:
				18px;

			transform-origin:
				top center;

		}


		.dgh-search-panel {

			padding: 12px;

			overflow-y: auto;

		}


		.dgh-cart-body {

			max-height:
				calc(100dvh - 160px);

		}


		.dgh-search-input {

			height:
				50px !important;

			line-height:
				50px !important;

			font-size:
				16px !important;

		}

	}


	/* =========================================================
	   SMALL PHONE
	   ========================================================= */

	@media
	(max-width: 390px) {

		.dgh-inner {

			padding:
				0 7px;

			column-gap:
				4px;

		}


		.dgh-brand-logo {

			width:
				29px !important;

			height:
				29px !important;

			min-width:
				29px !important;

			min-height:
				29px !important;

			max-width:
				29px !important;

			max-height:
				29px !important;

		}


		.dgh-brand-name {

			font-size: 14px;

		}


		.dgh-search-trigger,
		.dgh-cart-trigger,
		.dgh-menu
		.dgm-mobile-trigger {

			width:
				40px !important;

			height:
				40px !important;

			min-width:
				40px !important;

			min-height:
				40px !important;

		}


		.dgh-user
		.dg-user-panel__trigger {

			width:
				40px !important;

			min-width:
				40px !important;

			max-width:
				40px !important;

			height:
				40px !important;

			min-height:
				40px !important;

		}


		.dgh-cart-item-thumb {

			flex-basis: 58px;

			width: 58px;

			height: 58px;

		}


		.dgh-cart-item {

			padding:
				8px 5px;

		}

	}


	/* =========================================================
	   WP ADMIN BAR
	   ========================================================= */

	@media
	(max-width: 782px) {

		body.admin-bar
		.dgh-header {

			top: 46px;

		}

	}


	/* =========================================================
	   REDUCED MOTION
	   ========================================================= */

	@media
	(prefers-reduced-motion: reduce) {

		.dgh-header *,
		.dgh-search-panel,
		.dgh-cart-panel,
		.dgh-global-backdrop {

			animation-duration:
				.01ms !important;

			transition-duration:
				.01ms !important;

		}

	}

	

/* Persistent discount promotion, adjacent to cart */
.dgh-promo{display:flex;align-items:center;direction:rtl;flex:0 0 auto}
.dgh-promo-link,.dgh-promo-link:visited{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-radius:14px;background:#533AE8!important;color:#fff!important;border:1px solid #533AE8;text-decoration:none!important;white-space:nowrap;font-size:13px;font-weight:500;line-height:1;box-shadow:0 5px 14px rgba(83,58,232,.17);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.dgh-promo-link:hover,.dgh-promo-link:focus-visible{background:#442BCB!important;color:#fff!important;box-shadow:0 7px 18px rgba(83,58,232,.26)}
.dgh-promo-link:active{transform:scale(.97)}
.dgh-promo-link svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dgh-inner{grid-template-columns:minmax(350px,1fr) auto minmax(220px,1fr)}
@media(max-width:1023px){.dgh-promo-link{height:42px;padding:0 11px;gap:5px;font-size:12px}.dgh-promo-link svg{width:18px;height:18px}}
@media(max-width:767px){.dgh-header{padding-bottom:47px}.dgh-promo{position:absolute;top:64px;left:10px;right:10px;z-index:1;justify-content:stretch}.dgh-promo-link{width:100%;height:39px;border-radius:11px}.dgh-inner{position:relative}}
@media(max-width:390px){.dgh-promo{left:7px;right:7px}}


/* v1.1.0: Discount promotion stays in the SAME mobile header row. */
@media (max-width: 767px) {
    .dgh-header { padding-bottom: 0 !important; }
    .dgh-inner {
        position: relative;
        grid-template-columns: minmax(0, auto) auto minmax(0, 1fr) !important;
        column-gap: 5px;
        padding-inline: 8px;
    }
    /* Keep the brand logo; hide only its redundant text on narrow screens. */
    .dgh-brand-name { display: none !important; }
    .dgh-brand-logo {
        width: 30px !important; height: 30px !important;
        min-width: 30px !important; min-height: 30px !important;
        max-width: 30px !important; max-height: 30px !important;
    }
    .dgh-actions { gap: 4px; min-width: 0; }
    .dgh-promo {
        position: static !important;
        top: auto !important; left: auto !important; right: auto !important;
        width: auto !important; flex: 0 0 auto;
        justify-content: center;
    }
    .dgh-promo-link, .dgh-promo-link:visited {
        width: auto !important; min-width: 0;
        height: 40px; padding: 0 10px;
        gap: 5px; border-radius: 12px;
        font-size: 12px;
    }
    .dgh-promo-link svg { width: 17px; height: 17px; }
    .dgh-search-trigger, .dgh-cart-trigger,
    .dgh-menu .dgm-mobile-trigger,
    .dgh-user .dg-user-panel__trigger {
        width: 39px !important; min-width: 39px !important; max-width: 39px !important;
        height: 39px !important; min-height: 39px !important;
        border-radius: 12px !important;
    }
}
@media (max-width: 390px) {
    .dgh-inner { padding-inline: 6px; column-gap: 3px; }
    .dgh-actions { gap: 3px; }
    .dgh-promo-link, .dgh-promo-link:visited { height: 36px; padding: 0 7px; gap: 4px; font-size: 11px; border-radius: 10px; }
    .dgh-promo-link svg { width: 15px; height: 15px; }
    .dgh-search-trigger, .dgh-cart-trigger,
    .dgh-menu .dgm-mobile-trigger,
    .dgh-user .dg-user-panel__trigger {
        width: 35px !important; min-width: 35px !important; max-width: 35px !important;
        height: 35px !important; min-height: 35px !important;
        border-radius: 10px !important;
    }
    .dgh-brand-logo {
        width: 26px !important; height: 26px !important;
        min-width: 26px !important; min-height: 26px !important;
        max-width: 26px !important; max-height: 26px !important;
    }
}


/* v1.2.0 – mobile positioning and compact account panel. */
@media (max-width: 767px) {
  /* Reserve the right edge for the brand and immediately adjacent hamburger. */
  .dgh-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    grid-template-areas: "actions menu brand" !important;
    justify-content: stretch !important;
    align-items: center !important;
    column-gap: 6px !important;
    direction: ltr !important;
  }
  .dgh-actions { grid-area: actions !important; justify-self: start !important; min-width: 0 !important; }
  .dgh-menu { grid-area: menu !important; justify-self: end !important; margin: 0 !important; min-width: 0 !important; }
  .dgh-brand { grid-area: brand !important; justify-self: end !important; margin: 0 !important; }

  /* The account popup should end shortly after its last item, not fill the viewport. */
  .dg-user-panel__dropdown,
  .dg-user-panel__menu,
  .dg-user-panel__panel,
  .dg-user-panel__popup,
  .dg-user-panel__content,
  .dg-user-panel__mobile-panel {
     height: auto !important;
     min-height: 0 !important;
     max-height: calc(100dvh - 90px) !important;
     overflow-y: auto !important;
     overscroll-behavior: contain;
  }
}
@media (max-width: 390px) {
  .dgh-inner { column-gap: 3px !important; }
}