@media (max-width: 1024px) {

			#mobile-drawer {

				--bot-menu-yellow: #f5a800;

				--bot-menu-yellow-light: #ffc83d;

				--bot-menu-ink: #171713;

				--bot-menu-muted: #68665f;

				--bot-menu-line: #e9e5dc;

				--bot-menu-cream: #fff8e9;

				z-index: 999999 !important;

			}



			#mobile-drawer .drawer-overlay {

				background: rgba(10, 10, 9, .72) !important;

				backdrop-filter: blur(3px);

			}



			#mobile-drawer .drawer-inner {

				display: flex !important;

				flex-direction: column;

				box-sizing: border-box;

				width: min(360px, 92vw) !important;

				max-width: 360px !important;

				height: 100dvh !important;

				max-height: 100dvh !important;

				background: #fff !important;

				box-shadow: 18px 0 52px rgba(0, 0, 0, .28);

				contain: layout paint;

				overflow: hidden !important;

			}



			#mobile-drawer .drawer-header {

				display: flex !important;

				align-items: center !important;

				justify-content: space-between !important;

				flex: 0 0 88px;

				min-height: 88px !important;

				padding: 12px 14px !important;

				border-bottom: 2px solid var(--bot-menu-yellow) !important;

				background: linear-gradient(135deg, #090909 0%, #1b1b18 100%) !important;

			}



			#mobile-drawer .bot-drawer-brand {

				min-width: 0;

				margin: 0 !important;

			}



			#mobile-drawer .bot-drawer-brand > a {

				display: grid !important;

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

				align-items: center;

				gap: 10px;

				color: #fff !important;

				text-decoration: none !important;

			}



			#mobile-drawer .bot-drawer-brand img.bot-drawer-logo {

				display: block !important;

				box-sizing: border-box;

				width: 52px !important;

				height: 52px !important;

				max-width: 52px !important;

				max-height: 52px !important;

				margin: 0 !important;

				border: 1px solid rgba(245, 168, 0, .42);

				border-radius: 13px;

				background: #060606;

				object-fit: contain !important;

				filter: none !important;

				box-shadow: 0 5px 18px rgba(0, 0, 0, .24);

			}



			#mobile-drawer .bot-drawer-brand-copy {

				display: flex;

				flex-direction: column;

				min-width: 0;

			}



			#mobile-drawer .bot-drawer-brand-title {

				color: #fff;

				font-size: 14px;

				font-weight: 900;

				letter-spacing: -.01em;

				line-height: 1.15;

				white-space: nowrap;

			}



			#mobile-drawer .bot-drawer-brand-subtitle {

				margin-top: 5px;

				color: var(--bot-menu-yellow-light);

				font-size: 9px;

				font-weight: 850;

				letter-spacing: .09em;

				line-height: 1.2;

				text-transform: uppercase;

				white-space: nowrap;

			}



			#mobile-drawer .menu-toggle-close {

				display: inline-flex !important;

				align-items: center !important;

				justify-content: center !important;

				flex: 0 0 44px;

				width: 44px !important;

				height: 44px !important;

				min-width: 44px !important;

				min-height: 44px !important;

				margin: 0 !important;

				padding: 0 !important;

				border: 1px solid rgba(255, 255, 255, .2) !important;

				border-radius: 50% !important;

				background: var(--bot-menu-yellow) !important;

				color: var(--bot-menu-ink) !important;

				box-shadow: 0 7px 20px rgba(245, 168, 0, .2);

			}



			#mobile-drawer .menu-toggle-close:hover {

				background: var(--bot-menu-yellow-light) !important;

			}



			#mobile-drawer .bot-drawer-search {

				flex: 0 0 auto;

				padding: 12px 14px !important;

				border-bottom: 1px solid var(--bot-menu-line);

				background: #fff !important;

			}



			#mobile-drawer .bot-drawer-search form {

				display: grid !important;

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

				box-sizing: border-box;

				width: 100%;

				min-height: 48px;

				margin: 0 !important;

				border: 1px solid #ded9ce;

				border-radius: 11px;

				background: #fff;

				overflow: hidden;

			}



			#mobile-drawer .bot-drawer-search input[type="search"] {

				box-sizing: border-box;

				width: 100%;

				min-width: 0;

				height: 48px !important;

				padding: 0 12px !important;

				border: 0 !important;

				background: #fff !important;

				color: var(--bot-menu-ink) !important;

				font-size: 13px !important;

			}



			#mobile-drawer .bot-drawer-search button {

				min-width: 92px !important;

				min-height: 48px !important;

				padding: 0 10px !important;

				border: 0 !important;

				border-radius: 0 !important;

				background: var(--bot-menu-ink) !important;

				color: var(--bot-menu-yellow-light) !important;

				font-size: 11px !important;

				font-weight: 900 !important;

				letter-spacing: .035em;

			}



			#mobile-drawer .drawer-content {

				flex: 1 1 auto !important;

				min-height: 0 !important;

				padding: 0 !important;

				background: #fff !important;

				overscroll-behavior: contain;

				overflow-x: hidden !important;

				overflow-y: auto !important;

				-webkit-overflow-scrolling: touch;

			}



			#mobile-drawer .mobile-navigation,

			#mobile-drawer .mobile-navigation > div,

			#mobile-drawer .mobile-navigation > div > ul {

				width: 100% !important;

			}



			#mobile-drawer .mobile-navigation ul {

				margin: 0 !important;

				padding: 0 !important;

				list-style: none !important;

			}



			#mobile-drawer .mobile-navigation > div > ul > li {

				position: relative;

				margin: 0 !important;

				border-bottom: 1px solid #efede7 !important;

			}



			#mobile-drawer .mobile-navigation > div > ul > li > a,

			#mobile-drawer .mobile-navigation > div > ul > li > .drawer-nav-drop-wrap > a {

				display: flex !important;

				align-items: center !important;

				box-sizing: border-box;

				min-height: 52px !important;

				padding: 13px 56px 13px 16px !important;

				color: #25241f !important;

				font-size: 13px !important;

				font-weight: 850 !important;

				line-height: 1.2 !important;

				text-decoration: none !important;

				text-transform: uppercase;

			}



			#mobile-drawer .mobile-navigation > div > ul > li.current-menu-item > a,

			#mobile-drawer .mobile-navigation > div > ul > li.current-menu-item > .drawer-nav-drop-wrap > a,

			#mobile-drawer .mobile-navigation > div > ul > li.current-menu-ancestor > a,

			#mobile-drawer .mobile-navigation > div > ul > li.current-menu-ancestor > .drawer-nav-drop-wrap > a,

			#mobile-drawer .mobile-navigation > div > ul > li > a:hover,

			#mobile-drawer .mobile-navigation > div > ul > li > .drawer-nav-drop-wrap > a:hover {

				background: var(--bot-menu-cream) !important;

				box-shadow: inset 4px 0 0 var(--bot-menu-yellow);

			}



			#mobile-drawer .mobile-navigation .drawer-nav-drop-wrap .drawer-sub-toggle,

			#mobile-drawer .mobile-navigation .drawer-sub-toggle,

			#mobile-drawer .mobile-navigation button[aria-label*="child" i] {

				position: absolute !important;

				top: 4px !important;

				right: 6px !important;

				display: inline-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;

				border: 0 !important;

				background: transparent !important;

				color: #58564f !important;

			}



			#mobile-drawer .mobile-navigation .sub-menu:not(.bot-mega-sub) {

				padding: 5px 0 9px 18px !important;

				border-top: 1px solid #f0ede6;

				background: #fbfaf7 !important;

			}



			#mobile-drawer .mobile-navigation .sub-menu:not(.bot-mega-sub) a {

				display: flex !important;

				align-items: center;

				min-height: 44px !important;

				padding: 10px 14px !important;

				color: #4f4c44 !important;

				font-size: 13px !important;

				font-weight: 700 !important;

			}



			/* Product cards inside mega menus add visual noise and image work on phones. */

			#mobile-drawer .bot-mega-sub .elementor-widget-tmcore-products,

			#mobile-drawer .bot-mega-sub .products,

			#mobile-drawer .bot-mega-sub .product-block {

				display: none !important;

			}



			#mobile-drawer .bot-drawer-foot {

				position: relative !important;

				flex: 0 0 auto;

				box-sizing: border-box;

				width: 100% !important;

				padding: 12px 14px max(12px, env(safe-area-inset-bottom)) !important;

				border-top: 2px solid var(--bot-menu-yellow) !important;

				background: linear-gradient(180deg, #171714 0%, #0c0c0b 100%) !important;

				box-shadow: 0 -10px 26px rgba(0, 0, 0, .12);

			}



			#mobile-drawer .bot-drawer-cta {

				display: grid !important;

				grid-template-columns: 1fr 1fr;

				gap: 8px !important;

			}



			#mobile-drawer .bot-drawer-cta a {

				display: flex !important;

				align-items: center !important;

				justify-content: center !important;

				box-sizing: border-box;

				min-height: 48px !important;

				padding: 10px !important;

				border-radius: 10px !important;

				font-size: 12px !important;

				font-weight: 900 !important;

				text-decoration: none !important;

			}



			#mobile-drawer .bot-drawer-cta a:first-child {

				background: var(--bot-menu-yellow) !important;

				color: var(--bot-menu-ink) !important;

			}



			#mobile-drawer .bot-drawer-cta a:last-child {

				background: #21c768 !important;

				color: #fff !important;

			}



			#mobile-drawer .bot-drawer-links {

				display: grid !important;

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

				gap: 7px !important;

				margin-top: 8px !important;

			}



			#mobile-drawer .bot-drawer-links a {

				display: flex !important;

				align-items: center !important;

				justify-content: center !important;

				box-sizing: border-box;

				min-width: 0;

				min-height: 46px !important;

				padding: 7px 4px !important;

				border: 1px solid rgba(255, 255, 255, .11) !important;

				border-radius: 9px !important;

				background: rgba(255, 255, 255, .045) !important;

				color: #f2f2ef !important;

				font-size: 10px !important;

				font-weight: 750 !important;

				text-decoration: none !important;

			}



			#mobile-drawer .bot-drawer-trust {

				margin-top: 9px !important;

				color: #aaa79d !important;

				font-size: 8px !important;

				font-weight: 800 !important;

				letter-spacing: .07em;

				line-height: 1.25;

				text-align: center;

				text-transform: uppercase;

			}



			#mobile-drawer :is(a, button, input):focus-visible {

				outline: 3px solid rgba(245, 168, 0, .7) !important;

				outline-offset: 2px !important;

			}



			#mobile-toggle {

				min-width: 44px !important;

				min-height: 44px !important;

			}

		}



		@media (max-width: 380px), (max-height: 720px) {

			#mobile-drawer .drawer-header {

				flex-basis: 76px;

				min-height: 76px !important;

				padding-block: 8px !important;

			}



			#mobile-drawer .bot-drawer-brand img.bot-drawer-logo {

				width: 46px !important;

				height: 46px !important;

				max-width: 46px !important;

				max-height: 46px !important;

			}



			#mobile-drawer .bot-drawer-brand > a {

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

			}



			#mobile-drawer .bot-drawer-search {

				padding-block: 9px !important;

			}



			#mobile-drawer .mobile-navigation > div > ul > li > a,

			#mobile-drawer .mobile-navigation > div > ul > li > .drawer-nav-drop-wrap > a {

				min-height: 48px !important;

				padding-block: 11px !important;

			}



			#mobile-drawer .bot-drawer-foot {

				padding-top: 9px !important;

			}

		}



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

			#mobile-drawer,

			#mobile-drawer * {

				scroll-behavior: auto !important;

				transition-duration: .01ms !important;

				animation-duration: .01ms !important;

			}

		}