@media (min-width: 769px) {
	#header.header-5 .header-main {
		background: #fff !important;
		border-bottom: 1px solid #eef2f7 !important;
		box-shadow: 0 8px 24px rgba(15, 23, 42, 0.045) !important;
		padding: 16px 0 !important;
	}

	#header.header-5 .header-main > .container {
		max-width: 1380px !important;
		width: calc(100% - 48px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: grid !important;
		grid-template-columns: 170px minmax(360px, 1fr) auto !important;
		align-items: center !important;
		gap: 26px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		min-height: 58px !important;
		box-sizing: border-box !important;
	}

	#header.header-5 .header-main > .container::before,
	#header.header-5 .header-main > .container::after {
		display: none !important;
		content: none !important;
	}

	#header.header-5 .mobile-toggle {
		display: none !important;
	}

	#header.header-5 .header-left {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#header.header-5 .logo,
	#header.header-5 .logo a {
		display: flex !important;
		align-items: center !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
	}

	#header.header-5 .logo img {
		width: auto !important;
		max-width: 150px !important;
		max-height: 48px !important;
		height: auto !important;
	}

	#header.header-5 .header-center {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	#header.header-5 .searchform-popup {
		width: 100% !important;
		max-width: 620px !important;
		margin: 0 auto !important;
	}

	#header.header-5 .searchform-popup > .search-toggle {
		display: none !important;
	}

	#header.header-5 .searchform-popup form.searchform {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: static !important;
		width: 100% !important;
		height: 50px !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	#header.header-5 .searchform-popup .searchform-fields {
		width: 100% !important;
		height: 50px !important;
		display: flex !important;
		align-items: center !important;
		background: #fff !important;
		border: 1px solid #dbe3ec !important;
		border-radius: 18px !important;
		overflow: hidden !important;
		box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055) !important;
		transition: border-color 0.22s ease, box-shadow 0.22s ease !important;
	}

	#header.header-5 .searchform-popup .searchform-fields:focus-within {
		border-color: rgba(0, 159, 227, 0.55) !important;
		box-shadow: 0 14px 34px rgba(0, 159, 227, 0.13) !important;
	}

	#header.header-5 .searchform-popup .searchform-fields .text {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		height: 50px !important;
	}

	#header.header-5 .searchform-popup input[name="s"],
	#header.header-5 .searchform-popup input[type="text"] {
		width: 100% !important;
		height: 50px !important;
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		background: #fff !important;
		color: var(--dtf-text, #111827) !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		padding: 0 18px !important;
		margin: 0 !important;
	}

	#header.header-5 .searchform-popup input[name="s"]::placeholder,
	#header.header-5 .searchform-popup input[type="text"]::placeholder {
		color: #9ca3af !important;
		opacity: 1 !important;
	}

	#header.header-5 .searchform-popup .button-wrap {
		width: 58px !important;
		min-width: 58px !important;
		height: 50px !important;
	}

	#header.header-5 .searchform-popup button.btn-special {
		width: 58px !important;
		height: 50px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 0 !important;
		border-left: 1px solid var(--dtf-border, #e5e7eb) !important;
		background: #fff !important;
		color: var(--dtf-dark, #07111f) !important;
		font-size: 18px !important;
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
		transition: background 0.22s ease, color 0.22s ease !important;
	}

	#header.header-5 .searchform-popup button.btn-special:hover {
		background: #f0f8ff !important;
		color: var(--dtf-primary, #009fe3) !important;
	}

	#header.header-5 .header-right {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#header.header-5 .header-right > div {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 14px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#header.header-5 #main-menu {
		display: flex !important;
		align-items: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#header.header-5 #main-menu ul.main-menu {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		margin: 0 !important;
		padding: 6px !important;
		background: var(--dtf-bg-soft, #f8fbff) !important;
		border: 1px solid #eef2f7 !important;
		border-radius: 18px !important;
		box-shadow: 0 10px 24px rgba(15, 23, 42, 0.035) !important;
	}

	#header.header-5 #main-menu ul.main-menu > li {
		margin: 0 !important;
		padding: 0 !important;
	}

	#header.header-5 #main-menu ul.main-menu > li > a {
		min-height: 42px !important;
		padding: 0 15px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 13px !important;
		border: 1px solid transparent !important;
		background: transparent !important;
		color: var(--dtf-text, #111827) !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
		text-decoration: none !important;
		transition: all 0.22s ease !important;
	}

	#header.header-5 #main-menu ul.main-menu > li > a:hover {
		background: #fff !important;
		border-color: #dbeafe !important;
		color: #006ee6 !important;
		box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06) !important;
	}

	#header.header-5 #main-menu ul.main-menu > li.current-menu-item > a,
	#header.header-5 #main-menu ul.main-menu > li.current_page_item > a,
	#header.header-5 #main-menu ul.main-menu > li.active > a,
	#header.header-5 #main-menu ul.main-menu > li > a.current {
		background: #fff !important;
		border-color: rgba(0, 159, 227, 0.32) !important;
		color: #006ee6 !important;
		box-shadow: 0 8px 18px rgba(0, 159, 227, 0.1) !important;
	}

	#header.header-5 #main-menu ul.main-menu > li > a[href*="/shop"] {
		color: #006ee6 !important;
	}

	#header.header-5 #main-menu ul.main-menu > li > a[href*="/shop"]::before {
		content: "" !important;
		width: 7px !important;
		height: 7px !important;
		border-radius: 999px !important;
		background: #22c55e !important;
		margin-right: 8px !important;
		display: inline-block !important;
	}

	#header.header-5 #mini-cart {
		width: auto !important;
		min-width: 86px !important;
		height: 52px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#header.header-5 #mini-cart .cart-head {
		height: 52px !important;
		min-width: 86px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 9px !important;
		padding: 0 12px !important;
		background: #fff !important;
		border: 1px solid var(--dtf-border, #e5e7eb) !important;
		border-radius: 18px !important;
		box-shadow: 0 10px 26px rgba(15, 23, 42, 0.065) !important;
		transition: border-color 0.22s ease, box-shadow 0.22s ease !important;
	}

	#header.header-5 #mini-cart .cart-head:hover {
		border-color: rgba(0, 159, 227, 0.35) !important;
		box-shadow: 0 14px 34px rgba(0, 159, 227, 0.13) !important;
	}

	#header.header-5 #mini-cart .cart-icon {
		position: relative !important;
		width: 28px !important;
		min-width: 28px !important;
		height: 28px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: var(--dtf-dark, #07111f) !important;
		font-size: 21px !important;
	}

	#header.header-5 #mini-cart .cart-items {
		position: absolute !important;
		top: -10px !important;
		right: -9px !important;
		min-width: 18px !important;
		height: 18px !important;
		border-radius: 999px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #ef4444 !important;
		color: #fff !important;
		font-size: 10px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
	}

	#header.header-5 #mini-cart .cart-subtotal {
		display: flex !important;
		flex-direction: column !important;
		gap: 2px !important;
		color: var(--dtf-text, #111827) !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		line-height: 1.1 !important;
	}

	#header.header-5 #mini-cart .cart-price {
		display: block !important;
		color: #64748b !important;
		font-size: 12px !important;
		font-weight: 500 !important;
	}
}

@media (min-width: 769px) and (max-width: 1279px) {
	#header.header-5 .header-main {
		padding: 14px 0 !important;
	}

	#header.header-5 .header-main > .container {
		width: calc(100% - 32px) !important;
		grid-template-columns: 150px minmax(280px, 1fr) 88px !important;
		grid-template-areas:
			"logo search cart"
			"menu menu menu" !important;
		gap: 12px 16px !important;
	}

	#header.header-5 .header-left {
		grid-area: logo !important;
	}

	#header.header-5 .header-center {
		grid-area: search !important;
	}

	#header.header-5 .searchform-popup {
		max-width: none !important;
	}

	#header.header-5 .header-right,
	#header.header-5 .header-right > div {
		display: contents !important;
	}

	#header.header-5 #main-menu {
		grid-area: menu !important;
		justify-self: center !important;
		width: 100% !important;
		justify-content: center !important;
	}

	#header.header-5 #main-menu ul.main-menu {
		justify-content: center !important;
		flex-wrap: wrap !important;
		max-width: 100% !important;
	}

	#header.header-5 #main-menu ul.main-menu > li > a {
		min-height: 38px !important;
		padding: 0 12px !important;
		font-size: 12px !important;
	}

	#header.header-5 #mini-cart {
		grid-area: cart !important;
		justify-self: end !important;
		min-width: 82px !important;
	}

	#header.header-5 #mini-cart .cart-head {
		min-width: 82px !important;
		height: 50px !important;
		border-radius: 16px !important;
	}
}

@media (max-width: 768px) {
	body {
		overflow-x: hidden !important;
	}

	body.dtf-mobile-header-final #header {
		position: sticky !important;
		top: 0 !important;
		z-index: 99999 !important;
		background: #fff !important;
	}

	body.admin-bar.dtf-mobile-header-final #header {
		top: 46px !important;
	}

	body.dtf-mobile-header-final #header .header-main {
		background: #fff !important;
		border-bottom: 1px solid #eef2f7 !important;
		box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	body.dtf-mobile-header-final #header .header-main .container {
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas:
			"brand cart"
			"search search" !important;
		align-items: center !important;
		gap: 8px !important;
		padding: 10px 12px 12px !important;
		margin: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	body.dtf-mobile-header-final #header .header-main .container::before,
	body.dtf-mobile-header-final #header .header-main .container::after {
		display: none !important;
		content: none !important;
	}

	body.dtf-mobile-header-final #header .header-left {
		grid-area: brand !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		width: auto !important;
		min-width: 0 !important;
		height: 42px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	body.dtf-mobile-header-final #header .mobile-toggle {
		order: 1 !important;
		width: 42px !important;
		min-width: 42px !important;
		height: 42px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 1px solid var(--dtf-border, #e5e7eb) !important;
		border-radius: 14px !important;
		background: #fff !important;
		color: var(--dtf-text, #111827) !important;
		margin: 0 !important;
		padding: 0 !important;
		position: static !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
	}

	body.dtf-mobile-header-final #header .mobile-toggle i {
		display: none !important;
	}

	body.dtf-mobile-header-final #header .mobile-toggle .dtf-burger {
		width: 18px !important;
		height: 14px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		align-items: center !important;
	}

	body.dtf-mobile-header-final #header .mobile-toggle .dtf-burger span {
		width: 18px !important;
		height: 2px !important;
		border-radius: 999px !important;
		background: var(--dtf-text, #111827) !important;
		display: block !important;
	}

	body.dtf-mobile-header-final #header .logo,
	body.dtf-mobile-header-final #header .logo a,
	body.dtf-mobile-header-final #header .logo-transition {
		order: 2 !important;
		display: flex !important;
		align-items: center !important;
		width: auto !important;
		max-width: 140px !important;
		height: 40px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.dtf-mobile-header-final #header .logo img.sticky-logo,
	body.dtf-mobile-header-final #header .logo img.sticky-retina-logo {
		display: none !important;
	}

	body.dtf-mobile-header-final #header .logo img.standard-logo,
	body.dtf-mobile-header-final #header .logo img.retina-logo {
		display: block !important;
		width: auto !important;
		max-width: 128px !important;
		max-height: 38px !important;
		height: auto !important;
	}

	body.dtf-mobile-header-final #header .header-right {
		grid-area: cart !important;
		width: auto !important;
		min-width: 42px !important;
		max-width: none !important;
		height: 42px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	body.dtf-mobile-header-final #header .header-right > div {
		width: auto !important;
		height: 42px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	body.dtf-mobile-header-final #header #main-menu {
		display: none !important;
	}

	body.dtf-mobile-header-final #header #mini-cart {
		width: 42px !important;
		min-width: 42px !important;
		height: 42px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	body.dtf-mobile-header-final #header #mini-cart .cart-head {
		width: 42px !important;
		height: 42px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 1px solid var(--dtf-border, #e5e7eb) !important;
		border-radius: 14px !important;
		background: #fff !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
	}

	body.dtf-mobile-header-final #header #mini-cart .cart-subtotal,
	body.dtf-mobile-header-final #header #mini-cart .cart-price {
		display: none !important;
	}

	body.dtf-mobile-header-final #header #mini-cart .cart-icon {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: var(--dtf-text, #111827) !important;
		font-size: 20px !important;
	}

	body.dtf-mobile-header-final #header #mini-cart .cart-items {
		position: absolute !important;
		top: -7px !important;
		right: -8px !important;
		min-width: 16px !important;
		height: 16px !important;
		border-radius: 999px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #ef4444 !important;
		color: #fff !important;
		font-size: 10px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
	}

	body.dtf-mobile-header-final #header .header-center {
		grid-area: search !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: 48px !important;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	body.dtf-mobile-header-final #header .header-center .searchform-popup {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		height: 48px !important;
		display: block !important;
		position: relative !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.dtf-mobile-header-final #header .searchform-popup > .search-toggle {
		display: none !important;
	}

	body.dtf-mobile-header-final #header .searchform-popup form.searchform {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: static !important;
		width: 100% !important;
		height: 48px !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	body.dtf-mobile-header-final #header .searchform-popup .searchform-fields {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		height: 48px !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 18px !important;
		background: var(--dtf-bg-soft, #f8fbff) !important;
		overflow: hidden !important;
		box-shadow: none !important;
	}

	body.dtf-mobile-header-final #header .searchform-popup .searchform-fields::before {
		content: none !important;
		display: none !important;
	}

	body.dtf-mobile-header-final #header .searchform-popup .searchform-fields .text {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		height: 48px !important;
		display: block !important;
	}

	body.dtf-mobile-header-final #header .searchform-popup input[name="s"],
	body.dtf-mobile-header-final #header .searchform-popup input[type="text"] {
		width: 100% !important;
		height: 48px !important;
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
		font-size: 14px !important;
		color: var(--dtf-text, #111827) !important;
		padding: 0 8px 0 16px !important;
		margin: 0 !important;
	}

	body.dtf-mobile-header-final #header .searchform-popup input[name="s"]::placeholder,
	body.dtf-mobile-header-final #header .searchform-popup input[type="text"]::placeholder {
		color: #9ca3af !important;
		opacity: 1 !important;
	}

	body.dtf-mobile-header-final #header .searchform-popup .button-wrap {
		width: 44px !important;
		min-width: 44px !important;
		height: 48px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	body.dtf-mobile-header-final #header .searchform-popup button.btn-special {
		width: 44px !important;
		min-width: 44px !important;
		height: 48px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 0 !important;
		background: transparent !important;
		color: var(--dtf-primary, #009fe3) !important;
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
		font-size: 18px !important;
	}
}

@media (max-width: 380px) {
	body.dtf-mobile-header-final #header .header-main .container {
		padding-left: 8px !important;
		padding-right: 8px !important;
		gap: 7px !important;
	}

	body.dtf-mobile-header-final #header .mobile-toggle,
	body.dtf-mobile-header-final #header #mini-cart,
	body.dtf-mobile-header-final #header #mini-cart .cart-head {
		width: 40px !important;
		min-width: 40px !important;
		height: 40px !important;
	}

	body.dtf-mobile-header-final #header .logo img.standard-logo,
	body.dtf-mobile-header-final #header .logo img.retina-logo {
		max-width: 116px !important;
	}

	body.dtf-mobile-header-final #header .searchform-popup input[name="s"],
	body.dtf-mobile-header-final #header .searchform-popup input[type="text"] {
		font-size: 13px !important;
	}
}