/* Mobile overrides. The desktop layout remains in style.css. */
.mobile_filter_toggle {
	display: none;
}
.mobile_filters_body {
	display: contents;
}
.mobile_filters_body > * {
	position: relative;
}
.mobile_color_head {
	display: none;
}
.mobile_menu_toggle,
.mobile_menu {
	display: none;
}
.mobile_menu[hidden] {
	display: none;
}

@media (max-width: 1024px) {
	:root {
		--mobile-header-height: 69px;
	}
	html,
	body {
		font-size: 14px;
	}
	html {
		scroll-padding-top: calc(var(--mobile-header-height) + 16px);
	}
	body {
		min-width: 0;
		-webkit-text-size-adjust: 100%;
	}
	.form {
		width: 100%;
		padding: calc(var(--mobile-header-height) + 24px) 24px 32px;
	}
	.form > section,
	.form > footer {
		min-width: 0;
		max-width: 100%;
	}
	input,
	textarea,
	select {
		font-size: 16px;
	}
	button,
	a,
	[role='button'] {
		touch-action: manipulation;
	}
	button:focus-visible,
	a:focus-visible,
	[role='button']:focus-visible {
		outline: 2px solid #99f71a;
		outline-offset: 3px;
	}
	body > header,
	body .form > section,
	body .form > footer,
	body .form > .cards_vip {
		opacity: 1;
		animation: none;
		transform: none;
		filter: none;
	}
	body.is_in .form > section.show,
	body.is_in .form > footer.show,
	body.is_in .form > .cards_vip.show,
	body.is_in > header.show,
	body.is_in .show .drop_card,
	body.is_in .show .fb_card,
	body.is_in .show .faq_item,
	body.is_in .show .b_feature,
	body.is_in .show .m_feature,
	body.is_in .show .sub_card,
	body.is_in .show .docs_card {
		animation: none;
	}

	/* The navigation row is also a fallback until the mobile menu initializes. */
	header.alcn {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 8px 12px;
		height: auto;
		padding: 12px 24px 8px;
		background: rgba(19, 20, 20, 0.96);
		border-bottom: 1px solid #2a2e2d;
		backdrop-filter: blur(12px);
	}
	.left_header {
		display: contents;
	}
	.header_logo {
		grid-column: 1;
		grid-row: 1;
		align-self: center;
		justify-self: start;
	}
	.header_logo img,
	.left_header .header_logo img {
		display: block;
		width: 124px;
		max-width: 100%;
		height: auto;
	}
	.right_header {
		gap: 8px;
		grid-column: 2;
		grid-row: 1;
	}
	.categorys_wrapper {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
		min-width: 0;
		gap: 4px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scrollbar-width: thin;
		scrollbar-color: #41473d transparent;
	}
	.ctg_head {
		flex: 0 0 auto;
		min-height: 44px;
		height: auto;
		padding: 8px 12px;
		gap: 6px;
		border-radius: 6px;
	}
	.ctg_head span {
		font-size: 13px;
		white-space: nowrap;
	}
	.ctg_head svg {
		width: 16px;
		height: 16px;
		flex-shrink: 0;
	}
	.currency_head {
		height: 44px;
		padding: 0 10px;
		gap: 4px;
		border-width: 1px;
		border-radius: 6px;
	}
	.currency_head span {
		font-size: 14px;
	}
	.currency_head svg {
		width: 16px;
		height: 16px;
	}
	.cart_btn,
	.user_btn {
		width: 44px;
		height: 44px;
		border-width: 1px;
		border-radius: 6px;
	}
	.cart_btn i {
		font-size: 19px;
	}
	.cart_badge {
		top: -4px;
		right: -4px;
		min-width: 18px;
		height: 18px;
		padding: 0 4px;
		border-radius: 10px;
		font-size: 11px;
	}
	.signin_head {
		width: 86px;
		height: 44px;
		gap: 5px;
		border-radius: 6px;
	}
	.signin_head span {
		font-size: 12px;
	}
	.signin_head svg {
		width: 15px;
		height: 15px;
	}
	.user_initial {
		font-size: 18px;
	}
	.cur_drop {
		position: fixed;
		right: 16px;
		width: 210px;
		top: calc(var(--mobile-header-height) + 8px);
		max-height: calc(100dvh - var(--mobile-header-height) - 24px);
		overflow-y: auto;
		padding: 6px;
		gap: 6px;
		border-radius: 8px;
	}
	.cur_list {
		gap: 4px;
	}
	.cur_opt {
		min-height: 48px;
		height: auto;
		padding: 6px 8px;
		gap: 10px;
		border-radius: 5px;
	}
	.cur_sym {
		width: 32px;
		height: 32px;
		border-radius: 5px;
		font-size: 16px;
	}
	.cur_txt {
		gap: 2px;
	}
	.cur_txt span:first-child {
		font-size: 14px;
	}
	.cur_txt span:last-child {
		font-size: 12px;
	}
	.cur_check {
		font-size: 12px;
	}
	.user_drop {
		position: fixed;
		right: 16px;
		width: min(270px, calc(100vw - 32px));
		top: calc(var(--mobile-header-height) + 8px);
		max-height: calc(100dvh - var(--mobile-header-height) - 24px);
		overflow-y: auto;
		gap: 8px;
		padding: 12px;
		border-radius: 8px;
	}
	.user_info {
		gap: 12px;
		padding: 0 0 12px;
		border-bottom-width: 1px;
	}
	.user_pic {
		width: 40px;
		height: 40px;
		border-radius: 6px;
	}
	.user_meta {
		gap: 4px;
	}
	.user_name {
		font-size: 15px;
	}
	.user_via {
		font-size: 11px;
		gap: 5px;
	}
	.user_via svg {
		height: 12px;
	}
	.user_link {
		height: 44px;
		padding: 0 10px;
		gap: 8px;
		border-radius: 5px;
	}
	.user_link i {
		width: 18px;
		font-size: 14px;
	}
	.user_link span {
		font-size: 13px;
	}
	.user_discord {
		gap: 10px;
		padding: 10px;
		border-width: 1px;
		border-radius: 6px;
	}
	.user_discord_av {
		width: 32px;
		height: 32px;
		border-radius: 5px;
		font-size: 16px;
	}
	.user_discord_label {
		font-size: 10px;
	}
	.user_discord_name {
		font-size: 14px;
	}
	.user_soon em {
		padding: 2px 5px;
		border-radius: 3px;
		font-size: 10px;
	}

	/* Cart stays inside the viewport, including shorter landscape screens. */
	.cart_drop {
		position: fixed;
		top: calc(var(--mobile-header-height) + 8px);
		right: 16px;
		width: min(380px, calc(100% - 32px));
		max-height: calc(100dvh - var(--mobile-header-height) - 24px);
		overflow-y: auto;
		padding: 16px;
		gap: 12px;
		border-radius: 10px;
		box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
	}
	.cart_drop_title {
		gap: 8px;
	}
	.cart_drop_title span:first-child {
		font-size: 14px;
	}
	.cart_drop_count {
		height: 22px;
		padding: 0 6px;
		line-height: 22px;
		font-size: 11px;
		border-radius: 4px;
	}
	.cart_clear,
	.cart_item_remove {
		width: 44px;
		height: 44px;
		border-width: 1px;
		border-radius: 6px;
	}
	.cart_clear i,
	.cart_item_remove i {
		font-size: 14px;
	}
	.cart_items {
		max-height: none;
		margin: 0;
		padding: 0;
		flex-shrink: 0;
	}
	.cart_item {
		gap: 10px;
		padding: 12px 0;
		border-top-width: 1px;
	}
	.cart_item_img {
		width: 48px;
		height: 48px;
		border-radius: 6px;
	}
	.cart_item_info {
		gap: 6px;
	}
	.cart_item_name {
		font-size: 13px;
	}
	.cart_item_tags {
		gap: 3px;
		padding: 2px;
		flex-wrap: wrap;
		border-radius: 4px;
	}
	.cart_item_tags .drop_tag {
		height: 22px;
		gap: 3px;
		padding: 0 4px;
		border-radius: 3px;
	}
	.cart_item_tags .drop_tag span {
		font-size: 10px;
	}
	.cart_item_tags .drop_tag_icon {
		width: 12px;
		height: 12px;
		border-radius: 2px;
	}
	.cart_item_tags .drop_tag_icon svg {
		width: 10px;
		height: 10px;
	}
	.cart_item_price {
		font-size: 14px;
	}
	.cart_drop .cart_empty {
		gap: 8px;
		padding: 24px 0;
	}
	.cart_empty i {
		font-size: 28px;
		margin-bottom: 4px;
	}
	.cart_empty span:nth-of-type(1) {
		font-size: 15px;
	}
	.cart_empty span:nth-of-type(2) {
		font-size: 13px;
	}
	.cart_foot {
		gap: 12px;
		padding-top: 16px;
		border-top-width: 1px;
	}
	.cart_total {
		gap: 8px;
		flex-wrap: wrap;
	}
	.cart_total .clmn {
		gap: 4px;
	}
	.cart_sub {
		font-size: 13px;
	}
	.cart_tax,
	.cart_secure {
		font-size: 11px;
	}
	.cart_sum {
		font-size: 24px;
	}
	.cart_drop .drop_open,
	.cart_continue {
		height: 46px;
		border-radius: 6px;
		font-size: 13px;
	}
	.cart_drop .drop_open {
		gap: 8px;
	}
	.cart_drop .drop_open span {
		font-size: 14px;
	}
	.cart_drop .drop_open svg {
		width: 16px;
		height: 16px;
	}
	.cart_secure {
		gap: 6px;
	}
	.cart_secure i {
		font-size: 12px;
	}

	/* Shared buttons, headings and product cards. */
	.button,
	.view_all_btn,
	.drop_open {
		min-height: 46px;
		height: auto;
		padding: 12px 16px;
		gap: 8px;
		border-radius: 6px;
	}
	.button {
		width: auto;
	}
	.view_all_btn {
		border-width: 1px;
	}
	.button span,
	.view_all_btn span,
	.drop_open span {
		font-size: 14px;
	}
	.button svg,
	.view_all_btn svg,
	.drop_open svg,
	.drop_icon {
		width: 18px;
		height: 18px;
	}
	.button::before,
	.view_all_btn::before,
	.drop_open::before,
	.drop_cart::before,
	.signin_head::before {
		font-size: 140px;
		letter-spacing: -48px;
	}
	.drop_open::before,
	.drop_cart::before,
	.signin_head::before {
		left: -90px;
		top: -44px;
	}
	.button:hover,
	.button:active,
	.drop_open:hover,
	.signin_head:hover,
	.signin_head:active {
		transform: none;
	}
	.fb_head,
	.fb_heading {
		gap: 12px;
	}
	.fb_top {
		gap: 12px;
		flex-wrap: wrap;
		align-items: center;
	}
	.fb_label,
	.faq_label,
	.fresh_label {
		height: auto;
		min-height: 16px;
		padding-left: 10px;
		border-left-width: 2px;
	}
	.fb_label span,
	.faq_label span,
	.fresh_label span {
		font-size: 12px;
		line-height: 1.4;
		letter-spacing: 0.14em;
	}
	.fb_title,
	.faq_title {
		gap: 8px;
		flex-wrap: wrap;
	}
	.fb_title span {
		font-size: clamp(28px, 4.5vw, 40px);
		line-height: 1.15;
	}
	.fb_sub,
	.faq_sub {
		font-size: 14px;
		line-height: 1.5;
	}
	.fb_back {
		min-height: 44px;
		height: auto;
		padding: 4px 12px 4px 4px;
		gap: 8px;
		border-width: 1px;
		border-radius: 6px;
	}
	.fb_back_ico {
		width: 34px;
		height: 34px;
		border-radius: 4px;
	}
	.fb_back_ico i {
		font-size: 14px;
	}
	.fb_back_txt {
		font-size: 12px;
	}
	.drop_card,
	.grid_products_list .drop_card {
		width: 100%;
		min-width: 0;
		height: auto;
		border-radius: 10px;
	}
	.drop_preview,
	.grid_products_list .drop_preview {
		height: auto;
		aspect-ratio: 16 / 9;
		padding: 12px;
	}
	.drop_new {
		height: 28px;
		padding: 0 10px;
		border-radius: 4px;
	}
	.drop_new span {
		font-size: 12px;
	}
	.drop_body,
	.grid_products_list .drop_body {
		gap: 16px;
		padding: 14px;
	}
	.drop_info {
		gap: 6px;
	}
	.drop_label {
		font-size: 12px;
	}
	.drop_name {
		font-size: 16px;
		line-height: 1.3;
		overflow-wrap: anywhere;
	}
	.drop_prices {
		gap: 10px;
		margin-top: 6px;
		flex-wrap: wrap;
	}
	.drop_price {
		height: auto;
		min-height: 30px;
		padding: 4px 8px;
		border-radius: 4px;
	}
	.drop_price span {
		font-size: 16px;
	}
	.drop_old span {
		font-size: 14px;
	}
	.drop_old::after {
		height: 2px;
	}
	.drop_actions {
		gap: 12px;
		margin-top: auto;
	}
	.drop_tags {
		gap: 4px;
		padding: 4px;
		border-radius: 6px;
		flex-wrap: wrap;
	}
	.drop_tag {
		height: 28px;
		gap: 5px;
		padding: 0 6px;
		border-radius: 4px;
	}
	.drop_tags > .drop_tag {
		width: auto;
		flex: 1 1 auto;
		justify-content: center;
	}
	.drop_tag span {
		font-size: 12px;
	}
	.drop_tag_icon {
		width: 16px;
		height: 16px;
		border-radius: 3px;
	}
	.drop_tag_icon svg {
		width: 12px;
		height: 12px;
	}
	.drop_btns {
		gap: 10px;
	}
	.drop_cart {
		width: 46px;
		height: 46px;
		border-width: 1px;
		border-radius: 6px;
	}
	.drop_cart svg {
		width: 20px;
		height: 20px;
	}
	.drop_cart.is_loading::after,
	[data-cart-add].is_loading::after {
		width: 16px;
		height: 16px;
		border-width: 2px;
	}

	/* Home: hero, payments, statistics and latest releases. */
	.main_section {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	.left_main_sec {
		display: contents;
	}
	.left_main_wrapper {
		order: 0;
		width: 100%;
	}
	.high_quality {
		height: 32px;
		padding: 6px 12px;
		gap: 8px;
		border-radius: 20px;
	}
	.high_quality span {
		font-size: 12px;
	}
	.high_quality svg {
		width: 16px;
		height: 12px;
	}
	.row_main_sect {
		margin-top: 24px;
	}
	.row_main_sect span {
		font-size: clamp(30px, 5.4vw, 52px);
		line-height: 1.12;
	}
	.row_main_sect img {
		width: min(100%, 390px);
		height: auto;
		margin-top: 10px;
	}
	.description_main {
		max-width: 600px;
		font-size: 15px;
		line-height: 1.6;
		margin-top: 16px;
	}
	.flex_buttons_main {
		width: 100%;
		gap: 12px;
		margin-top: 24px;
		flex-wrap: wrap;
	}
	.flex_buttons_main .button {
		flex: 1;
		min-width: 180px;
		max-width: 260px;
	}
	.design_main_page {
		order: 1;
		width: 100%;
		height: 320px;
		margin-top: 0;
		overflow: hidden;
		display: none !important;
	}
	.chars_3d {
		height: 340px;
		top: 0;
		right: calc(50% - 160px);
	}
	.lines_main_img {
		height: 300px;
		top: 0;
		right: calc(50% - 200px);
	}
	.resmon_img {
		height: 160px;
		top: 12px;
		right: calc(50% - 90px);
	}
	.brush_img {
		height: 110px;
		top: 100px;
		right: calc(50% + 80px);
	}
	.brush_img_2 {
		height: 160px;
		top: 20px;
		right: calc(50% - 175px);
	}
	.light_red_glasses {
		width: 32px;
		height: 32px;
		top: 165px;
		right: calc(50% - 105px);
		filter: blur(10px);
	}
	.section_payments_last {
		order: 2;
		margin-top: 24px;
		gap: 16px;
	}
	.payments_title {
		gap: 8px;
	}
	.payments_title svg {
		width: 18px;
		height: 18px;
	}
	.payments_title span {
		font-size: 17px;
	}
	.payments_sub {
		font-size: 14px;
		margin-top: 6px;
		line-height: 1.5;
	}
	.payments_list {
		gap: 12px;
		overflow-x: auto;
		padding-bottom: 8px;
		scroll-snap-type: x proximity;
	}
	.payment_card {
		flex: 0 0 260px;
		height: auto;
		padding: 12px;
		gap: 14px;
		border-radius: 8px;
		scroll-snap-align: start;
	}
	.payment_top {
		gap: 8px;
	}
	.payment_user {
		gap: 8px;
	}
	.payment_photo {
		width: 36px;
		height: 36px;
	}
	.payment_photo img {
		border-radius: 4px;
	}
	.payment_photo_line {
		height: 2px;
	}
	.payment_user_text {
		min-width: 0;
		gap: 3px;
	}
	.payment_user_text span:first-child {
		font-size: 11px;
	}
	.payment_user_text span:last-child {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.payment_sum_val {
		height: 24px;
		padding: 0 5px;
		border-radius: 4px 0 0 4px;
	}
	.payment_sum_val span {
		font-size: 12px;
	}
	.payment_sum_cur {
		width: 24px;
		height: 24px;
		border-radius: 0 4px 4px 0;
	}
	.payment_sum_cur span {
		font-size: 13px;
	}
	.payment_lines {
		gap: 8px;
	}
	.payment_line {
		padding: 8px;
		border-radius: 5px;
		gap: 8px;
	}
	.payment_line_label {
		gap: 5px;
	}
	.payment_line svg {
		width: 14px;
		height: 14px;
	}
	.payment_line_label span,
	.payment_line > span {
		font-size: 12px;
		line-height: 1.4;
	}
	.bar_stats {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
		height: auto;
		padding: 20px;
		margin-top: 32px;
		border-radius: 8px;
	}
	.decor_bar {
		inset: 0;
		height: 100%;
	}
	.block_stat {
		gap: 10px;
		min-width: 0;
	}
	.box_stat {
		width: 36px;
		height: 36px;
		border-radius: 5px;
		flex-shrink: 0;
	}
	.box_stat svg {
		width: 22px;
		height: 22px;
	}
	.row_stat span:first-child {
		font-size: 20px;
	}
	.row_stat span:last-child {
		font-size: 12px;
	}
	.latest_drops {
		flex-direction: column;
		gap: 20px;
		margin-top: 40px;
		padding-bottom: 32px;
		border-bottom-width: 1px;
	}
	.latest_box {
		width: 100%;
		height: auto;
		min-height: 300px;
		padding: 28px;
		border-radius: 10px;
		gap: 28px;
		overflow: hidden;
		border: 1px solid #2a2e2d;
		background-image: linear-gradient(90deg, #151717 0%, rgba(21, 23, 23, 0.94) 42%, rgba(21, 23, 23, 0.55) 68%, rgba(21, 23, 23, 0.15) 100%), url('../images/3d_2.png');
		background-size: 100% 100%, auto 155%;
		background-position: 0 0, right -40px top 30%;
		background-repeat: no-repeat;
	}
	.latest_box > * {
		position: relative;
		z-index: 1;
	}
	@media (min-width: 600px) {
		.latest_box {
			min-height: 340px;
			background-image: linear-gradient(90deg, #151717 0%, #151717 42%, rgba(21, 23, 23, 0.8) 56%, rgba(21, 23, 23, 0.25) 80%, rgba(21, 23, 23, 0.05) 100%), url('../images/3d_2.png');
			background-size: 100% 100%, 58% auto;
			background-position: 0 0, right 0 top 24%;
		}
	}
	.top_latest,
	.latest_heading,
	.bottom_latest {
		gap: 12px;
	}
	.latest_name {
		gap: 8px;
	}
	.latest_name span {
		font-size: 28px;
		line-height: 1.2;
	}
	.latest_desc,
	.built_desc {
		max-width: 420px;
		font-size: 14px;
		line-height: 1.5;
	}
	.built_text,
	.built_heading {
		gap: 6px;
	}
	.built_heading span:first-child {
		font-size: 18px;
		line-height: 1.3;
	}
	.built_heading span:last-child {
		font-size: 24px;
		line-height: 1.3;
	}
	.latest_box .view_all_btn {
		max-width: 320px;
	}
	.circle_qb,
	.circle_esx {
		display: none;
	}
	.flex_wrap_latest {
		display: grid;
		width: 100%;
		gap: 16px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	/* Reviews and FAQ. */
	.feedbacks,
	.faq,
	.features {
		margin-top: 40px;
		gap: 24px;
	}
	.fb_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
		padding-bottom: 32px;
		border-bottom-width: 1px;
	}
	.fb_card {
		min-width: 0;
		height: auto;
		padding: 18px;
		gap: 20px;
		border-radius: 8px;
	}
	.fb_card .fb_top {
		flex-wrap: nowrap;
		align-items: flex-start;
	}
	.fb_user {
		gap: 12px;
		min-width: 0;
	}
	.fb_photo {
		width: 52px;
		height: 52px;
		border-radius: 6px;
		border-width: 1px;
	}
	.fb_user_text {
		gap: 8px;
		min-width: 0;
	}
	.fb_name_block {
		gap: 4px;
	}
	.fb_name {
		font-size: 16px;
		overflow-wrap: anywhere;
	}
	.fb_date {
		gap: 5px;
	}
	.fb_date svg {
		width: 14px;
		height: 14px;
	}
	.fb_date span,
	.fb_rate > span {
		font-size: 12px;
	}
	.fb_rate {
		gap: 8px;
		flex-wrap: wrap;
	}
	.fb_stars {
		gap: 4px;
	}
	.fb_stars svg {
		width: 16px;
		height: 16px;
	}
	.fb_quote {
		width: 26px;
		height: 20px;
	}
	.fb_body {
		gap: 16px;
		flex: 1;
	}
	.fb_copy {
		gap: 8px;
	}
	.fb_review_title {
		font-size: 16px;
		line-height: 1.3;
	}
	.fb_review_text {
		font-size: 14px;
		line-height: 1.6;
	}
	.fb_product {
		min-height: 44px;
		height: auto;
		gap: 8px;
		border-radius: 5px;
	}
	.fb_product_icon {
		width: 36px;
		height: 36px;
		border-radius: 5px;
		font-size: 14px;
	}
	.fb_product_icon svg {
		width: 18px;
		height: 18px;
	}
	.fb_product > span {
		font-size: 12px;
	}
	.faq {
		padding-bottom: 32px;
		border-bottom-width: 1px;
	}
	.head_faq {
		gap: 16px;
		flex-wrap: wrap;
	}
	.faq_intro,
	.faq_heading {
		gap: 12px;
	}
	.faq_title span {
		font-size: 28px;
		line-height: 1.2;
	}
	.faq_docs {
		min-height: 44px;
		height: auto;
		gap: 8px;
		padding: 10px 12px;
		border-radius: 5px;
	}
	.faq_docs svg {
		width: 16px;
		height: 16px;
	}
	.faq_docs span {
		font-size: 14px;
		line-height: 1.4;
	}
	.flex_main_faq {
		flex-direction: column;
		gap: 24px;
		margin-top: 0;
	}
	.left_main_faq {
		width: 100%;
		gap: 12px;
	}
	.faq_item {
		border-radius: 8px;
		border-width: 1px;
	}
	.faq_q {
		min-height: 64px;
	}
	.faq_num {
		width: 44px;
		border-right-width: 1px;
	}
	.faq_num span {
		font-size: 16px;
	}
	.faq_q_main {
		gap: 12px;
		padding: 12px;
		min-width: 0;
	}
	.faq_question {
		font-size: 14px;
		line-height: 1.4;
	}
	.faq_toggle {
		width: 30px;
		height: 30px;
		border-radius: 4px;
	}
	.faq_toggle::before {
		font-size: 20px;
	}
	.faq_item .faq_a {
		padding: 0 16px 0 56px;
	}
	.faq_a span {
		font-size: 14px;
		line-height: 1.6;
		padding: 12px 0;
	}
	.faq_item.active .faq_num {
		border-right-width: 2px;
	}
	.right_faq {
		width: 100%;
		height: auto;
		min-height: 280px;
		padding: 28px;
		justify-content: flex-end;
		overflow: hidden;
		border: 1px solid #2a2e2d;
		border-radius: 10px;
		background-image: linear-gradient(0deg, #151717 0%, rgba(21, 23, 23, 0.92) 38%, rgba(21, 23, 23, 0.35) 72%, rgba(21, 23, 23, 0.1) 100%), url('../images/faq.png');
		background-size: 100% 100%, cover;
		background-position: 0 0, center 20%;
		background-repeat: no-repeat;
	}
	.top_faq span:first-child {
		font-size: 24px;
	}
	.top_faq span:last-child {
		font-size: 38px;
	}
	.desc_faq {
		font-size: 14px;
		margin-top: 8px;
		line-height: 1.5;
		max-width: 450px;
	}
	.right_faq .view_all_btn {
		margin-top: 20px;
		max-width: 320px;
	}

	/* Home feature panels and interactive HUD colour picker. */
	.grid_features {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
		margin-top: 0;
		padding-bottom: 32px;
		border-bottom-width: 1px;
	}
	.b_feature {
		grid-column: 1 / -1;
		width: 100%;
		height: auto;
		min-height: 280px;
		padding: 24px;
		padding-right: 50%;
		border-radius: 10px;
	}
	.resmon_feature {
		height: 150px;
		right: -140px;
		top: 16px;
	}
	.row_feature {
		margin-top: 16px;
		gap: 10px;
	}
	.row_feature span:first-child {
		font-size: 28px;
		line-height: 1.15;
	}
	.row_feature span:last-child {
		font-size: 14px;
		line-height: 1.5;
	}
	.b_feature .view_all_btn {
		margin-top: 24px;
	}
	.hud_element {
		width: 240px;
		height: 240px;
		right: 24px;
		top: 20px;
	}
	.m_feature {
		width: 100%;
		height: auto;
		min-height: 320px;
		padding: 20px;
		border-radius: 10px;
	}
	.m_feature .row_feature span:first-child {
		font-size: 26px;
	}
	.m_feature .row_feature span:last-child {
		font-size: 14px;
	}
	.m_feature .button {
		width: 100%;
		z-index: 1;
		margin-top: auto;
	}
	.row_pannels_fe {
		gap: 8px;
		margin-top: 20px;
	}
	.update_row {
		min-height: 52px;
		height: auto;
		padding: 10px;
		gap: 10px;
		border-radius: 5px;
	}
	.update_dot {
		width: 9px;
		height: 9px;
	}
	.update_text {
		gap: 4px;
	}
	.update_ver,
	.update_desc {
		font-size: 13px;
		line-height: 1.4;
	}
	.pannel_color {
		z-index: 3;
		height: auto;
		min-height: 48px;
		max-width: 100%;
		margin-top: 24px;
		gap: 10px;
		padding: 8px;
		border-radius: 6px;
		flex-wrap: wrap;
	}
	.pc_label {
		gap: 6px;
	}
	.pc_label svg {
		width: 16px;
		height: 16px;
	}
	.pc_label span {
		font-size: 13px;
	}
	.pc_picker {
		gap: 6px;
		min-height: 36px;
	}
	.pc_swatch {
		width: 28px;
		height: 28px;
		border-radius: 4px;
	}
	.pc_chip {
		width: 70px;
		height: 28px;
		border-radius: 4px;
	}
	.pc_hex {
		font-size: 12px;
	}
	.cm_pop {
		position: fixed;
		left: 50%;
		top: calc(var(--mobile-header-height) + 16px);
		bottom: auto;
		width: min(280px, calc(100vw - 32px));
		max-height: calc(100dvh - var(--mobile-header-height) - 32px);
		overflow-y: auto;
		gap: 14px;
		padding: 14px;
		border-radius: 8px;
		border-width: 1px;
		transform: translateX(-50%);
	}
	.cm_pop.open {
		transform: translateX(-50%);
	}
	.mobile_color_head {
		display: flex;
	}
	.cm_title span {
		font-size: 12px;
	}
	.cm_close {
		width: 36px;
		height: 36px;
		border-radius: 4px;
		color: #fff;
	}
	.cm_close svg {
		width: 14px;
		height: 14px;
	}
	.cm_sv {
		height: 150px;
		border-radius: 5px;
		touch-action: none;
	}
	.cm_sv_thumb {
		width: 14px;
		height: 14px;
		border-width: 2px;
	}
	.cm_hue {
		height: 20px;
		border-radius: 5px;
		touch-action: none;
	}
	.cm_hue_thumb {
		width: 6px;
		height: 28px;
		border-radius: 3px;
	}
	.cm_row {
		gap: 8px;
	}
	.cm_preview {
		width: 36px;
		height: 40px;
		border-radius: 5px;
	}
	.cm_hexfield {
		height: 40px;
		gap: 4px;
		padding: 0 8px;
		border-radius: 5px;
	}
	.cm_hash {
		font-size: 16px;
	}
	.cm_hexinput {
		font-size: 16px;
		min-width: 0;
	}
	.cm_presets {
		gap: 8px;
		grid-template-columns: repeat(4, 1fr);
	}
	.cm_preset {
		min-height: 36px;
		border-radius: 4px;
	}

	/* Product listing and collapsible mobile filters. */
	.products_section {
		gap: 20px;
	}
	.flex_products {
		flex-direction: column;
		gap: 24px;
		margin-top: 24px;
	}
	.left_prd_wrapper {
		display: contents;
		position: static;
		width: 100%;
	}
	.left_prd {
		order: 0;
		padding: 16px;
		gap: 16px;
		border-radius: 8px;
	}
	.flex_products > .prd_list_col {
		order: 1;
	}
	.left_prd_wrapper > .fi_vip_side {
		order: 2;
	}
	.mobile_filter_toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
		min-height: 44px;
		padding: 0 12px;
		border: 1px solid #41473d;
		border-radius: 5px;
		color: #99f71a;
		background: #171919;
		font: inherit;
		gap: 8px;
	}
	.mobile_filters_body {
		display: none;
		gap: 20px;
	}
	.left_prd.filters_open .mobile_filters_body {
		display: flex;
	}
	.flt_head {
		gap: 12px;
	}
	.flt_title {
		gap: 8px;
	}
	.flt_title > span:first-child {
		font-size: 18px;
	}
	.flt_count {
		min-width: 24px;
		height: 24px;
		padding: 0 6px;
		border-radius: 4px;
		font-size: 12px;
	}
	.flt_reset,
	.flt_search_clear {
		width: 44px;
		height: 44px;
		border-radius: 5px;
	}
	.flt_reset i,
	.flt_search_clear i {
		font-size: 14px;
	}
	.flt_search {
		height: 46px;
		gap: 10px;
		padding: 0 12px;
		border-width: 1px;
		border-radius: 5px;
	}
	.flt_search > i {
		font-size: 16px;
	}
	.flt_search input {
		font-size: 16px;
		min-width: 0;
	}
	.flt_group {
		gap: 12px;
	}
	.flt_label {
		font-size: 12px;
	}
	.flt_list {
		gap: 6px;
	}
	.flt_opt {
		min-height: 44px;
		height: auto;
		padding: 8px 10px;
		border-radius: 5px;
	}
	.flt_opt_name {
		gap: 10px;
		font-size: 14px;
	}
	.flt_box {
		width: 20px;
		height: 20px;
		border-width: 1px;
		border-radius: 3px;
	}
	.flt_box i {
		font-size: 12px;
	}
	.flt_num,
	.flt_range_val {
		font-size: 13px;
	}
	.flt_range {
		height: 40px;
		margin-top: 6px;
	}
	.flt_range_track,
	.flt_range_fill {
		height: 4px;
		border-radius: 4px;
	}
	.flt_range input[type='range'] {
		height: 40px;
	}
	.flt_range input[type='range']::-webkit-slider-thumb {
		width: 24px;
		height: 24px;
		border-width: 2px;
		border-radius: 50%;
	}
	.flt_range input[type='range']::-moz-range-thumb {
		width: 24px;
		height: 24px;
		border-width: 2px;
		border-radius: 50%;
	}
	.flt_price_inputs {
		gap: 8px;
	}
	.flt_price_field {
		flex: 1;
		min-width: 0;
		width: auto;
		height: 46px;
		padding: 0 10px;
		gap: 6px;
		border-width: 1px;
		border-radius: 5px;
	}
	.flt_price_field span,
	.flt_price_field em {
		font-size: 12px;
	}
	.flt_price_field input {
		width: 100%;
		min-width: 0;
		font-size: 16px;
	}
	.flt_price_dash {
		font-size: 14px;
	}
	.flt_presets {
		gap: 8px;
		flex-wrap: wrap;
	}
	.flt_preset {
		min-height: 40px;
		height: auto;
		padding: 8px 12px;
		border-width: 1px;
		border-radius: 5px;
		font-size: 12px;
	}
	.prd_list_col {
		width: 100%;
		gap: 24px;
	}
	.grid_products_list {
		width: 100%;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
	}
	.prd_empty {
		height: auto;
		min-height: 240px;
		gap: 12px;
		padding: 24px;
		border-radius: 8px;
	}
	.prd_empty i {
		font-size: 32px;
	}
	.prd_empty span:nth-of-type(1) {
		font-size: 18px;
	}
	.prd_empty span:nth-of-type(2) {
		font-size: 14px;
	}
	.prd_pager {
		gap: 8px;
		flex-wrap: wrap;
		justify-content: center;
	}
	.prd_pages {
		gap: 4px;
	}
	.prd_page_btn {
		width: 44px;
		height: 44px;
		border-width: 1px;
		border-radius: 5px;
		font-size: 14px;
	}
	.prd_page_btn span {
		font-size: 14px;
	}
	.prd_page_arrow i {
		font-size: 14px;
	}
	.prd_page_dots {
		width: 16px;
		font-size: 14px;
	}

	/* Product details and gallery. */
	.open_product {
		width: 100%;
	}
	.flex_product,
	.flex_infos {
		flex-direction: column;
		gap: 24px;
		margin-top: 24px;
	}
	.preview {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		border-radius: 10px;
	}
	.preview_btn {
		width: 44px;
		height: 44px;
		border-radius: 6px;
	}
	.preview_btn i {
		font-size: 16px;
	}
	.preview_prev {
		left: 12px;
	}
	.preview_next {
		right: 12px;
	}
	.preview_thumbs {
		bottom: 10px;
		gap: 8px;
		max-width: calc(100% - 24px);
		overflow-x: auto;
		padding: 2px;
	}
	.preview_thumb {
		width: 60px;
		height: 44px;
		border-width: 2px;
		border-radius: 5px;
		flex-shrink: 0;
	}
	.preview_thumb i {
		font-size: 14px;
	}
	.right_product {
		width: 100%;
		height: auto;
		padding: 24px;
		gap: 24px;
		border-radius: 10px;
	}
	.right_product::before {
		top: -60px;
		left: -16px;
		font-size: 110px;
	}
	.rp_top {
		gap: 20px;
	}
	.rp_info {
		gap: 8px;
	}
	.rp_name {
		font-size: 26px;
		line-height: 1.2;
		overflow-wrap: anywhere;
	}
	.rp_desc {
		font-size: 14px;
		margin-top: 8px;
		line-height: 1.6;
	}
	.rp_frameworks {
		gap: 8px;
	}
	.rp_fw_label {
		font-size: 13px;
	}
	.right_product .drop_tag {
		flex: 0 1 auto;
	}
	.rp_price_block {
		gap: 8px;
	}
	.rp_price {
		font-size: 32px;
	}
	.rp_bill {
		font-size: 13px;
	}
	.rp_line {
		width: 48px;
		height: 2px;
	}
	.rp_actions {
		gap: 12px;
	}
	.rp_actions .view_all_btn i {
		font-size: 15px;
	}
	.fi_about {
		width: 100%;
		padding: 20px;
		border-width: 1px;
		border-radius: 8px;
	}
	.fi_intro {
		gap: 10px;
	}
	.fi_title {
		font-size: 20px;
	}
	.fi_text {
		font-size: 15px;
		line-height: 1.6;
	}
	.fi_features {
		margin-top: 20px;
		gap: 12px;
	}
	.fi_card {
		width: calc(50% - 6px);
		height: auto;
		min-height: 72px;
		gap: 12px;
		padding: 12px;
		border-radius: 6px;
	}
	.fi_ico {
		width: 40px;
		height: 40px;
		border-radius: 5px;
	}
	.fi_ico i {
		font-size: 18px;
	}
	.fi_card_text {
		min-width: 0;
		gap: 4px;
	}
	.fi_card_name {
		font-size: 15px;
	}
	.fi_card_desc {
		font-size: 13px;
		line-height: 1.4;
	}
	.fi_meta {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 20px;
		padding-top: 16px;
		gap: 10px;
		border-top-width: 1px;
	}
	.fi_meta .fi_chip,
	.fi_meta .fi_chip:nth-child(-n + 2) {
		grid-column: auto;
	}
	.fi_chip {
		height: auto;
		min-height: 52px;
		padding: 12px;
		gap: 8px;
		border-radius: 5px;
		flex-wrap: wrap;
	}
	.fi_chip_label {
		font-size: 13px;
		gap: 6px;
	}
	.fi_chip_label i {
		font-size: 14px;
	}
	.fi_chip_val {
		font-size: 13px;
		overflow-wrap: anywhere;
	}
	.fi_vip,
	.fi_vip_side {
		width: 100%;
		height: auto;
		padding: 24px;
		gap: 20px;
		border-radius: 8px;
	}
	.fi_vip_top,
	.fi_vip_side .fi_vip_top {
		gap: 16px;
	}
	.fi_vip_badge,
	.fi_vip_side .fi_vip_badge {
		height: 28px;
		padding: 0 10px;
		font-size: 12px;
		border-radius: 4px;
	}
	.fi_vip_head,
	.fi_vip_side .fi_vip_head {
		gap: 6px;
	}
	.fi_vip_title,
	.fi_vip_accent,
	.fi_vip_side .fi_vip_title,
	.fi_vip_side .fi_vip_accent {
		font-size: 28px;
		line-height: 1.1;
		margin-top: 0;
	}
	.fi_vip_sub,
	.fi_vip_side .fi_vip_sub {
		font-size: 14px;
		line-height: 1.5;
	}
	.fi_vip_list,
	.fi_vip_side .fi_vip_list {
		gap: 10px;
	}
	.fi_vip_row,
	.fi_vip_side .fi_vip_row {
		font-size: 14px;
		gap: 10px;
	}
	.fi_vip_check,
	.fi_vip_side .fi_vip_check {
		width: 22px;
		height: 22px;
		border-radius: 4px;
	}
	.fi_vip_check i,
	.fi_vip_side .fi_vip_check i {
		font-size: 12px;
	}
	.fi_vip_bottom,
	.fi_vip_side .fi_vip_bottom {
		gap: 16px;
	}
	.fi_vip_price,
	.fi_vip_side .fi_vip_price {
		gap: 8px;
		flex-wrap: wrap;
	}
	.fi_from,
	.fi_vip_side .fi_from {
		font-size: 14px;
	}
	.fi_vip_side .rp_price {
		font-size: 28px;
	}
	.cards_vip {
		width: 100%;
	}

	/* VIP subscription plans. */
	.subs_section {
		gap: 28px;
		padding-bottom: 32px;
		border-bottom-width: 1px;
	}
	.subs_head {
		gap: 14px;
	}
	.subs_watermark {
		font-size: clamp(36px, 8vw, 80px);
		top: 0;
		max-width: 100%;
		overflow: hidden;
	}
	.subs_title {
		gap: 8px;
		flex-wrap: wrap;
		justify-content: center;
	}
	.subs_title span {
		font-size: 32px;
		line-height: 1.15;
	}
	.subs_sub {
		font-size: 14px;
		line-height: 1.6;
	}
	.subs_chips {
		gap: 8px;
		margin-top: 0;
		flex-wrap: wrap;
		justify-content: center;
	}
	.subs_chip {
		height: auto;
		min-height: 32px;
		padding: 8px 10px;
		gap: 6px;
		border-radius: 5px;
		font-size: 11px;
	}
	.subs_chip i {
		font-size: 12px;
	}
	.subs_billing {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		max-width: 380px;
		gap: 4px;
		margin-top: 8px;
		padding: 4px;
		border-width: 1px;
		border-radius: 6px;
	}
	.subs_bill_btn {
		justify-content: center;
	}
	.subs_bill_btn {
		height: auto;
		min-height: 44px;
		padding: 8px 12px;
		gap: 6px;
		border-radius: 4px;
		font-size: 12px;
	}
	.subs_bill_btn em {
		height: auto;
		padding: 4px 6px;
		border-radius: 3px;
		font-size: 10px;
	}
	.subs_grid {
		width: 100%;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
		padding-top: 32px;
		align-items: stretch;
	}
	.subs_grid::before {
		display: none;
	}
	.sub_card,
	.sub_featured {
		width: 100%;
		height: auto;
		padding: 20px;
		gap: 20px;
		border-radius: 8px;
	}
	.sub_featured {
		border-radius: 0 0 8px 8px;
	}
	.sub_card::before {
		width: 40px;
		height: 2px;
	}
	.sub_featured::before {
		width: 100%;
		height: 100%;
		padding: 0 1px 1px;
	}
	.sub_ribbon {
		height: 32px;
		gap: 8px;
		border-radius: 8px 8px 0 0;
	}
	.sub_ribbon span {
		font-size: 12px;
	}
	.sub_ribbon i {
		font-size: 12px;
	}
	.sub_top {
		gap: 16px;
		padding-bottom: 20px;
		border-bottom-width: 1px;
	}
	.sub_name_row {
		gap: 10px;
	}
	.sub_num {
		width: 36px;
		height: 36px;
		border-radius: 5px;
		font-size: 18px;
	}
	.sub_name {
		gap: 4px;
	}
	.sub_name span:first-child {
		font-size: 18px;
	}
	.sub_name span:last-child {
		font-size: 13px;
	}
	.sub_price {
		margin-top: 8px;
		gap: 6px;
		flex-wrap: wrap;
	}
	.sub_price_val {
		font-size: 32px;
		line-height: 1;
	}
	.sub_price_per {
		font-size: 13px;
	}
	.sub_value {
		height: auto;
		min-height: 32px;
		padding: 8px;
		margin-top: 0;
		gap: 6px;
		border-radius: 4px;
		font-size: 11px;
		flex-wrap: wrap;
	}
	.sub_value i {
		font-size: 12px;
	}
	.sub_row {
		gap: 10px;
		padding: 12px 0;
		font-size: 13px;
		line-height: 1.4;
		border-bottom-width: 1px;
	}
	.sub_ico {
		width: 22px;
		height: 22px;
		border-radius: 4px;
	}
	.sub_ico i {
		font-size: 12px;
	}
	.sub_btn {
		min-height: 46px;
		height: auto;
		margin-top: auto;
	}
	.sub_btn span {
		font-size: 14px;
	}
	.sub_btn svg {
		width: 16px;
		height: 16px;
	}
	.subs_perks {
		width: 100%;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	.subs_perk {
		gap: 10px;
		padding: 14px;
		border-radius: 6px;
	}
	.subs_perk_ico {
		width: 36px;
		height: 36px;
		border-radius: 5px;
		font-size: 16px;
	}
	.subs_perk .clmn {
		gap: 6px;
	}
	.subs_perk .clmn span:first-child {
		font-size: 13px;
	}
	.subs_perk .clmn span:last-child {
		font-size: 12px;
		line-height: 1.4;
	}

	/* Documentation: stacked navigation, local horizontal scrolling for code. */
	.docs_section,
	.docs_index {
		gap: 24px;
	}
	.docs_hero {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
	}
	.docs_hero_text {
		gap: 12px;
	}
	.docs_hero .fb_title span {
		font-size: 28px;
		line-height: 1.15;
	}
	.docs_search {
		width: 100%;
		height: 48px;
		padding: 0 14px;
		gap: 10px;
		border-width: 1px;
		border-radius: 6px;
	}
	.docs_search i {
		font-size: 16px;
	}
	.docs_search input {
		font-size: 16px;
		min-width: 0;
	}
	.docs_search kbd {
		width: 24px;
		height: 24px;
		font-size: 12px;
		border-width: 1px;
		border-radius: 4px;
	}
	.docs_quick {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	.docs_quick_card {
		gap: 12px;
		padding: 16px;
		border-radius: 8px;
	}
	.docs_quick_ico {
		width: 40px;
		height: 40px;
		font-size: 18px;
		border-radius: 6px;
	}
	.docs_quick_card .clmn {
		gap: 6px;
	}
	.docs_quick_card .clmn span:first-child {
		font-size: 14px;
	}
	.docs_quick_card .clmn span:last-child {
		font-size: 13px;
	}
	.docs_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}
	.docs_card {
		padding: 18px;
		gap: 14px;
		border-width: 1px;
		border-radius: 8px;
	}
	.docs_card_top {
		gap: 12px;
	}
	.docs_product_img,
	.docs_card_img {
		width: 48px;
		height: 48px;
		border-radius: 6px;
		flex-shrink: 0;
	}
	.docs_card_name {
		gap: 5px;
		min-width: 0;
	}
	.docs_card_name span {
		font-size: 15px;
	}
	.docs_card_name code {
		font-size: 12px;
	}
	.docs_product_name span:last-child {
		font-size: 12px;
		overflow-wrap: anywhere;
	}
	.docs_card_sum {
		font-size: 14px;
		line-height: 1.5;
	}
	.docs_card_tags {
		gap: 6px;
		flex-wrap: wrap;
	}
	.docs_tag {
		height: auto;
		min-height: 24px;
		padding: 4px 6px;
		font-size: 11px;
		border-radius: 4px;
	}
	.docs_card_go {
		font-size: 12px;
		gap: 8px;
		padding-top: 12px;
	}
	.docs_card_go i {
		font-size: 12px;
	}
	.docs_empty {
		min-height: 220px;
		height: auto;
		padding: 24px;
		gap: 12px;
		border-radius: 8px;
		font-size: 16px;
	}
	.docs_empty i {
		font-size: 32px;
	}
	.docs_layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}
	.docs_side,
	.docs_toc {
		position: static;
		top: auto;
		max-height: none;
		overflow: visible;
	}
	.docs_side {
		gap: 16px;
	}
	.docs_all {
		min-height: 44px;
		gap: 8px;
		font-size: 13px;
	}
	.docs_all i {
		font-size: 14px;
	}
	.docs_product {
		padding: 16px;
		gap: 12px;
		border-radius: 8px;
	}
	.docs_product_top {
		gap: 12px;
	}
	.docs_product_name {
		gap: 6px;
	}
	.docs_product_name span:first-child {
		font-size: 16px;
	}
	.docs_ver {
		height: 26px;
		padding: 0 8px;
		font-size: 12px;
		border-radius: 4px;
	}
	.docs_nav {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 6px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		margin: 0;
		padding: 0 0 4px;
	}
	.docs_nav::-webkit-scrollbar {
		display: none;
	}
	.docs_nav_link {
		flex: 0 0 auto;
		white-space: nowrap;
		scroll-snap-align: start;
		border: 1px solid #2a2e2d;
	}
	.docs_nav_link.active {
		border-color: rgba(153, 247, 26, 0.35);
	}
	.docs_nav_link {
		min-height: 44px;
		height: auto;
		padding: 10px 12px;
		gap: 8px;
		border-radius: 5px;
		font-size: 12px;
	}
	.docs_nav_link i {
		width: 16px;
		font-size: 14px;
	}
	.docs_nav_link.active::before {
		width: 2px;
		top: 10px;
		bottom: 10px;
		border-radius: 2px;
	}
	.docs_side_foot {
		gap: 10px;
		padding-top: 16px;
		border-top-width: 1px;
	}
	.docs_crumbs {
		gap: 8px;
		margin-bottom: 16px;
		font-size: 11px;
		flex-wrap: wrap;
	}
	.docs_crumbs i {
		font-size: 10px;
	}
	.docs_title {
		font-size: 30px;
		line-height: 1.2;
		overflow-wrap: anywhere;
	}
	.docs_sub {
		font-size: 15px;
		margin-top: 12px;
	}
	.docs_body {
		gap: 20px;
		margin-top: 24px;
		padding-top: 24px;
		border-top-width: 1px;
	}
	.doc_p,
	.doc_list li,
	.doc_step_text,
	.doc_callout_text,
	.doc_option_desc,
	.doc_api_desc,
	.doc_issue_a {
		font-size: 14px;
		line-height: 1.65;
		overflow-wrap: anywhere;
	}
	.doc_code_inline {
		padding: 2px 5px;
		border-width: 1px;
		border-radius: 4px;
	}
	.doc_h {
		font-size: 20px;
		line-height: 1.3;
		gap: 8px;
		margin-top: 16px;
		scroll-margin-top: calc(var(--mobile-header-height) + 20px);
	}
	.doc_anchor {
		width: 36px;
		height: 36px;
		font-size: 13px;
		border-radius: 4px;
		opacity: 1;
		flex-shrink: 0;
	}
	.doc_list {
		gap: 10px;
	}
	.doc_list li {
		padding-left: 20px;
	}
	.doc_list li::before {
		left: 4px;
		top: 9px;
		width: 6px;
		height: 6px;
		border-radius: 2px;
	}
	.doc_step {
		gap: 14px;
		padding-bottom: 24px;
	}
	.doc_step:not(:last-child)::before {
		left: 18px;
		top: 44px;
		bottom: 4px;
		width: 1px;
	}
	.doc_step_num {
		width: 36px;
		height: 36px;
		font-size: 14px;
		border-width: 1px;
		border-radius: 5px;
	}
	.doc_step_body {
		gap: 8px;
		padding-top: 4px;
		min-width: 0;
	}
	.doc_step_title {
		font-size: 15px;
		line-height: 1.4;
	}
	.doc_codebox {
		max-width: 100%;
		min-width: 0;
		border-width: 1px;
		border-radius: 8px;
	}
	.doc_code_head {
		height: auto;
		min-height: 48px;
		padding: 4px 8px 4px 14px;
		gap: 8px;
	}
	.doc_code_file {
		gap: 8px;
		font-size: 12px;
		min-width: 0;
		overflow-wrap: anywhere;
	}
	.doc_copy {
		height: 44px;
		padding: 0 10px;
		gap: 6px;
		font-size: 12px;
		border-radius: 5px;
		flex-shrink: 0;
	}
	.doc_code {
		font-size: 12px;
		padding: 16px 0;
		max-width: 100%;
		overscroll-behavior-x: contain;
	}
	.doc_code_num {
		width: 40px;
		padding-right: 12px;
	}
	.doc_code_txt {
		padding-right: 16px;
	}
	.doc_callout {
		gap: 12px;
		padding: 16px;
		border-left-width: 3px;
		border-radius: 6px;
	}
	.doc_callout > i {
		margin-top: 4px;
		font-size: 16px;
		flex-shrink: 0;
	}
	.doc_callout .clmn {
		min-width: 0;
		gap: 8px;
	}
	.doc_callout_title {
		font-size: 14px;
	}
	.doc_options {
		border-width: 1px;
		border-radius: 8px;
	}
	.doc_option {
		gap: 10px;
		padding: 16px;
	}
	.doc_option + .doc_option {
		border-top-width: 1px;
	}
	.doc_option_top {
		gap: 8px;
	}
	.doc_option_key {
		padding: 4px 8px;
		font-size: 13px;
		border-width: 1px;
		border-radius: 4px;
		overflow-wrap: anywhere;
	}
	.doc_option_val {
		font-size: 12px;
		overflow-wrap: anywhere;
	}
	.doc_specs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	.doc_spec {
		gap: 8px;
		padding: 14px;
		border-radius: 6px;
		min-width: 0;
	}
	.doc_spec_label {
		font-size: 11px;
	}
	.doc_spec_val {
		font-size: 14px;
		overflow-wrap: anywhere;
	}
	.doc_api {
		gap: 16px;
	}
	.doc_api_item {
		gap: 12px;
		padding: 16px;
		border-width: 1px;
		border-radius: 8px;
		min-width: 0;
	}
	.doc_api_top {
		gap: 8px;
		flex-wrap: wrap;
	}
	.doc_api_name {
		font-size: 16px;
		overflow-wrap: anywhere;
	}
	.doc_badge {
		height: auto;
		min-height: 24px;
		padding: 4px 6px;
		font-size: 11px;
		border-radius: 4px;
	}
	.doc_api_sig {
		max-width: 100%;
		padding: 8px 10px;
		font-size: 12px;
		border-radius: 4px;
	}
	.doc_issues {
		gap: 12px;
	}
	.doc_issue {
		border-radius: 6px;
	}
	.doc_issue_q {
		min-height: 52px;
		gap: 12px;
		padding: 14px;
		font-size: 14px;
		line-height: 1.4;
	}
	.doc_issue_q > span {
		gap: 10px;
	}
	.doc_issue_q > span i {
		font-size: 16px;
	}
	.doc_issue_arrow {
		font-size: 13px;
	}
	.doc_issue_a {
		padding: 0 16px 16px;
	}
	.docs_pager {
		gap: 12px;
		margin-top: 32px;
		padding-top: 24px;
		border-top-width: 1px;
	}
	.docs_pager_card {
		padding: 16px;
		gap: 8px;
		border-width: 1px;
		border-radius: 8px;
		min-width: 0;
	}
	.docs_pager_dir {
		font-size: 11px;
	}
	.docs_pager_name {
		font-size: 13px;
		overflow-wrap: anywhere;
	}
	.docs_toc {
		gap: 14px;
		padding-left: 16px;
		border-left-width: 2px;
		grid-row: 2;
	}
	.docs_toc_title {
		font-size: 12px;
	}
	.docs_toc_list {
		gap: 8px;
	}
	.docs_toc_link {
		font-size: 14px;
		padding: 6px 0;
	}
	.docs_toc_link.active::before {
		left: -18px;
		top: 6px;
		bottom: 6px;
		width: 2px;
	}

	/* Support banner, footer and authentication modals. */
	.need_help {
		height: auto;
		min-height: 160px;
		padding: 24px;
		margin-top: 40px;
		gap: 24px;
		border-radius: 10px;
		flex-wrap: wrap;
		background-size: cover;
	}
	.need_help::before {
		background-size: cover;
	}
	.row_nh {
		position: relative;
		z-index: 1;
		min-width: 0;
		gap: 8px;
	}
	.row_nh span:first-child {
		font-size: 24px;
		line-height: 1.2;
	}
	.row_nh span:last-child {
		font-size: 14px;
		line-height: 1.5;
		margin-top: 0;
	}
	.need_help .button {
		min-width: 200px;
	}
	footer {
		margin-top: 32px;
		gap: 24px;
	}
	.ft_top {
		gap: 32px;
		padding-top: 32px;
		border-top-width: 1px;
		flex-wrap: wrap;
	}
	.ft_brand {
		gap: 16px;
	}
	.ft_brand_top {
		gap: 16px;
		flex-wrap: wrap;
	}
	.ft_logo {
		width: 140px;
	}
	.ft_tagline {
		max-width: 360px;
		font-size: 14px;
		line-height: 1.5;
	}
	.ft_socials {
		gap: 10px;
	}
	.ft_social {
		width: 44px;
		height: 44px;
		border-radius: 5px;
	}
	.ft_social svg {
		width: 20px;
		height: 20px;
	}
	.ft_links {
		gap: 28px;
		flex-wrap: wrap;
	}
	.ft_col {
		gap: 12px;
		padding-left: 16px;
		border-left-width: 1px;
	}
	.ft_col_title {
		font-size: 15px;
		padding-left: 8px;
		border-left-width: 2px;
	}
	.ft_col_list {
		gap: 4px;
	}
	.ft_col_list a {
		display: flex;
		align-items: center;
		min-height: 36px;
		font-size: 14px;
	}
	.ft_pay {
		height: auto;
		padding: 16px;
		gap: 16px;
		margin-top: 32px;
		border-radius: 6px;
		flex-wrap: wrap;
	}
	.fb_product::before {
		font-size: 120px;
	}
	.ft_pay svg {
		width: 18px;
		height: 18px;
	}
	.ft_pay_note {
		gap: 8px;
	}
	.ft_pay_note span {
		font-size: 13px;
	}
	.ft_pay_methods {
		gap: 8px;
		flex-wrap: wrap;
	}
	.ft_pay_chip {
		width: 64px;
		height: 36px;
		border-radius: 4px;
	}
	.ft_pay_chip i {
		font-size: 23px;
	}
	.ft_copy {
		font-size: 12px;
		line-height: 1.5;
	}
	.auth_modal {
		padding: 16px;
		overflow-y: auto;
	}
	.auth_card {
		width: min(380px, 100%);
		max-height: calc(100dvh - 32px);
		overflow-y: auto;
		border-radius: 10px;
	}
	.auth_card::before {
		font-size: 140px;
		letter-spacing: -48px;
		top: -40px;
		right: -40px;
	}
	.auth_close {
		width: 44px;
		height: 44px;
		top: 10px;
		right: 10px;
		border-width: 1px;
		border-radius: 5px;
	}
	.auth_close i {
		font-size: 14px;
	}
	.auth_body {
		gap: 20px;
		padding: 64px 24px 24px;
	}
	.auth_logos {
		gap: 12px;
	}
	.auth_logo {
		height: 32px;
	}
	.auth_x {
		font-size: 12px;
	}
	.auth_fivem {
		width: 44px;
		height: 44px;
		border-width: 1px;
		border-radius: 6px;
	}
	.auth_fivem svg {
		height: 24px;
	}
	.auth_discord svg {
		height: 22px;
	}
	.auth_head {
		gap: 10px;
	}
	.auth_label {
		margin-bottom: 4px;
		font-size: 11px;
	}
	.auth_title {
		font-size: 24px;
	}
	.auth_sub {
		font-size: 14px;
		line-height: 1.5;
	}
	.auth_btn {
		height: 48px;
		padding: 0 14px;
		border-radius: 6px;
	}
	.auth_btn_left {
		gap: 10px;
	}
	.auth_btn_left svg {
		width: 20px;
		height: 20px;
	}
	.auth_btn_left span {
		font-size: 14px;
	}
	.auth_btn > i {
		font-size: 14px;
	}
	.auth_help {
		font-size: 12px;
		line-height: 1.5;
	}
	.auth_foot {
		padding: 16px;
		gap: 8px;
	}
	.auth_foot i {
		font-size: 12px;
	}
	.auth_foot span {
		font-size: 11px;
	}
	.page_loader_box {
		gap: 20px;
	}
	.page_loader_box img {
		height: 42px;
	}
	.page_loader_bar {
		width: 160px;
		height: 3px;
		border-radius: 4px;
	}
}

@media (max-width: 1024px) {
	/* Compact header and a scrollable drawer for navigation and account controls. */
	header.alcn.mobile_menu_ready {
		padding: 12px 16px;
		gap: 12px;
	}
	.mobile_menu_ready .header_logo img {
		width: 124px;
	}
	.mobile_menu_ready .right_header {
		gap: 10px;
	}
	.mobile_menu_toggle,
	.mobile_menu_close {
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		flex-shrink: 0;
		gap: 5px;
		padding: 0;
		border: 1px solid #343936;
		border-radius: 7px;
		background: #1c1e1e;
		color: #fff;
		cursor: pointer;
	}
	.mobile_menu_toggle span,
	.mobile_menu_close span {
		width: 18px;
		height: 2px;
		border-radius: 2px;
		background: currentColor;
	}
	.mobile_menu_toggle span:nth-child(2) {
		width: 14px;
		align-self: flex-end;
		margin-right: 12px;
	}
	.mobile_menu_close span {
		position: absolute;
		transform: rotate(45deg);
	}
	.mobile_menu_close span:last-child {
		transform: rotate(-45deg);
	}
	.mobile_menu_toggle:hover,
	.mobile_menu_close:hover {
		border-color: #99f71a;
		color: #99f71a;
	}
	html.mobile_menu_lock,
	html.mobile_menu_lock body {
		overflow: hidden;
	}
	.mobile_menu {
		display: flex;
		justify-content: flex-end;
		position: fixed;
		inset: 0;
		z-index: 10000;
		background: rgba(5, 8, 6, 0.68);
		backdrop-filter: blur(6px);
		transition: none;
	}
	.mobile_menu_panel {
		display: flex;
		flex-direction: column;
		gap: 24px;
		width: min(340px, calc(100% - 24px));
		height: 100%;
		min-height: 0;
		padding: max(16px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));
		overflow-y: auto;
		overscroll-behavior: contain;
		background: #171a18;
		border-left: 1px solid #30382b;
		box-shadow: -12px 0 36px rgba(0, 0, 0, 0.35);
		transition: none;
	}
	.mobile_menu_panel > * {
		flex-shrink: 0;
	}
	.mobile_menu_head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
	}
	.mobile_menu_head > span {
		font-family: 'Bold';
		font-size: 20px;
		letter-spacing: 0.08em;
	}
	.mobile_menu .categorys_wrapper {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
		overflow: visible;
	}
	.mobile_menu .ctg_head {
		justify-content: flex-start;
		width: 100%;
		min-height: 48px;
		padding: 12px 14px;
		gap: 12px;
		border: 1px solid transparent;
		border-radius: 7px;
	}
	.mobile_menu .ctg_head span {
		font-size: 15px;
	}
	.mobile_menu .ctg_head svg {
		width: 20px;
		height: 20px;
	}
	.mobile_menu .ctg_head.active {
		background: rgba(153, 247, 26, 0.08);
		border-color: rgba(153, 247, 26, 0.22);
	}
	.mobile_menu_settings {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding-top: 20px;
		border-top: 1px solid #2c322c;
	}
	.mobile_menu_label {
		font-size: 11px;
		color: #8d978b;
		letter-spacing: 0.14em;
	}
	.mobile_menu .currency_head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 48px;
		padding: 0 14px;
	}
	.mobile_menu .currency_head span {
		font-size: 15px;
	}
	.mobile_menu .currency_head svg {
		width: 18px;
		height: 18px;
	}
	.mobile_menu .cur_drop,
	.mobile_menu .user_drop {
		display: none;
		position: static;
		width: 100%;
		max-height: none;
		margin-top: 8px;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		overflow: visible;
	}
	.mobile_menu .currency_wrap.open .cur_drop,
	.mobile_menu .user_head.open .user_drop {
		display: flex;
	}
	.mobile_menu .cur_opt {
		border-width: 1px;
	}
	.mobile_menu .signin_head {
		width: 100%;
		min-height: 48px;
		gap: 10px;
	}
	.mobile_menu .signin_head span {
		font-size: 14px;
	}
	.mobile_menu .signin_head svg {
		display: block;
		width: 18px;
		height: 18px;
	}
	.mobile_menu .user_btn {
		width: 100%;
		gap: 10px;
	}
	.mobile_menu .user_btn::after {
		content: 'MY ACCOUNT';
		font-size: 13px;
		color: #dce2d9;
	}
	.mobile_menu .user_pic {
		flex-shrink: 0;
	}

	/* Use fixed glow radii at mobile scale, independently of the desktop vw sizes. */
	.button,
	.button:hover,
	.drop_open,
	.drop_open:hover,
	.signin_head,
	.signin_head:hover,
	.auth_btn,
	.auth_btn:hover,
	.cart_drop .drop_open {
		box-shadow: 0 3px 22px rgba(153, 247, 26, 0.18);
	}
	.discord_button,
	.discord_button:hover {
		box-shadow: 0 3px 22px rgba(109, 119, 243, 0.2);
	}
	.drop_cart.added,
	[data-cart-add].added,
	[data-cart-add].added:hover {
		box-shadow: 0 3px 18px rgba(255, 77, 94, 0.24);
	}
	.high_quality {
		box-shadow: 0 0 20px rgba(153, 247, 26, 0.2);
	}
	.row_main_sect img {
		filter: drop-shadow(0 0 18px rgba(153, 247, 26, 0.32));
	}
	.blur_chars {
		filter: blur(32px);
		opacity: 0.45;
	}
	.resmon_img {
		backdrop-filter: blur(4px);
	}
	.light_red_glasses {
		filter: blur(10px);
		opacity: 0.7;
	}
	.lasers {
		filter: blur(8px) saturate(0);
	}
	.row_main_sect span,
	.payments_title span,
	.fresh_label,
	.fb_label,
	.faq_label,
	.drop_new span,
	.faq_docs {
		text-shadow: 0 0 16px rgba(255, 255, 255, 0.12);
	}
	.drop_name,
	.fb_name,
	.payment_username {
		text-shadow: 0 0 18px rgba(255, 255, 255, 0.18);
	}
	.payment_sum_val {
		text-shadow: 0 0 12px rgba(255, 255, 255, 0.24);
	}
	.payment_line > span {
		text-shadow: 0 0 12px rgba(255, 255, 255, 0.16);
	}
	.payment_photo_line {
		box-shadow: 0 0 8px rgba(153, 247, 26, 0.35);
	}
	.payments_title svg path:last-child {
		filter: drop-shadow(0 0 7px rgba(203, 52, 59, 0.6));
	}
	.payment_sum_cur {
		box-shadow:
			0 3px 14px rgba(102, 175, 79, 0.18),
			inset 0 0 4px #66af4f;
	}
	.drop_new,
	.sub_ribbon {
		box-shadow: 0 0 18px rgba(153, 247, 26, 0.12);
	}
	.drop_price span {
		text-shadow: 0 0 10px rgba(153, 247, 26, 0.45);
	}
	.rp_price {
		text-shadow: 0 0 20px rgba(153, 247, 26, 0.25);
	}
	.drop_tag_esx span {
		text-shadow: 0 0 10px rgba(98, 232, 117, 0.2);
	}
	.drop_tag_qb span {
		text-shadow: 0 0 10px rgba(255, 77, 94, 0.2);
	}
	.fb_product_icon {
		box-shadow:
			0 0 18px rgba(153, 247, 26, 0.12),
			inset 0 0 4px rgba(234, 210, 255, 0.32);
	}
	.update_dot,
	.docs_nav_link.active::before {
		box-shadow: 0 0 8px rgba(153, 247, 26, 0.4);
	}
	.rp_line {
		box-shadow: 0 0 10px rgba(153, 247, 26, 0.5);
	}
	.flt_search:focus-within {
		box-shadow: 0 0 16px rgba(153, 247, 26, 0.08);
	}
	.flt_opt.active .flt_box {
		box-shadow: 0 0 8px rgba(153, 247, 26, 0.3);
	}
	.subs_title span:last-child {
		text-shadow: 0 0 20px rgba(153, 247, 26, 0.2);
	}
	.user_drop,
	.cm_pop {
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
	}
	.cm_sv_thumb {
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
	}
	.cm_hue_thumb {
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	}
	.cm_preset.active {
		box-shadow:
			0 0 0 2px #16181a,
			0 0 0 3px rgba(255, 255, 255, 0.6);
	}
	.auth_modal {
		backdrop-filter: blur(6px);
	}
}

@media (max-width: 900px) {
	.flex_wrap_latest,
	.grid_products_list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.form {
		padding-left: 16px;
		padding-right: 16px;
	}
	header {
		padding-left: 16px;
		padding-right: 16px;
	}
	.left_header .header_logo img {
		width: 112px;
	}
	.right_header {
		gap: 6px;
	}
	.signin_head {
		width: 76px;
	}
	.bar_stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.flex_wrap_latest,
	.grid_products_list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.subs_grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 52px;
		max-width: 480px;
		margin: 0 auto;
		padding-top: 0;
	}
	.subs_grid .sub_card {
		padding: 24px;
	}
	.fb_grid {
		display: flex;
		gap: 12px;
		margin: 0 -16px;
		padding: 0 16px 28px;
		width: calc(100% + 32px);
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 16px;
		scrollbar-width: none;
	}
	.fb_grid::-webkit-scrollbar {
		display: none;
	}
	.fb_grid .fb_card {
		flex: 0 0 min(86%, 340px);
		scroll-snap-align: start;
	}
	.fi_meta {
		grid-template-columns: minmax(0, 1fr);
	}
	.b_feature {
		padding: 20px;
		min-height: 460px;
	}
	.b_feature .top_feature {
		max-width: 100%;
	}
	.b_feature .view_all_btn {
		margin-top: auto;
	}
	.resmon_feature {
		height: 150px;
		top: 50%;
		margin-top: 70px;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.hud_element {
		width: 150px;
		height: 150px;
		left: 50%;
		top: 50%;
		margin-top: 70px;
		transform: translate(-50%, -50%);
	}
	.b_feature .pannel_color {
		margin-top: auto;
	}
	.m_feature {
		min-height: 340px;
	}
	.preview_thumbs {
		bottom: 6px;
		gap: 5px;
	}
	.preview_thumb {
		width: 46px;
	}
	.preview_prev {
		left: 8px;
	}
	.preview_next {
		right: 8px;
	}
}

@media (max-width: 479px) {
	header {
		gap: 8px;
		padding-left: 12px;
		padding-right: 12px;
	}
	.left_header .header_logo img {
		width: 104px;
	}
	.currency_head {
		padding: 0 6px;
		gap: 2px;
	}
	.currency_head svg {
		width: 14px;
	}
	.signin_head {
		width: 68px;
	}
	.signin_head svg {
		display: none;
	}
	.ctg_head {
		padding: 8px 10px;
	}
	.flex_buttons_main {
		flex-direction: column;
	}
	.flex_buttons_main .button {
		min-width: 0;
		max-width: none;
		width: 100%;
		flex: auto;
	}
	.design_main_page {
		height: 280px;
	}
	.chars_3d {
		height: 300px;
		right: calc(50% - 140px);
	}
	.flex_wrap_latest,
	.grid_products_list,
	.grid_features,
	.docs_grid,
	.docs_quick,
	.subs_perks,
	.doc_specs {
		grid-template-columns: minmax(0, 1fr);
	}
	.fi_card {
		width: 100%;
	}
	.b_feature {
		grid-column: auto;
	}
	.bar_stats {
		padding: 16px;
		gap: 16px 10px;
	}
	.box_stat {
		width: 30px;
		height: 30px;
	}
	.box_stat svg {
		width: 18px;
		height: 18px;
	}
	.block_stat {
		gap: 8px;
	}
	.row_stat span:first-child {
		font-size: 18px;
	}
	.row_stat span:last-child {
		font-size: 11px;
	}
	.latest_box {
		padding: 20px;
	}
	.fb_photo {
		width: 44px;
		height: 44px;
	}
	.fb_quote {
		width: 20px;
		height: 16px;
	}
	.fb_card {
		padding: 16px;
	}
	.faq_item .faq_a {
		padding-left: 16px;
	}
	.faq_num {
		width: 36px;
	}
	.faq_q_main {
		gap: 8px;
		padding: 12px 10px;
	}
	.right_product,
	.fi_about,
	.fi_vip,
	.fi_vip_side {
		padding: 18px;
	}
	.need_help {
		padding: 20px;
	}
	.need_help .button {
		width: 100%;
		min-width: 0;
	}
	.ft_links {
		width: 100%;
		gap: 24px;
	}
	.ft_col {
		flex: 1 1 120px;
	}
	.ft_brand_top {
		align-items: flex-start;
		flex-direction: column;
	}
	.docs_pager {
		grid-template-columns: minmax(0, 1fr);
	}
	.docs_pager_card.doc_next {
		grid-column: auto;
	}
	.subs_bill_btn {
		padding: 8px;
		font-size: 11px;
	}
}

@media (max-width: 1024px) and (orientation: landscape) and (max-height: 500px) {
	header {
		position: sticky;
	}
	.form {
		padding-top: 24px;
	}
	.cart_drop {
		top: 12px;
		max-height: calc(100dvh - 24px);
	}
}