

		#welcome-popup {

			--bot-gift-yellow: #f5a800;

			--bot-gift-ink: #171713;

			--bot-gift-muted: #66645f;

			--bot-gift-line: #e8e5dd;

			--bot-gift-surface: #fffdf7;

		}



		#welcome-popup .drawer-overlay {

			background: rgba(10, 10, 8, .76) !important;

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

			backdrop-filter: blur(7px);

		}



		#welcome-popup .drawer-inner {

			position: fixed !important;

			top: 50% !important;

			left: 50% !important;

			right: auto !important;

			bottom: auto !important;

			width: min(900px, calc(100vw - 32px)) !important;

			height: auto !important;

			max-height: calc(100dvh - 32px) !important;

			margin: 0 !important;

			transform: translate(-50%, -50%) !important;

			border: 1px solid rgba(255, 255, 255, .18);

			border-radius: 28px !important;

			background: var(--bot-gift-surface) !important;

			box-shadow: 0 32px 100px rgba(0, 0, 0, .48) !important;

			overflow: hidden !important;

		}



		#welcome-popup .drawer-header {

			position: absolute !important;

			top: 14px;

			right: 14px;

			z-index: 20;

			width: 48px;

			height: 48px;

			padding: 0 !important;

			border: 0 !important;

			background: transparent !important;

		}



		#welcome-popup .drawer-header .popup-toggle-close {

			display: grid !important;

			place-items: center;

			width: 48px !important;

			height: 48px !important;

			min-width: 48px;

			min-height: 48px;

			padding: 0 !important;

			border: 1px solid rgba(23, 23, 19, .12) !important;

			border-radius: 999px !important;

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

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

			box-shadow: 0 8px 24px rgba(0, 0, 0, .14);

			transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;

		}



		#welcome-popup .drawer-header .popup-toggle-close:hover,

		#welcome-popup .drawer-header .popup-toggle-close:focus-visible {

			transform: rotate(5deg) scale(1.06);

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

			box-shadow: 0 10px 28px rgba(245, 168, 0, .30);

			outline: 3px solid rgba(245, 168, 0, .34);

			outline-offset: 2px;

		}



		#welcome-popup .drawer-content {

			max-height: calc(100dvh - 32px) !important;

			padding: 0 !important;

			overflow-x: hidden !important;

			overflow-y: auto !important;

			overscroll-behavior: contain;

		}



		#welcome-popup .popup-container,

		#welcome-popup .bot-gift-popup {

			width: 100%;

			max-width: none !important;

			margin: 0 !important;

			padding: 0 !important;

		}



		#welcome-popup .ps__rail-x,

		#welcome-popup .ps__rail-y {

			display: none !important;

		}



		.bot-gift-layout {

			display: grid;

			grid-template-columns: minmax(300px, .82fr) minmax(0, 1.28fr);

			min-height: 548px;

		}



		.bot-gift-visual {

			position: relative;

			display: flex;

			flex-direction: column;

			align-items: center;

			justify-content: center;

			min-width: 0;

			padding: 54px 34px 36px;

			background:

				radial-gradient(circle at 48% 42%, rgba(245, 168, 0, .24), transparent 36%),

				linear-gradient(148deg, #0d0d0b 0%, #1b1a15 62%, #29230f 100%);

			color: #fff;

			overflow: hidden;

		}



		.bot-gift-visual::before,

		.bot-gift-visual::after {

			content: "";

			position: absolute;

			border-radius: 999px;

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

		}



		.bot-gift-visual::before {

			width: 360px;

			height: 360px;

			top: 50%;

			left: 50%;

			transform: translate(-50%, -46%);

		}



		.bot-gift-visual::after {

			width: 270px;

			height: 270px;

			top: 50%;

			left: 50%;

			transform: translate(-50%, -42%);

			border-color: rgba(245, 168, 0, .12);

		}



		.bot-gift-value {

			position: relative;

			z-index: 2;

			display: inline-flex;

			align-items: center;

			min-height: 34px;

			margin-bottom: 34px;

			padding: 8px 14px;

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

			border-radius: 999px;

			background: rgba(245, 168, 0, .12);

			color: #ffd365;

			font-size: 11px;

			font-weight: 800;

			letter-spacing: .09em;

			line-height: 1;

			text-transform: uppercase;

		}



		.bot-gift-art {

			position: relative;

			z-index: 2;

			width: 190px;

			height: 170px;

			margin-bottom: 24px;

		}



		.bot-gift-art__box,

		.bot-gift-art__lid {

			position: absolute;

			left: 50%;

			transform: translateX(-50%);

			background: linear-gradient(135deg, #ffd65a 0%, var(--bot-gift-yellow) 58%, #d78d00 100%);

			box-shadow: 0 22px 48px rgba(245, 168, 0, .24);

		}



		.bot-gift-art__box {

			bottom: 0;

			width: 154px;

			height: 116px;

			border-radius: 10px 10px 18px 18px;

		}



		.bot-gift-art__lid {

			bottom: 108px;

			width: 174px;

			height: 34px;

			border-radius: 10px;

		}



		.bot-gift-art__ribbon-v,

		.bot-gift-art__ribbon-h {

			position: absolute;

			z-index: 3;

			background: #171713;

		}



		.bot-gift-art__ribbon-v {

			left: 50%;

			bottom: 0;

			width: 25px;

			height: 142px;

			transform: translateX(-50%);

		}



		.bot-gift-art__ribbon-h {

			left: 18px;

			bottom: 64px;

			width: 154px;

			height: 22px;

		}



		.bot-gift-art__bow {

			position: absolute;

			z-index: 4;

			left: 50%;

			bottom: 137px;

			width: 30px;

			height: 30px;

			transform: translateX(-50%) rotate(45deg);

			border: 9px solid #171713;

			border-radius: 50% 6px 50% 6px;

		}



		.bot-gift-art__spark {

			position: absolute;

			z-index: 4;

			color: var(--bot-gift-yellow);

			font-size: 26px;

			font-weight: 900;

			line-height: 1;

		}



		.bot-gift-art__spark--one { top: 8px; left: 2px; }

		.bot-gift-art__spark--two { top: 30px; right: 0; font-size: 18px; }



		.bot-gift-visual__title {

			position: relative;

			z-index: 2;

			margin: 0;

			color: #fff;

			font-size: 25px;

			font-weight: 850;

			letter-spacing: -.025em;

			line-height: 1.12;

			text-align: center;

		}



		.bot-gift-visual__meta {

			position: relative;

			z-index: 2;

			margin: 9px 0 0;

			color: rgba(255, 255, 255, .66);

			font-size: 12px;

			line-height: 1.45;

			text-align: center;

		}



		.bot-gift-content {

			display: flex;

			flex-direction: column;

			justify-content: center;

			min-width: 0;

			padding: 48px 52px 32px;

			background:

				linear-gradient(180deg, rgba(245, 168, 0, .05), transparent 28%),

				var(--bot-gift-surface);

		}



		.bot-gift-eyebrow {

			display: inline-flex;

			align-self: flex-start;

			align-items: center;

			min-height: 28px;

			margin: 0 0 13px;

			padding: 6px 11px;

			border-radius: 999px;

			background: #fff0be;

			color: #7d5600;

			font-size: 10px;

			font-weight: 850;

			letter-spacing: .08em;

			line-height: 1;

			text-transform: uppercase;

		}



		.bot-gift-title {

			max-width: 470px;

			margin: 0;

			color: var(--bot-gift-ink);

			font-size: clamp(33px, 3.1vw, 45px);

			font-weight: 900;

			letter-spacing: -.045em;

			line-height: .98;

		}



		.bot-gift-title em {

			color: #a56f00;

			font-style: normal;

		}



		.bot-gift-subtitle {

			margin: 14px 0 19px;

			color: var(--bot-gift-muted);

			font-size: 14px;

			line-height: 1.5;

		}



		.bot-gift-rules {

			display: grid;

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

			align-items: stretch;

			margin-bottom: 19px;

		}



		.bot-gift-rule {

			position: relative;

			display: flex;

			flex-direction: column;

			justify-content: center;

			min-height: 94px;

			padding: 16px 15px 14px 46px;

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

			border-radius: 15px;

			background: #fff;

		}



		.bot-gift-rule__number {

			position: absolute;

			top: 15px;

			left: 14px;

			display: grid;

			place-items: center;

			width: 24px;

			height: 24px;

			border-radius: 8px;

			background: var(--bot-gift-yellow);

			color: var(--bot-gift-ink);

			font-size: 10px;

			font-weight: 900;

		}



		.bot-gift-rule strong {

			color: var(--bot-gift-ink);

			font-size: 15px;

			font-weight: 850;

			line-height: 1.18;

		}



		.bot-gift-rule small {

			margin-top: 4px;

			color: var(--bot-gift-muted);

			font-size: 11px;

			line-height: 1.3;

		}



		.bot-gift-or {

			display: grid;

			place-items: center;

			color: #8a8780;

			font-size: 9px;

			font-weight: 900;

			letter-spacing: .08em;

		}



		.bot-gift-actions {

			display: grid;

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

			gap: 10px;

		}



		.bot-gift-action {

			display: inline-flex;

			align-items: center;

			justify-content: center;

			min-height: 49px;

			padding: 11px 16px;

			border: 1px solid var(--bot-gift-ink);

			border-radius: 12px;

			font-size: 12px;

			font-weight: 850;

			line-height: 1.15;

			text-align: center;

			text-decoration: none !important;

			transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;

		}



		.bot-gift-action--primary {

			background: var(--bot-gift-yellow);

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

			border-color: var(--bot-gift-yellow);

		}



		.bot-gift-action--secondary {

			background: var(--bot-gift-ink);

			color: #fff !important;

		}



		.bot-gift-action:hover,

		.bot-gift-action:focus-visible {

			transform: translateY(-2px);

			box-shadow: 0 10px 24px rgba(0, 0, 0, .14);

			outline: 3px solid rgba(245, 168, 0, .32);

			outline-offset: 2px;

		}



		.bot-gift-proof {

			display: flex;

			flex-wrap: wrap;

			gap: 7px 14px;

			margin: 15px 0 0;

			padding: 0;

			list-style: none;

		}



		.bot-gift-proof li {

			position: relative;

			padding-left: 16px;

			color: #4c4a44;

			font-size: 10px;

			font-weight: 750;

			line-height: 1.3;

		}



		.bot-gift-proof li::before {

			content: "✓";

			position: absolute;

			left: 0;

			color: #9b6900;

			font-weight: 950;

		}



		.bot-gift-footer {

			display: flex;

			align-items: center;

			justify-content: space-between;

			gap: 14px;

			margin-top: 17px;

			padding-top: 13px;

			border-top: 1px solid var(--bot-gift-line);

		}



		#welcome-popup .model-dismiss {

			display: flex;

			align-items: center;

			gap: 8px;

			margin: 0;

		}



		#welcome-popup .model-dismiss input {

			width: 18px;

			height: 18px;

			min-width: 18px;

			margin: 0;

			accent-color: var(--bot-gift-yellow);

		}



		#welcome-popup .model-dismiss label {

			margin: 0;

			color: #65625c;

			font-size: 10px;

			line-height: 1.3;

			cursor: pointer;

		}



		.bot-gift-later {

			min-width: 88px;

			min-height: 44px;

			padding: 8px 10px;

			border: 0;

			border-radius: 10px;

			background: transparent;

			color: #514e48;

			font-size: 11px;

			font-weight: 800;

			text-decoration: underline;

			text-underline-offset: 3px;

			cursor: pointer;

		}



		.bot-gift-later:hover,

		.bot-gift-later:focus-visible {

			background: #f2eee4;

			color: var(--bot-gift-ink);

			outline: 3px solid rgba(245, 168, 0, .30);

		}



		.bot-gift-terms {

			margin: 10px 0 0;

			color: #87837b;

			font-size: 9px;

			line-height: 1.4;

		}



		@media (max-width: 760px) {

			#welcome-popup .drawer-inner {

				width: min(520px, calc(100vw - 16px)) !important;

				max-height: calc(100dvh - 16px) !important;

				border-radius: 22px !important;

			}



			#welcome-popup .drawer-content {

				max-height: calc(100dvh - 16px) !important;

			}



			#welcome-popup .drawer-header {

				top: 9px;

				right: 9px;

			}



			#welcome-popup .drawer-header .popup-toggle-close {

				width: 46px !important;

				height: 46px !important;

				min-width: 46px;

				min-height: 46px;

			}



			.bot-gift-layout {

				display: block;

				min-height: 0;

			}



			.bot-gift-visual {

				min-height: 154px;

				padding: 18px 64px 16px 20px;

				align-items: flex-start;

			}



			.bot-gift-visual::before {

				width: 240px;

				height: 240px;

				left: auto;

				right: -56px;

				transform: translateY(-46%);

			}



			.bot-gift-visual::after {

				display: none;

			}



			.bot-gift-value {

				margin-bottom: 12px;

			}



			.bot-gift-art {

				position: absolute;

				top: 25px;

				right: 42px;

				width: 96px;

				height: 100px;

				margin: 0;

				transform: scale(.66);

				transform-origin: center;

			}



			.bot-gift-visual__title {

				max-width: 210px;

				font-size: 22px;

				text-align: left;

			}



			.bot-gift-visual__meta {

				max-width: 220px;

				margin-top: 6px;

				font-size: 10px;

				text-align: left;

			}



			.bot-gift-content {

				padding: 21px 18px 18px;

			}



			.bot-gift-eyebrow {

				margin-bottom: 9px;

			}



			.bot-gift-title {

				max-width: 315px;

				font-size: clamp(27px, 8.4vw, 34px);

				line-height: 1.02;

			}



			.bot-gift-subtitle {

				margin: 10px 0 14px;

				font-size: 12px;

			}



			.bot-gift-rules {

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

				margin-bottom: 14px;

			}



			.bot-gift-rule {

				min-height: 82px;

				padding: 13px 9px 11px 39px;

				border-radius: 13px;

			}



			.bot-gift-rule__number {

				top: 12px;

				left: 10px;

				width: 22px;

				height: 22px;

			}



			.bot-gift-rule strong {

				font-size: 12px;

			}



			.bot-gift-rule small {

				font-size: 9px;

			}



			.bot-gift-actions {

				gap: 8px;

			}



			.bot-gift-action {

				min-height: 47px;

				padding: 9px 8px;

				font-size: 10px;

			}



			.bot-gift-proof {

				gap: 5px 11px;

				margin-top: 12px;

			}



			.bot-gift-proof li {

				font-size: 9px;

			}



			.bot-gift-footer {

				margin-top: 12px;

				padding-top: 10px;

			}



			.bot-gift-terms {

				font-size: 8px;

			}

		}



		@media (max-width: 370px) {

			.bot-gift-visual {

				min-height: 135px;

				padding-top: 14px;

				padding-bottom: 12px;

			}



			.bot-gift-art { right: 29px; transform: scale(.58); }

			.bot-gift-content { padding: 17px 14px 14px; }

			.bot-gift-title { font-size: 25px; }

			.bot-gift-subtitle { margin-bottom: 11px; }

			.bot-gift-proof { display: none; }

			.bot-gift-footer { margin-top: 9px; }

			.bot-gift-terms { margin-top: 7px; }

		}



		@media (min-width: 371px) and (max-width: 400px) {

			.bot-gift-visual {

				min-height: 145px;

				padding: 16px 118px 13px 18px;

			}



			.bot-gift-value {

				min-height: 30px;

				padding: 7px 10px;

				font-size: 9px;

				white-space: nowrap;

			}



			.bot-gift-art {

				right: 18px;

				transform: scale(.58);

			}



			.bot-gift-visual__title {

				max-width: 190px;

				font-size: 20px;

			}



			.bot-gift-visual__meta {

				max-width: 190px;

				font-size: 9px;

			}



			.bot-gift-content {

				padding: 18px 14px 12px;

			}



			.bot-gift-title { font-size: 27px; }

		}



		@media (prefers-reduced-motion: no-preference) {

			#welcome-popup[style*="display: block"] .drawer-inner,

			body.showing-popup-drawer-from-center #welcome-popup .drawer-inner {

				animation: botGiftPopupIn .28s cubic-bezier(.2, .8, .2, 1) both;

			}



			@keyframes botGiftPopupIn {

				from { opacity: 0; transform: translate(-50%, -47%) scale(.97); }

				to { opacity: 1; transform: translate(-50%, -50%) scale(1); }

			}

		}

	