/* akar-mongolia.com landing — base (Astra defaults the source page relied on) + checkout form.
   Form values measured from akarmongolia.com FunnelKit form on 2026-09-13. */

*, *::before, *::after { box-sizing: border-box; }
/* Mirrored Elementor CSS sets scroll-behavior:smooth, which fights jQuery animate() in
   landing.js: the #BELI jump stalls halfway. Force auto; the JS does the smoothing. */
html { scroll-behavior: auto !important; }
body.akar-landing {
	margin: 0;
	background: #f8f6f8;
	color: #334155;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
@media (max-width: 544px) { body.akar-landing { font-size: 14.592px; } }
.akar-landing img { max-width: 100%; height: auto; }
.akar-landing p { margin: 0 0 1.2em; }
.akar-landing h1, .akar-landing h2, .akar-landing h3 { margin-top: 0; }

/* Video widget: static YouTube iframe instead of Elementor JS. */
.akar-landing .elementor-widget-video .elementor-wrapper { aspect-ratio: 16 / 9; overflow: hidden; }
.akar-landing .elementor-widget-video iframe { display: block; width: 100%; height: 100%; border: 0; }

/* FAQ accordion: content hidden until JS opens it. */
.akar-landing .elementor-accordion .elementor-tab-title { cursor: pointer; }
.akar-landing .elementor-accordion .elementor-tab-content { display: none; }

/* ---- Checkout form ------------------------------------------------------- */
.akar-co { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #334155; max-width: 100%; }
.akar-co .akar-h { margin: 22px 0 14px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.4; color: #333; text-align: center; }
.akar-co .akar-h:first-child { margin-top: 10px; }

.akar-sw-head { display: flex; justify-content: space-between; padding: 0 10px 10px; color: #666; font-size: 14px; }

.akar-pkgs { display: grid; gap: 16px; margin-bottom: 8px; }
.akar-pkgs.is-loading { opacity: .6; pointer-events: none; }
.akar-pkg {
	position: relative; display: flex; align-items: center; gap: 12px;
	padding: 10px; background: #fff; border: 1px solid #ddd; cursor: pointer;
	transition: background-color .15s ease;
}
.akar-pkg.is-on { background: #ffeb39; border-color: #fff; padding-bottom: 18px; }
.akar-pkg:focus-visible { outline: 2px solid #d50000; outline-offset: 2px; }
.akar-badge { position: absolute; top: 0; right: 0; padding: 3px 5px; background: #b22323; color: #fff; font-size: 12px; font-weight: 500; line-height: 1.3; }
.akar-radio { flex: 0 0 16px; width: 16px; height: 16px; border: 1px solid #bfbfbf; border-radius: 50%; background: #fff; }
.akar-pkg.is-on .akar-radio { border: 5px solid #d50000; }
.akar-thumb { position: relative; flex: 0 0 60px; width: 60px; }
.akar-thumb img { display: block; width: 60px; height: 60px; object-fit: cover; border-radius: 4px; }
.akar-thumb i { position: absolute; top: -8px; right: -8px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: #999; color: #fff; font: 500 12px/20px Arial, sans-serif; text-align: center; font-style: normal; }
.akar-pkg-mid { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; padding-top: 4px; }
.akar-pkg-name { font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 500; line-height: 1.4; color: #000; }
.akar-pkg-save { font-size: 13px; font-weight: 500; line-height: 1.5; color: #d50000; }
.akar-pkg.is-on .akar-pkg-save { color: #2e2c2c; }
.akar-pkg-price { flex: 0 0 auto; font-size: 14px; color: #4d4c4c; white-space: nowrap; }

/* Fields */
.akar-co form.checkout { margin: 0; }
.akar-co .col2-set, .akar-co .col2-set .col-1, .akar-co .col2-set .col-2 { width: 100%; float: none; max-width: 100%; }
.akar-co .woocommerce-billing-fields > h3,
.akar-co #order_review_heading,
.akar-co .woocommerce-shipping-fields,
.akar-co .woocommerce-additional-fields { display: none; }
.akar-co .form-row { display: block; margin: 0 0 16px; padding: 0; }
.akar-co .form-row label { display: block; margin-bottom: 6px; color: #969595; font-size: 14px; font-weight: 500; line-height: 1.5; }
.akar-co .form-row .required { color: #969595; text-decoration: none; border: 0; }
.akar-co .form-row .optional { color: #969595; }
.akar-co .form-row input.input-text,
.akar-co .form-row textarea,
.akar-co .form-row select,
.akar-co .select2-container .select2-selection--single {
	width: 100%; min-height: 46px; padding: 12px; margin: 0;
	background: #fff; border: 1px solid #bfbfbf; border-radius: 4px;
	color: #404040; font: 500 14px/1.5 Arial, Helvetica, sans-serif; box-shadow: none;
}
.akar-co .form-row input.input-text:focus, .akar-co .form-row select:focus { outline: none; border-color: #61bdf7; }
.akar-co .select2-container .select2-selection--single { display: flex; align-items: center; padding: 0 12px; }
.akar-co .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 1.5; color: #404040; }
.akar-co .select2-container .select2-selection--single .select2-selection__arrow { height: 44px; right: 8px; }
.akar-co .woocommerce-invalid input.input-text { border-color: #d50000; }
/* Single allowed country: WooCommerce renders a one-option select and strips its box; the source shows a boxed field. */
.akar-co #billing_country_field select.country_to_state--single {
	display: block; width: 100%; min-height: 46px; padding: 12px;
	background: #fff; border: 1px solid #bfbfbf; border-radius: 4px;
	color: #404040; font: 500 14px/1.5 Arial, Helvetica, sans-serif;
	-webkit-appearance: none; appearance: none; pointer-events: none;
}

/* Order summary */
.akar-co #order_review { width: 100%; float: none; }
.akar-co table.shop_table { width: 100%; margin: 0 0 20px; border: 0; border-collapse: collapse; font-size: 14px; color: #666; }
.akar-co table.shop_table th, .akar-co table.shop_table td { padding: 8px 0; border: 0; background: none; text-align: left; font-weight: 400; vertical-align: top; }
.akar-co table.shop_table td:last-child, .akar-co table.shop_table th:last-child { text-align: right; }
.akar-co table.shop_table thead { display: none; }
.akar-co table.shop_table .cart_item td { padding: 12px 0; border-bottom: 1px solid #e5e5e5; color: #666; }
.akar-co table.shop_table .product-quantity { font-weight: 400; }
.akar-co table.shop_table tfoot .order-total th, .akar-co table.shop_table tfoot .order-total td { padding-top: 14px; border-top: 1px solid #ddd; color: #333; font-size: 18px; font-weight: 700; }
.akar-co #shipping_method { list-style: none; margin: 0; padding: 0; }
.akar-co #shipping_method li { margin: 0; }

/* Payment */
.akar-co .akar-secure { margin: -8px 0 12px; color: #666; font-size: 13px; text-align: left; }
.akar-co #payment { background: transparent; border-radius: 0; color: #565e66; }
.akar-co #payment ul.payment_methods { margin: 0 0 16px; padding: 0; border: 1px solid #ddd; background: #fff; list-style: none; }
.akar-co #payment ul.payment_methods li { margin: 0; padding: 14px 12px; border-top: 1px solid #ddd; line-height: 1.5; }
.akar-co #payment ul.payment_methods li:first-child { border-top: 0; }
.akar-co #payment ul.payment_methods li input[type=radio] { margin: 0 10px 0 0; accent-color: #d50000; vertical-align: middle; }
.akar-co #payment ul.payment_methods li label { color: #333; font-size: 14px; cursor: pointer; }
.akar-co #payment ul.payment_methods li img { max-height: 22px; vertical-align: middle; margin-left: 6px; }
.akar-co #payment div.payment_box { margin: 12px -12px -14px; padding: 12px; background: #fff; border-top: 1px solid #ddd; color: #333; font-size: 13px; white-space: pre-line; }
.akar-co #payment div.payment_box::before { display: none; }
.akar-co #payment div.payment_box p:last-child { margin: 0; }
.akar-co .woocommerce-privacy-policy-text { font-size: 12px; color: #777; }
.akar-co .woocommerce-privacy-policy-text a { color: #d50000; }
.akar-co #payment .place-order { margin: 0; padding: 0; }

.akar-co .akar-btn,
.akar-co #payment #place_order {
	display: flex; align-items: center; justify-content: center; gap: 14px;
	width: 100%; min-height: 64px; margin: 16px 0 0; padding: 10px 20px;
	background: #ec2323; color: #ffeded; border: 1px solid rgba(0, 0, 0, .1); border-radius: 0;
	font: 500 20px/1.35 Arial, Helvetica, sans-serif; text-align: center; cursor: pointer; float: none;
}
.akar-co .akar-btn:hover { background: #d31d1d; color: #fff; }
.akar-co .akar-btn svg { flex: 0 0 auto; }
.akar-co .akar-privacy { margin: 12px 0 0; color: #666; font-size: 13px; text-align: center; }

.akar-co .woocommerce-NoticeGroup, .akar-co .woocommerce-error, .akar-co .woocommerce-info, .akar-co .woocommerce-message { margin: 0 0 16px; }

/* ---- Typography cleanup (Ben picked option A, 2026-09-13) ------------------
   Montserrat for headings/labels, Roboto for reading text, FAQ answers and the form.
   !important is needed: mirrored post-326.css sets family/size per element id. */
body.akar-landing .elementor-326 .elementor-widget-heading .elementor-heading-title { font-family: Montserrat, sans-serif !important; line-height: 1.25 !important; }
body.akar-landing .elementor-326 .elementor-element.elementor-widget-text-editor,
body.akar-landing .elementor-326 .elementor-element.elementor-widget-text-editor p { font-family: Roboto, sans-serif !important; font-weight: 400 !important; line-height: 1.6 !important; }
body.akar-landing .elementor-326 .elementor-widget-text-editor strong,
body.akar-landing .elementor-326 .elementor-widget-text-editor b { font-weight: 700 !important; }
body.akar-landing .elementor-326 span[style*="font-size"] { font-size: inherit !important; }
body.akar-landing .elementor-accordion .elementor-tab-title,
body.akar-landing .elementor-accordion .elementor-tab-title a { font-family: Montserrat, sans-serif !important; line-height: 1.35 !important; }
body.akar-landing .elementor-accordion .elementor-tab-content,
body.akar-landing .elementor-accordion .elementor-tab-content p { font-family: Roboto, sans-serif !important; font-size: 15px !important; line-height: 1.6 !important; }
/* Disclaimer was 9px */
body.akar-landing .elementor-326 .elementor-element.elementor-element-43edcd1f,
body.akar-landing .elementor-326 .elementor-element.elementor-element-43edcd1f * { font-family: Roboto, sans-serif !important; font-size: 13px !important; line-height: 1.55 !important; }
.akar-co, .akar-co * { font-family: Roboto, sans-serif !important; }
.akar-co .akar-h, .akar-co .akar-pkg-name, .akar-co .akar-btn span { font-family: Montserrat, sans-serif !important; }

/* ---- Contrast (WCAG AA 4.5:1) --------------------------------------------- */
body.akar-landing .elementor-326 [style*="#ff0000"],
body.akar-landing .elementor-326 [style*="#FF0000"] { color: #d50000 !important; }          /* was #FF0000, 3.7:1 */
body.akar-landing .elementor-326 .elementor-element.elementor-element-5cd8f48 .elementor-heading-title { color: #b80000 !important; } /* #FF0000 on #EEEDDB, 3.4:1 */
.akar-co .form-row label, .akar-co .form-row .required, .akar-co .form-row .optional { color: #555; } /* was #969595, 2.8:1 */
.akar-co .woocommerce-privacy-policy-text, .akar-co .akar-privacy, .akar-co .akar-secure { color: #595959; }
.akar-thumb i { background: #666; }                                                           /* was #999, 2.9:1 */
.akar-co .akar-btn, .akar-co #payment #place_order { background: #c81e1e; color: #fff; }       /* was #FFEDED on #EC2323, 3.9:1 */
.akar-co .akar-btn:hover, .akar-co #payment #place_order:hover { background: #a91818; color: #fff; }
body.akar-landing .elementor-326 .elementor-element.elementor-element-e3f664b .elementor-button { background-color: #027a13; } /* was #038F17, 4.3:1 */

/* ---- Touch targets (min 44px, use 48) -------------------------------------- */
body.akar-landing .elementor-accordion .elementor-tab-title { min-height: 48px; padding-top: 14px; padding-bottom: 14px; display: flex; align-items: center; gap: 6px; }
body.akar-landing .elementor-326 .elementor-element.elementor-element-e3f664b .elementor-button { min-height: 48px; display: flex; align-items: center; justify-content: center; }

/* ---- Sticky CTA (mobile only) ------------------------------------------------ */
.akar-sticky { display: none; }
@media (max-width: 767px) {
	.akar-sticky {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 98;
		display: flex; flex-direction: column; align-items: center; justify-content: center;
		min-height: 60px; padding: 8px 16px calc(8px + env(safe-area-inset-bottom));
		background: #c81e1e; color: #fff; text-decoration: none; text-align: center;
		box-shadow: 0 -4px 16px rgba(0, 0, 0, .18);
		transform: translateY(110%); transition: transform .22s ease-out;
	}
	.akar-sticky.is-visible { transform: translateY(0); }
	.akar-sticky b { font: 700 18px/1.2 Montserrat, sans-serif; letter-spacing: .02em; }
	.akar-sticky small { margin-top: 2px; font: 400 12.5px/1.3 Roboto, sans-serif; opacity: .95; }
	body.akar-sticky-on #akar-top { bottom: 84px; }
	body.akar-landing { padding-bottom: 0; }
	body.akar-landing .elementor-326 > .elementor-section:last-child { padding-bottom: 72px; }
}
@media (prefers-reduced-motion: reduce) { .akar-sticky { transition: none; } }

/* Scroll to top (Astra look) */
#akar-top {
	position: fixed; right: 30px; bottom: 30px; z-index: 99;
	display: none; width: 31px; height: 31px; align-items: center; justify-content: center;
	background: #046bd2; color: #fff; border-radius: 2px; text-decoration: none;
}
#akar-top.is-visible { display: flex; }