/*
Theme Name:   MyKingdom
Theme URI:    https://mykingdom.local
Description:  Child theme for Flatsome, dùng cho MyKingdom
Author:       Trần Danh Trọng
Author URI:   mailto:danhtrongit@gmail.com
Template:     flatsome
Version:      1.0.0
Text Domain:  mykingdom
*/

/* ---------------------------------------------------------------------------
 * Tokens
 * ------------------------------------------------------------------------ */
.mkd-site {
	--mkd-bg: #f4f0e6;
	--mkd-bg-alt: #e3ded3;
	--mkd-card-alt: #e3ded3;
	--mkd-text: #2c2d2e;
	--mkd-orange: #ff5f00;
	--mkd-blue: #006de5;
	--mkd-hero: #ff4945;
	--mkd-radius-btn: 6px;
	--mkd-radius-media: 8px;
	--mkd-radius-card: 12px;
	--mkd-radius-modal: 14px;
	--mkd-border: 2px solid var(--mkd-text);
	--mkd-btn-border: 3px;
	--mkd-input-border: 1px solid rgba(255, 95, 0, 0.6);
	--mkd-picker-border: rgba(255, 95, 0, 0.2);
	--mkd-divider: rgba(44, 45, 46, 0.1);
	--mkd-letter: 0.05em;
}

/* ---------------------------------------------------------------------------
 * Typography (source: body 16/25.6 ls .8px; h1 33/51; h2 26.4/40.8; mobile 15/24, 24.75, 22)
 * ------------------------------------------------------------------------ */
.mkd-site body,
body.mkd-site {
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.8px;
	color: var(--mkd-text);
}
.mkd-site h1,
.mkd-site h2,
.mkd-site h3,
.mkd-site h4 {
	font-weight: 900;
	letter-spacing: 0.66px;
	color: var(--mkd-text);
}
.mkd-site h1 { font-size: 33px; line-height: 51px; }
.mkd-site h2 { font-size: 26.4px; line-height: 40.8px; }
.mkd-site h3 { font-size: 19.8px; line-height: 30.6px; }
.mkd-site .mkd-page-title--contact { font-size: 46.75px; line-height: 72.25px; text-align: center; }
@media (max-width: 749px) {
	body.mkd-site { font-size: 15px; line-height: 24px; }
	.mkd-site h1 { font-size: 24.75px; line-height: 38.25px; }
	.mkd-site h2 { font-size: 22px; line-height: 34px; }
	.mkd-site .mkd-page-title--contact { font-size: 35.75px; line-height: 55.25px; }
}

/* ---------------------------------------------------------------------------
 * Global chrome
 * ------------------------------------------------------------------------ */
.mkd-site .button,
.mkd-site button.button,
.mkd-site input[type="submit"].button,
.mkd-site .wpcf7-submit,
.mkd-site .single_add_to_cart_button,
.mkd-site .checkout-button,
.mkd-site .woocommerce-button,
.mkd-site .woocommerce-Button {
	border-radius: var(--mkd-radius-btn);
	border: var(--mkd-btn-border) solid var(--mkd-text);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 19.2px;
	text-transform: uppercase;
	padding: 0 30px;
	min-height: 51px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	margin-bottom: 0;
	background-color: var(--mkd-text);
	color: #fff;
}
.mkd-site .button:hover,
.mkd-site .button:focus { box-shadow: none; }
.mkd-site .button.primary,
.mkd-site .wpcf7-submit,
.mkd-site .checkout-button,
.mkd-site .woocommerce-button,
.mkd-site .woocommerce-Button,
.mkd-site button.single_add_to_cart_button {
	background-color: var(--mkd-orange);
	border-color: var(--mkd-orange);
	color: #fff;
}
.mkd-site .button.secondary { background-color: var(--mkd-blue); border-color: var(--mkd-blue); color: #fff; }
.mkd-site .button.is-outline { background: transparent; border-width: var(--mkd-btn-border); border-style: solid; border-color: currentColor; color: var(--mkd-text); }
.mkd-site .button.is-outline.primary { color: var(--mkd-orange); border-color: var(--mkd-orange); }
.mkd-site .button.is-outline.secondary { color: var(--mkd-blue); border-color: var(--mkd-blue); }
.mkd-site .button.is-link { background: transparent; border: 0; min-height: 0; padding: 0; color: var(--mkd-text); text-decoration: underline; }
.mkd-site .mkd-svg { display: inline-block; vertical-align: middle; flex-shrink: 0; }
.mkd-site img,
.mkd-site .box-image,
.mkd-site .img-inner,
.mkd-site video { border-radius: var(--mkd-radius-media); }
.mkd-site .mfp-content .lightbox-content,
.mkd-site .mfp-content .lightbox-inner { border-radius: var(--mkd-radius-modal); }
.mkd-site .mkd-narrow { max-width: 730px; margin-left: auto; margin-right: auto; }
.mkd-site .mkd-page-title { margin-bottom: 0.4em; }
.mkd-site .mkd-page-intro { margin-bottom: 1.5em; }
.mkd-site .mkd-section__title,
.mkd-site .mkd-carousel__title { margin-bottom: 0.9em; text-align: center; font-weight: 900; }
.mkd-site #wrapper,
.mkd-site #main { background-color: var(--mkd-bg); }
.mkd-site .header-main { box-shadow: none; }
.mkd-site .header-wrapper { border-bottom: 1px solid var(--mkd-divider); }
.mkd-site .header-main .header-inner { padding-left: 50px; padding-right: 50px; }
.mkd-site #logo img { width: 100%; height: auto; max-height: none; }
.mkd-site .stuck .header-main { background-color: var(--mkd-bg); box-shadow: none; }
.mkd-site .stuck #logo img { max-height: none !important; }
.mkd-site .header-main .flex-left > .nav { margin-left: -12px; width: calc(100% + 12px); max-width: calc(100% + 12px); }
.mkd-site .header-main .flex-right > .nav { margin-right: -12px; width: calc(100% + 12px); max-width: calc(100% + 12px); }
.mkd-site .nav > li > a { color: var(--mkd-text); }
.mkd-site .header-main .nav > li { margin: 0; padding: 0; }
.mkd-site .header-nav-main.nav > li > a { padding: 12px; font-size: 16px; font-weight: 900; line-height: 20.8px; letter-spacing: 0.05em; text-transform: none; border-radius: 0; }
.mkd-site .header-nav-main.nav > li > a:hover,
.mkd-site .header-nav-main.nav > li.current-dropdown > a { color: var(--mkd-text); }
.mkd-site .header-nav-main.nav > li.active > a { margin: 8px 12px; padding: 4px 11px; background: var(--mkd-orange); color: #fff; border-radius: 4px; }
.mkd-site .header-nav-main.nav > li.active > a:hover { color: #fff; }
.mkd-site .header-main .nav-dropdown { border-radius: 0; border: 0; background: var(--mkd-bg); box-shadow: rgba(44, 45, 46, 0.1) 10px 12px 20px; }
.mkd-site .header-main li.menu-item-design-full-width > .nav-dropdown { padding: 24px max(15px, calc((100vw - 1200px) / 2)); }
.mkd-site .header-main li.menu-item-design-full-width > .nav-dropdown > li { display: block; width: auto; margin: 0; }
.mkd-site .header-main li.menu-item-design-full-width > .nav-dropdown > li > a { display: block; margin: 0; padding: 6px 0; border: 0; border-radius: 0; font-weight: 400; font-size: 14px; line-height: 18.2px; letter-spacing: 0.05em; text-transform: none; color: var(--mkd-text); }
.mkd-site .header-main li.menu-item-design-full-width > .nav-dropdown > li > a:hover { background: transparent; color: var(--mkd-text); text-decoration: underline; }
.mkd-site .mfp-bg { background: rgba(44, 45, 46, 0.6); }
.mkd-site .off-canvas .mfp-content { background: var(--mkd-bg); }
/* Flatsome paints close buttons with mix-blend-mode:difference (inverts our SVG colours). */
.mkd-site .mfp-wrap button.mfp-close { mix-blend-mode: normal; }

/* Top bar marquee (source: 46.38px bar, 16px uppercase, 50px column gap, 51.2px/s) */
.mkd-site #top-bar { background: var(--mkd-orange); min-height: 0; }
.mkd-site #top-bar .flex-row,
.mkd-site #top-bar .flex-col,
.mkd-site .header-mobile-top .flex-col { max-width: 100%; }
.mkd-site #top-bar .flex-center,
.mkd-site .header-mobile-top .flex-center { flex: 1 1 100%; max-width: 100%; }
.mkd-site #top-bar .container { max-width: 100%; padding: 0; }
.mkd-site #top-bar .header-block,
.mkd-site .header-mobile-top .header-block { width: 100%; overflow: hidden; }
.mkd-site .mkd-announcement { margin: 0; width: 100%; overflow: hidden; }
.mkd-site .mkd-announcement__text { margin: 0; padding: 12px 0; white-space: nowrap; font-weight: 900; font-size: 16px; line-height: 22.38px; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; overflow: hidden; }
.mkd-site .mkd-marquee__track { display: inline-flex; column-gap: 50px; padding-right: 50px; will-change: transform; animation: mkd-marquee var(--mkd-marquee-duration, 75s) linear infinite; }
.mkd-site .mkd-announcement__text.is-static .mkd-marquee__track { animation: none; }
.mkd-site .mkd-announcement__text:hover .mkd-marquee__track { animation-play-state: paused; }
@keyframes mkd-marquee { from { transform: translateX(0); } to { transform: translateX(var(--mkd-marquee-distance, -50%)); } }

/* Benefits bar (source: 53.38px bar, 2 columns inside 1200px, 26px icons, 16px/700 text) */
.mkd-site .header-bottom { background: var(--mkd-text); border-bottom: 1px solid rgba(244, 240, 230, 0.08); min-height: 0; }
.mkd-site .header-bottom .flex-row { min-height: 0; }
.mkd-site .header-bottom .flex-col,
.mkd-site .header-bottom .flex-center { flex: 1 1 100%; max-width: 100%; }
.mkd-site .header-bottom .container { max-width: 1300px; padding: 0 50px; }
.mkd-site .header-bottom .header-block { width: 100%; }
.mkd-site .mkd-benefits { margin: 0; width: 100%; }
.mkd-site .mkd-benefits__list { margin: 0; padding: 10px 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 8px; font-size: 16px; color: var(--mkd-bg); }
.mkd-site .mkd-benefits__item { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 32.38px; font-weight: 400; letter-spacing: 1px; line-height: 20px; white-space: nowrap; }
.mkd-site .mkd-benefits__item strong { font-weight: 700; }
.mkd-site .mkd-benefits__item .mkd-svg { width: 26px; height: 26px; }

/* Split rows: stack with media first on small screens (source breakpoint 750, Flatsome 550) */
@media (max-width: 749px) {
	.mkd-site .mkd-split { display: flex; flex-wrap: wrap; }
	.mkd-site .mkd-split > .col { flex: 0 0 100%; max-width: 100%; }
	.mkd-site .mkd-split > .mkd-split__media { order: 0; padding-left: 0; padding-right: 0; }
	.mkd-site .mkd-split > .mkd-split__text { order: 1; padding-left: 0; padding-right: 0; }
	.mkd-site .mkd-split .col-inner { padding: 0; }
}
@media (min-width: 750px) and (max-width: 849px) {
	.mkd-site .mkd-split > .col { flex-basis: 50%; max-width: 50%; }
	.mkd-site .mkd-split > .col > .col-inner { padding-left: 0 !important; padding-right: 0 !important; }
}
/* Container gutters: 50px tablet, 15px mobile (source) */
@media (max-width: 989px) {
	.mkd-site .row.row-collapse { padding-left: 50px; padding-right: 50px; }
}
@media (max-width: 749px) {
	.mkd-site .row.row-collapse { padding-left: 15px; padding-right: 15px; }
}

/* Product cards (source: 285×379 card, bg #f4f0e6, 2px #2c2d2e, radius 12, 1:1 image) */
.mkd-site .product-small.box { border: var(--mkd-border); border-radius: var(--mkd-radius-card); background: var(--mkd-bg); overflow: hidden; }
.mkd-site .product-small .box-image { border-radius: 0; }
.mkd-site .product-small .box-image img { border-radius: 0; aspect-ratio: 1 / 1; object-fit: cover; }
.mkd-site .product-small .box-text,
.mkd-site .product-small.box .box-text-products { padding: 21.9px 20px 20px; text-align: left; }
.mkd-site .product-small .box-text .product-title { margin: 0 0 5px; font-size: 14.3px; font-weight: 900; line-height: 22.1px; letter-spacing: 0.66px; }
.mkd-site .product-small .box-text .product-title a { color: var(--mkd-text); line-height: 22.1px; }
.mkd-site .product-small .price-wrapper .price { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 5px; row-gap: 0; margin: 0; font-size: 16px; font-weight: 700; line-height: 22.4px; letter-spacing: 1px; color: var(--mkd-text); }
.mkd-site .product-small .price ins { order: 1; text-decoration: none; }
.mkd-site .product-small .price ins,
.mkd-site .product-small .price ins .amount,
.mkd-site .product-small .price > .amount { color: var(--mkd-orange); }
.mkd-site .product-small .price del { order: 2; margin: 0; opacity: 1; font-size: 13px; font-weight: 700; line-height: 18.2px; text-decoration: line-through; }
.mkd-site .product-small .price del,
.mkd-site .product-small .price del .amount { color: rgba(44, 45, 46, 0.9); }
/* Badges: flush with the card's left edge, 12px from its top, source discount icon. */
.mkd-site .badge-container { margin: 10px 0 0; left: 0; }
.mkd-site .product-small .badge,
.mkd-site .product-small .badge.badge-square { display: block; width: auto; height: auto; }
.mkd-site .product-small .badge-inner,
.mkd-site .product-small .badge-inner.on-sale,
.mkd-site .mkd-badge .badge-inner.on-sale { display: inline-flex; align-items: center; gap: 4.8px; width: auto; height: 24.8px; padding: 0 9px; border: 1px solid var(--mkd-orange); border-radius: 0 6px 6px 0; background: var(--mkd-orange); color: rgba(255, 255, 255, 0.9); font-size: 12px; font-weight: 700; line-height: 22.8px; letter-spacing: 1px; text-transform: none; }
/* Sold out replaces the sale badge in the same spot, dark like the source. */
.mkd-site .product-small.out-of-stock .badge-container { display: none; }
.mkd-site .product-small .out-of-stock-label { top: 10px; right: auto; bottom: auto; left: 0; display: inline-flex; align-items: center; width: auto; height: 24.8px; padding: 0 9px; border: 1px solid var(--mkd-text); border-radius: 0 6px 6px 0; background: var(--mkd-text); color: rgba(255, 255, 255, 0.9); font-size: 12px; font-weight: 700; line-height: 22.8px; letter-spacing: 1px; text-transform: none; opacity: 1; }

/* Blog cards */
.mkd-site .mkd-blog-grid .box { border: var(--mkd-border); border-radius: var(--mkd-radius-card); background: var(--mkd-bg); overflow: hidden; }
.mkd-site .mkd-blog-grid .box-text { padding: 14px 16px 18px; }
.mkd-site .mkd-blog-grid .post-title { font-size: 17px; }
.mkd-site .entry-header-text { padding-bottom: 0; }
.mkd-site .entry-content { max-width: 730px; margin: 0 auto; }
.mkd-site .entry-image img,
.mkd-site .entry-image-float img { border-radius: var(--mkd-radius-media); }

/* ---------------------------------------------------------------------------
 * Product page (bố cục/kiểu chữ đầy đủ nằm trong khối `=== pdp ===` ở cuối file)
 * ------------------------------------------------------------------------ */
.mkd-site .star-rating { color: var(--mkd-orange); }
.mkd-site .mkd-size-chart__table th,
.mkd-site .mkd-size-chart__table td,
.mkd-site .mkd-comparison__table th,
.mkd-site .mkd-comparison__table td { padding: 10px 12px; border: 1px solid var(--mkd-bg-alt); text-align: center; }
.mkd-site .mkd-comparison__table th:first-child,
.mkd-site .mkd-size-chart__table th:first-child { text-align: left; }
.mkd-site .mkd-comparison__table thead th:nth-child(2) { background: var(--mkd-orange); color: #fff; }
.mkd-site .mkd-yes { color: #1a8f3d; font-weight: 800; }
.mkd-site .mkd-no { color: #c7331e; font-weight: 800; }
.mkd-site .mkd-table-wrap { overflow-x: auto; }
.mkd-site .mkd-quotes__item { margin: 0; padding: 20px; border: var(--mkd-border); border-radius: var(--mkd-radius-card); background: #fff; height: 100%; }
.mkd-site .mkd-quotes__item p { font-style: italic; margin-bottom: 10px; }
.mkd-site .mkd-quotes__item footer { font-weight: 700; font-size: 14px; }
.mkd-site .mkd-quotes__badge { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: var(--mkd-bg-alt); font-weight: 400; font-size: 12px; }
.mkd-site .mkd-results__number { font-size: 34px; font-weight: 900; color: var(--mkd-orange); margin: 0; }
.mkd-site .mkd-results__label { margin: 0; }

/* Cart / checkout / account / forms */
.mkd-site input[type="text"],
.mkd-site input[type="email"],
.mkd-site input[type="tel"],
.mkd-site input[type="password"],
.mkd-site input[type="search"],
.mkd-site input[type="number"],
.mkd-site input[type="url"],
.mkd-site textarea,
.mkd-site select,
.mkd-site .select2-container .select2-selection--single { border: var(--mkd-input-border); border-radius: var(--mkd-radius-btn); box-shadow: none; background: var(--mkd-bg); color: var(--mkd-text); font-size: 16px; }
.mkd-site input[type="text"],
.mkd-site input[type="email"],
.mkd-site input[type="tel"],
.mkd-site input[type="password"],
.mkd-site input[type="search"],
.mkd-site input[type="number"],
.mkd-site input[type="url"],
.mkd-site select,
.mkd-site .select2-container .select2-selection--single { height: 52px; padding: 0 15px; }
.mkd-site textarea { padding: 15px; }
.mkd-site input:not([type="checkbox"]):not([type="radio"]):focus,
.mkd-site textarea:focus,
.mkd-site select:focus { border: 2px solid var(--mkd-orange); box-shadow: none; outline: 0; }
.mkd-site .mkd-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }
@media (max-width: 749px) { .mkd-site .mkd-form-row { grid-template-columns: 1fr; } }
/* Nhãn nổi (CF7 bọc thêm <p>/<span> quanh input nên dùng :has trên bọc ngoài).
   Nguồn: ô cao 45, không viền, nền #f4f0e6, radius 6, padding 15, khoảng cách 22. */
.mkd-site .mkd-float { position: relative; margin-bottom: 22px; }
.mkd-site .mkd-float > p { margin: 0; }
.mkd-site .mkd-float input,
.mkd-site .mkd-float textarea,
.mkd-site .mkd-float select { margin-bottom: 0; }
.mkd-site .mkd-float label { position: absolute; top: 12px; left: 15px; margin: 0; font-size: 16px; font-weight: 400; line-height: 20px; color: rgba(44, 45, 46, 0.55); pointer-events: none; transition: transform 0.15s, font-size 0.15s; transform-origin: left top; }
.mkd-site .mkd-float input::placeholder,
.mkd-site .mkd-float textarea::placeholder { color: transparent; }
.mkd-site .mkd-float:focus-within label,
.mkd-site .mkd-float:has(input:not(:placeholder-shown)) label,
.mkd-site .mkd-float:has(textarea:not(:placeholder-shown)) label { transform: translateY(-8px); font-size: 11.5px; }
.mkd-site .mkd-float input { height: 45px; padding: 16px 15px 0; }
.mkd-site .mkd-float--area textarea { min-height: 100px; padding: 22px 15px 12px; resize: vertical; }
/* Source draws the field outline with `.field::after{box-shadow:0 0 0 1px rgba(255,95,0,.6)}`,
   so the input itself is borderless and the outline does not affect the 45px box. */
.mkd-site .mkd-contact-page .mkd-float input,
.mkd-site .mkd-contact-page .mkd-float textarea { border: 0; background: var(--mkd-bg); border-radius: var(--mkd-radius-btn); box-shadow: 0 0 0 1px rgba(255, 95, 0, 0.6); }
.mkd-site .mkd-contact-page .mkd-float input:focus,
.mkd-site .mkd-contact-page .mkd-float textarea:focus { border: 0; box-shadow: 0 0 0 2px var(--mkd-orange); }
.mkd-site .mkd-contact-page .mkd-float label { color: var(--mkd-text); }
.mkd-site .mkd-contact-page .mkd-narrow { max-width: 726px; }
.mkd-site .mkd-contact-page .mkd-contact__info-heading { font-size: 26.4px; line-height: 40.8px; font-weight: 900; text-transform: uppercase; margin: 0 0 5px; }
.mkd-site .mkd-contact__form-heading { text-align: center; font-size: 33px; line-height: 51px; font-weight: 900; margin: 6.6px 0; }
/* Source CTA: full width, 51 tall, radius 9, #ff5f00. Flatsome forces `border-radius:6!important`
   on submits and `.mkd-site input[type=submit].button` (0,2,1) beats a single class, so both the
   specificity and the !important are needed here. */
.mkd-site .wpcf7-form input.mkd-contact__submit { width: 100%; min-height: 51px; border: 0; border-radius: 9px !important; background-color: var(--mkd-orange); color: #fff; }
.mkd-site .wpcf7-form input.mkd-contact__submit:hover { background-color: #e65600; color: #fff; }
.mkd-site .mkd-contact__actions { margin-bottom: 0; }
.mkd-site .mkd-contact__actions .wpcf7-spinner { display: none; }
.mkd-site .mkd-contact-page .wpcf7-form .wpcf7-not-valid-tip { position: absolute; bottom: -18px; font-size: 12px; }
.mkd-site .woocommerce-message,
.mkd-site .woocommerce-info,
.mkd-site .woocommerce-error { border-radius: var(--mkd-radius-card); }
.mkd-site.woocommerce-checkout .payment_methods .payment_box { background: var(--mkd-bg-alt); }


/* 404 — live source (/khong-ton-tai-khao-sat): grid 1200 wide, image 600×450 radius 8 on the
   left, text column 600 wide with padding 60/70/70, everything centred: h1 33/51 (mb 6.6),
   body 14/22.4 (mb 2.8), orange homepage link, ONE primary CTA 51 tall radius 9 → shop.
   Image stays visible at 390 (source shows it at 360×270). */
.mkd-site .mkd-404__row { padding-left: 50px; padding-right: 50px; }
.mkd-site .mkd-404__image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--mkd-radius-media); }
.mkd-site .mkd-404__text { text-align: center; }
.mkd-site .mkd-404__text > .col-inner { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.mkd-site .mkd-404__title { font-size: 33px; line-height: 51px; margin-bottom: 6.6px; }
.mkd-site .mkd-404__body { font-size: 14px; line-height: 22.4px; margin: 17.8px 0; }
.mkd-site .mkd-404__link { color: rgba(255, 95, 0, 0.85); text-decoration: none; }
.mkd-site .mkd-404__link:hover { color: var(--mkd-orange); }
.mkd-site .mkd-404 a.button.mkd-404__cta { align-self: center; margin: 20px 0 0; border-radius: 9px !important; }
@media (max-width: 749px) {
	.mkd-site .mkd-404__row { padding-left: 15px; padding-right: 15px; }
	.mkd-site .mkd-404__title { font-size: 24.75px; line-height: 38.25px; margin-bottom: 4.95px; }
}

/* Breakpoint compensation: source switches to the mobile header at 990px, Flatsome at 850px. */
@media (min-width: 850px) and (max-width: 989px) {
	.mkd-site .products.row-large .col,
	.mkd-site .shop-container .products .col { flex-basis: 50%; max-width: 50%; }
}

/* Builder placeholders */
.mkd-site .mkd-builder-placeholder { margin: 10px 0; }


/* Banner cards keep the image flush; gutters move to the section on small screens */
@media (max-width: 989px) {
	.mkd-site .mkd-banner .row.row-collapse.mkd-banner__row { width: auto; padding-left: 0; padding-right: 0; margin-left: 50px; margin-right: 50px; }
	.mkd-site .mkd-hero .row.row-collapse { padding-left: 50px; padding-right: 50px; }
}
@media (max-width: 749px) {
	.mkd-site .mkd-banner .row.row-collapse.mkd-banner__row { width: auto; margin-left: 15px; margin-right: 15px; }
	.mkd-site .mkd-hero .row.row-collapse { padding-left: 15px; padding-right: 15px; }
}

/* === footer === */

/* Policy pages: 560px container, centred title. */
.mkd-site .mkd-narrow--policy { max-width: 560px; }
.mkd-site .mkd-policy-page .mkd-page-title { text-align: center; }

/* Blog page: source header title 33/900 left, 24px gap, no intro paragraph (removed in seed). */
.mkd-site .mkd-blog-page .mkd-page-title { margin-bottom: 24px; }

/* Contact page: source rows are plain text (no prefix icons, labels kept for Vietnamese copy). */
.mkd-site .mkd-contact-page .mkd-contact-info__label { font-weight: 700; }

/* Contact page title: source 46.75/72.25 centred with a 40px gap (30px at 390). */
.mkd-site .mkd-contact-page .mkd-page-title { margin-bottom: 40px; }

/* Policy body type: source h2 22, h3 18. */
.mkd-site .mkd-narrow--policy h2 { font-size: 22px; line-height: 30px; }
.mkd-site .mkd-narrow--policy h3 { font-size: 18px; line-height: 26px; }
@media (max-width: 749px) {
	.mkd-site .mkd-contact__form-heading { font-size: 24.75px; line-height: 38.25px; margin: 5px 0; }
	.mkd-site .mkd-contact-page .mkd-contact__info-heading { font-size: 22px; line-height: 34px; margin: 0 0 4px; }
	.mkd-site .mkd-contact-page .mkd-page-title { margin-bottom: 30px; }
}

/* Tracking page card: source 600px, #f4f0e6, 1px rgba(44,45,46,.15), radius 12, padding 36/32,
   margin 40 auto. `.row-collapse > .col{padding:0!important}` in Flatsome, so the box sits on
   `.col-inner` and the width/margin on `.col`. */
.mkd-site .mkd-tracking-page .mkd-tracking-card { max-width: 600px; margin: 40px auto; }
.mkd-site .mkd-tracking-page .mkd-tracking-card > .col-inner { padding: 36px 32px; background: var(--mkd-bg); border: 1px solid rgba(44, 45, 46, 0.15); border-radius: var(--mkd-radius-card); }
.mkd-site .mkd-tracking-page .mkd-page-title { font-size: 28px; line-height: 36px; margin-bottom: 24px; text-align: center; }
@media (max-width: 749px) {
	.mkd-site .mkd-tracking-page .mkd-tracking-card { max-width: none; margin: 20px 0; }
	.mkd-site .mkd-tracking-page .mkd-tracking-card > .col-inner { padding: 20px 16px; }
	.mkd-site .mkd-tracking-page .mkd-page-title { font-size: 24.75px; line-height: 32px; }
}

/* ---------------------------------------------------------------------------
 * Footer — measured on mykingdom.co: 12-col grid, column-gap 20px, blocks span
 * 3/2/3/3 (12th column empty), text #f4f0e6, heading 19.8/30.6/900 (h3 scale),
 * links 14/400/25.2 with 10px item gap, social 44×44 boxes with 18px glyphs and
 * no gap, logo 205×62, bottom area border-top rgba(244,240,230,.08) + 30px pad.
 * Blocks stack full width below 750 (source has no 2×2 mobile grid).
 * ------------------------------------------------------------------------ */
.mkd-site .mkd-footer { color: var(--mkd-bg); }
/* Source `.page-width`: 1300 outer with 50px side padding (15px below 750) → 1200 inner. */
.mkd-site .mkd-footer .row.row-collapse { padding-left: 50px; padding-right: 50px; }
.mkd-site .mkd-footer a { color: var(--mkd-bg); }
.mkd-site .mkd-footer a:hover { color: var(--mkd-orange); }
.mkd-site .mkd-footer__cols { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 20px; align-items: start; }
.mkd-site .mkd-footer__col { padding: 0; max-width: none; flex: none; }
.mkd-site .mkd-footer__col--brand { grid-column: span 3; }
.mkd-site .mkd-footer__col--explore { grid-column: span 2; }
.mkd-site .mkd-footer__col--contact { grid-column: span 3; }
.mkd-site .mkd-footer__col--help { grid-column: span 3; }
.mkd-site .mkd-footer__heading { color: var(--mkd-bg); font-size: 19.8px; font-weight: 900; line-height: 30.6px; text-transform: none; margin-bottom: 3.96px; }
.mkd-site .mkd-footer__links,
.mkd-site .mkd-footer ul { list-style: none; margin: 0; padding: 0; }
.mkd-site .mkd-footer__links li { margin: 0 0 10px; }
.mkd-site .mkd-footer__links a { font-size: 14px; font-weight: 400; line-height: 25.2px; }
.mkd-site .mkd-footer .mkd-contact-info__row { font-size: 14px; font-weight: 400; line-height: 25.2px; margin: 0; }
.mkd-site .mkd-footer .mkd-contact-info__note { font-size: 13px; line-height: 20px; color: rgba(244, 240, 230, 0.7); margin-top: 6px; }
.mkd-site .mkd-footer .mkd-contact-info__label { display: none; }
.mkd-site .mkd-footer__logo img { max-width: 205px; }
.mkd-site .mkd-footer__social-row { margin: 30px auto 50px; }
.mkd-site .mkd-social { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 0; }
.mkd-site .mkd-social li { margin: 0; padding: 0; }
.mkd-site .mkd-social__link { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--mkd-bg); transition: color 0.15s; }
.mkd-site .mkd-social__link:hover { color: var(--mkd-orange); background: transparent; }
.mkd-site .mkd-social__link svg { display: block; width: 18px; height: 18px; }
.mkd-site .mkd-footer__utility { border-top: 1px solid rgba(244, 240, 230, 0.08); padding-top: 30px; }
.mkd-site .mkd-footer__utility-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.mkd-site .mkd-footer__region { margin: 0; }
.mkd-site .mkd-footer__region-label { display: block; margin-bottom: 2.6px; font-size: 13px; line-height: 20px; color: rgba(244, 240, 230, 0.9); }
.mkd-site .mkd-region { display: inline-flex; align-items: center; gap: 10px; height: 42px; padding: 0 21px; border: 0; border-radius: 7px; background: var(--mkd-text); color: var(--mkd-bg); font-family: inherit; font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; cursor: default; }
.mkd-site .mkd-footer__payment { margin: 0; font-size: 13px; line-height: 20px; color: rgba(244, 240, 230, 0.9); }
.mkd-site .mkd-footer__bottom { margin-top: 15px; }
.mkd-site .mkd-footer__bottom-inner { max-width: 677px; margin: 0 auto; text-align: right; }
.mkd-site .mkd-footer__copyright { display: inline; margin: 0; font-size: 12px; line-height: 20px; color: rgba(244, 240, 230, 0.9); }
.mkd-site .mkd-footer__policies { display: inline; margin: 0; padding: 0; }
.mkd-site .mkd-footer__policies li { display: inline; margin-left: 16px; }
.mkd-site .mkd-footer__policies a { font-size: 11px; line-height: 20px; color: rgba(244, 240, 230, 0.9); }

/* Source stacks the four blocks full width below 750 (footer padding 15px 0, heading 17.6). */
@media (max-width: 749px) {
	.mkd-site .mkd-footer .row.row-collapse { padding-left: 15px; padding-right: 15px; }
	.mkd-site .mkd-footer__cols { display: block; }
	.mkd-site .mkd-footer__col { padding: 0 0 40px; }
	.mkd-site .mkd-footer__col:last-child { padding-bottom: 0; }
	.mkd-site .mkd-footer__heading { font-size: 17.6px; line-height: 27.2px; margin-bottom: 3.52px; }
	.mkd-site .mkd-footer__utility-inner { flex-direction: column; align-items: flex-start; }
	.mkd-site .mkd-footer__bottom-inner { max-width: none; text-align: left; }
	.mkd-site .mkd-footer__policies li { margin: 0 16px 0 0; }
}

/* === catalog === */

/* Archive header = source `.collection-hero`: title-only block, 1300 outer / 1200 inner,
   25px vertical rhythm, centred title, no bottom border (breadcrumbs removed in PHP). */
.mkd-catalog .shop-page-title.category-page-title { max-width: none; margin: 0; padding: 0; border-bottom: 0; background: var(--mkd-bg); }
.mkd-catalog .shop-page-title.category-page-title .page-title-inner { display: block; max-width: 1300px; min-height: 0; margin: 0 auto; padding: 24px 50px; }
.mkd-catalog .shop-page-title.category-page-title .page-title-inner > .flex-col { flex: 0 0 100%; max-width: 100%; padding: 0; text-align: center; }
.mkd-catalog h1.shop-page-title { margin: 0; padding: 0; font-size: 33px; font-weight: 900; line-height: 51px; letter-spacing: 0.66px; color: var(--mkd-text); text-align: center; }

/* Product search header (live source): centred 26.4px title with a 741px search field
   holding the magnifier, then 50px down to the toolbar. */
.mkd-catalog-search .shop-page-title.category-page-title .page-title-inner { padding: 53.7px 50px 38px; }
.mkd-catalog-search .shop-page-title.category-page-title .page-title-inner > .flex-col { text-align: center; }
.mkd-catalog-search h1.shop-page-title { font-size: 26.4px; line-height: 40.8px; text-align: center; }
.mkd-catalog-search .mkd-catalog-search__form { max-width: 741px; margin: 30.2px auto 0; }
.mkd-catalog-search .mkd-catalog-search__field { position: relative; display: flex; padding: 1px; border-radius: var(--mkd-radius-btn); box-shadow: 0 0 0 1px rgba(44, 45, 46, 0.6); text-align: left; }
.mkd-catalog-search .mkd-catalog-search__field input.mkd-catalog-search__input { flex: 1 1 auto; width: auto; height: 45px; margin: 0; padding: 22px 98px 8px 20px; border: 0; border-radius: var(--mkd-radius-btn); background: var(--mkd-bg); box-shadow: none; color: var(--mkd-text); font-size: 16px; line-height: 24px; letter-spacing: 0.4px; }
.mkd-catalog-search .mkd-catalog-search__input::placeholder { color: transparent; }
.mkd-catalog-search .mkd-catalog-search__field input.mkd-catalog-search__input:focus { border: 0; box-shadow: none; }
.mkd-catalog-search .mkd-catalog-search__field:focus-within { box-shadow: 0 0 0 2px var(--mkd-orange); }
.mkd-catalog-search .mkd-catalog-search__field .mkd-catalog-search__label { position: absolute; top: 50%; left: 21px; margin: 0; transform: translateY(-50%); color: rgba(44, 45, 46, 0.9); font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.4px; pointer-events: none; transition: top 0.1s ease, font-size 0.1s ease; }
.mkd-catalog-search .mkd-catalog-search__input:focus ~ .mkd-catalog-search__label,
.mkd-catalog-search .mkd-catalog-search__input:not(:placeholder-shown) ~ .mkd-catalog-search__label { top: 13px; font-size: 10px; line-height: 15px; }
.mkd-catalog-search .mkd-catalog-search__submit { position: absolute; top: 1px; right: 1px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: rgba(44, 45, 46, 0.9); cursor: pointer; }

/* Content column: 1300 outer / 1200 inner, so the 4-up grid lands on the source x positions. */
.mkd-catalog .row.category-page-row { padding-top: 0; }
.mkd-catalog .row.category-page-row > .col { padding: 0; }
.mkd-catalog .shop-container { max-width: 1300px; margin: 0 auto; padding: 0 50px; }
.mkd-catalog .shop-container .container { max-width: none; padding: 0; }
.mkd-catalog .products.row { margin-bottom: 0; }

/* Pagination (live source): 40×40 cells, radius 8, 8px gap, no border, inactive fill
   rgba(44,45,46,.05), dark active, 14px/400, caret SVG arrows. */
.mkd-catalog .woocommerce-pagination { margin: 50px 0 12px; }
/* Không có phân trang (tìm kiếm, danh mục ít SP): nguồn chừa 36px dưới lưới (lưới đã có 20px). */
.mkd-catalog .shop-container:not(:has(.woocommerce-pagination)) .products { margin-bottom: 16px; }
.mkd-catalog .woocommerce-pagination ul.page-numbers { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; }
.mkd-catalog .woocommerce-pagination ul.page-numbers > li { margin: 0; border: 0; }
.mkd-catalog .page-number,
.mkd-catalog .page-numbers > li > span.page-number,
.mkd-catalog .page-numbers > li > a.page-number { display: inline-flex; align-items: center; justify-content: center; width: 40px; min-width: 40px; height: 40px; margin: 0; padding: 0 12px; border: 0; border-radius: 8px; background: rgba(44, 45, 46, 0.05); color: var(--mkd-text); font-size: 14px; font-weight: 400; line-height: 22.4px; }
.mkd-catalog .page-number.current,
.mkd-catalog .page-numbers > li > span.page-number.current { background: var(--mkd-text); color: var(--mkd-bg); }
.mkd-catalog .page-number.is-disabled { pointer-events: none; }
.mkd-catalog .page-number:hover:not(.current) { background: rgba(44, 45, 46, 0.12); color: var(--mkd-text); }
.mkd-catalog .mkd-pagination__caret--prev { transform: rotate(90deg); }
.mkd-catalog .mkd-pagination__caret--next { transform: rotate(-90deg); }

/* Collections index (live source): 1:1 card, untinted image, title + arrow centred over
   it at 24px; the image-less card is the plain #f4f0e6 canvas with a dark title.
   Card radius 12 + soft shadow per the approved plan. */
.mkd-site .mkd-collections-page .mkd-page-title { margin: 20px 0; text-align: center; }
/* Flatsome section has one padding value; live bottom is 36px (48px top). ID-scoped inline style needs !important. */
.mkd-site .mkd-collections-page.section { padding-bottom: 36px !important; }

@media (max-width: 849px) {
	.mkd-site .mkd-collections-page .mkd-page-title { margin: 0 0 40px; }
}
.mkd-site .mkd-collections.row { margin-left: -20px; margin-right: -20px; }
.mkd-site .mkd-collections.row > .col { padding: 0 20px; margin-bottom: 40px; }
.mkd-site .mkd-collections.row > .col:nth-last-child(-n + 4) { margin-bottom: 0; }
.mkd-site .mkd-collections .product-category .box { border: 0; border-radius: var(--mkd-radius-card); overflow: hidden; box-shadow: 0.2rem 0.6rem 1.5rem rgba(44, 45, 46, 0.05); background: var(--mkd-bg); }
.mkd-site .mkd-collections .product-category .box-image { border-radius: var(--mkd-radius-card); background: var(--mkd-bg); overflow: hidden; }
.mkd-site .mkd-collections .product-category .box-image img { border-radius: 0; }
.mkd-site .mkd-collections .product-category .box-image img[src*="placeholder"] { opacity: 0; }
.mkd-site .mkd-collections .product-category .box-image .overlay { display: none; }
.mkd-site .mkd-collections .box-overlay .box-text,
.mkd-site .mkd-collections .product-category .box-text { padding: 10px; background: transparent; }
.mkd-site .mkd-collections .box-text-inner { display: flex; align-items: center; justify-content: center; gap: 8px; }
.mkd-site .mkd-collections .header-title { flex: 0 1 auto; width: auto; max-width: 100%; margin: 0; color: var(--mkd-bg); font-size: 24px; font-weight: 900; line-height: 37.09px; letter-spacing: 0.66px; text-transform: none; }
.mkd-site .mkd-collections .mkd-collections__arrow { color: var(--mkd-bg); }
.mkd-site .mkd-collections .product-category:has(img[src*="placeholder"]) .header-title,
.mkd-site .mkd-collections .product-category:has(img[src*="placeholder"]) .mkd-collections__arrow { color: var(--mkd-text); }

@media (max-width: 849px) {
	.mkd-catalog .shop-page-title.category-page-title .page-title-inner { padding: 25px 15px; }
	.mkd-catalog h1.shop-page-title { font-size: 24.75px; line-height: 38.25px; }
	.mkd-catalog .shop-container { padding: 0 15px; }
	.mkd-catalog-search .shop-page-title.category-page-title .page-title-inner { padding: 50.7px 15px 25px; }
	.mkd-catalog-search h1.shop-page-title { font-size: 22px; line-height: 34px; }
	.mkd-catalog-search .mkd-catalog-search__form { margin-top: 30px; }
	.mkd-site .mkd-collections.row { margin-left: -7.5px; margin-right: -7.5px; }
	.mkd-site .mkd-collections.row > .col { padding: 0 7.5px 15px; }
	.mkd-site .mkd-collections .header-title { font-size: 20px; line-height: 30.9px; }
}

/* Mobile cards (live source at 390): 175px card, radius 6, 10px gutter, 13px title,
   13px sale + 10px struck compare inline, 21px badge. */
@media (max-width: 749px) {
	.mkd-site .product-small.box { border-radius: var(--mkd-radius-btn); }
	.mkd-site .product-small .badge-inner,
	.mkd-site .product-small .badge-inner.on-sale,
	.mkd-site .mkd-badge .badge-inner.on-sale { gap: 4px; height: 21px; padding: 0 7.5px; font-size: 10px; line-height: 19px; }
	.mkd-site .product-small .out-of-stock-label { height: 21px; padding: 0 7.5px; font-size: 10px; line-height: 19px; }
	.mkd-site .product-small .badge-container { margin: 11px 0 0; }
	/* VND amounts are wider than the source's USD: 0.5px tracking keeps sale + struck
	   compare on one line inside the 151px text column, like the live card. */
	.mkd-site .product-small .price-wrapper .price { font-size: 13px; line-height: 18.2px; column-gap: 4px; letter-spacing: 0.5px; }
	.mkd-site .product-small .price ins { font-size: 13px; line-height: 18.2px; }
	.mkd-site .product-small .price del { font-size: 10px; line-height: 14px; }
}
@media (max-width: 549px) {
	.mkd-catalog .products.row.row-small { margin-left: -5px; margin-right: -5px; }
	.mkd-catalog .products.row.row-small > .col { padding: 0 5px 10px; }
	.mkd-site .product-small .box-text,
	.mkd-site .product-small.box .box-text-products { padding: 14.6px 10px 20.3px; }
	.mkd-site .product-small .box-text .product-title,
	.mkd-site .product-small .box-text .product-title a { font-size: 13px; line-height: 20.09px; }
}

/* === header === */

/* Utility icons: 44×44 buttons, source SVGs in #ff5f00 (search/account 20px, cart 24px @ .9) */
.mkd-site .header-main .nav > li.header-search > a,
.mkd-site .header-main .nav > li.account-item > a,
.mkd-site .header-main .nav > li.cart-item > a,
.mkd-site .header-main .mobile-nav > li.nav-icon > a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; margin: 0; color: var(--mkd-orange); line-height: 1; }
.mkd-site .header-main .nav .mkd-svg--search,
.mkd-site .header-main .nav .mkd-svg--account { width: 20px; height: 20px; }
.mkd-site .header-main .nav .mkd-svg--cart { width: 24px; height: 24px; transform: scale(0.9); }
.mkd-site .header-main .nav .mkd-icon-label { display: flex; align-items: center; }
.mkd-site .header-main .nav .mkd-icon-label[data-icon-label]:after { top: -5px; right: -7px; width: 20px; min-width: 20px; height: 20px; padding: 0; border-radius: 50%; background-color: var(--mkd-orange); box-shadow: none; opacity: 1; color: #fff; font-family: inherit !important; font-size: 11px; font-weight: 700; letter-spacing: 0; line-height: 20px; text-align: center; }
.mkd-site .header-main .nav > li > a > .mkd-svg--caret { margin-left: 5px; }
.mkd-site .mkd-svg.icon-angle-left { transform: rotate(180deg); }

/* Hamburger: three 20×2 bars, 6px apart, radius 4 (source .icon-hamburger) */
.mkd-site .mkd-burger { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 6px; width: 20px; height: 20px; }
.mkd-site .mkd-burger > span { display: block; width: 100%; height: 2px; border-radius: 4px; background: currentColor; }

/* Search panel: flush-top strip, 742px input + 44px close centred in 791px */
.mkd-site .mfp-wrap:has(#search-lightbox) .mfp-container { padding: 0; vertical-align: top; }
.mkd-site .mfp-wrap:has(#search-lightbox) .mfp-content { max-width: 100%; vertical-align: top; }
.mkd-site #search-lightbox { position: relative; max-width: 100%; padding: 0; background: var(--mkd-bg); border-bottom: 1px solid var(--mkd-divider); color: var(--mkd-text); font-size: 1em; text-align: left; }
.mkd-site #search-lightbox.dark { color: var(--mkd-text); }
.mkd-site #search-lightbox .searchform-wrapper { max-width: 791px; margin: 0 auto; padding: 20px 0; }
.mkd-site #search-lightbox form.searchform { max-width: 742px; }
.mkd-site #search-lightbox .flex-col { max-width: 100%; }
.mkd-site #search-lightbox .search-field { width: 100%; height: 47px; margin: 0; padding: 0 98px 0 15px; border: 1px solid rgba(44, 45, 46, 0.2); border-radius: var(--mkd-radius-btn); background: var(--mkd-bg); color: var(--mkd-text); font-size: 16px; letter-spacing: 0.4px; box-shadow: none; }
.mkd-site #search-lightbox .search-field:focus { border: 1px solid rgba(44, 45, 46, 0.4); }
.mkd-site #search-lightbox .ux-search-submit { position: absolute; top: 1px; right: 1px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--mkd-text); box-shadow: none; }
.mkd-site #search-lightbox .ux-search-submit .mkd-svg { width: 18px; height: 18px; }
.mkd-site #search-lightbox .live-search-results { display: none; }
.mkd-site .mfp-wrap:has(#search-lightbox) button.mfp-close { position: absolute; top: 21.5px; left: 50%; transform: translateX(351.5px); display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: var(--mkd-radius-btn); background: transparent; color: var(--mkd-orange); opacity: 1; font-size: 0; }
.mkd-site .mfp-wrap:has(#search-lightbox) button.mfp-close .mkd-svg { width: 17px; height: 17px; }

/* Search suggestions (local feature): keep prices readable on the beige panel */
.mkd-site .mkd-suggest { text-align: left; margin-top: 16px; }
.mkd-site .mkd-suggest__cols { display: grid; grid-template-columns: 1fr 2fr; gap: 24px; }
.mkd-site .mkd-suggest h4 { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; color: rgba(44, 45, 46, 0.6); }
.mkd-site .mkd-suggest ul { list-style: none; margin: 0; padding: 0; }
.mkd-site .mkd-suggest li a { display: flex; align-items: center; gap: 12px; padding: 8px 6px; border-radius: var(--mkd-radius-btn); color: var(--mkd-text); font-size: 15px; }
.mkd-site .mkd-suggest li a:hover { background: var(--mkd-bg-alt); }
.mkd-site .mkd-suggest img { width: 48px; height: 48px; object-fit: cover; border-radius: var(--mkd-radius-media); }
.mkd-site .mkd-suggest__name,
.mkd-site .mkd-suggest__term { display: inline-block; flex: 1; }
.mkd-site .mkd-suggest__name { font-weight: 700; }
.mkd-site .mkd-suggest__price,
.mkd-site .mkd-suggest__price .amount,
.mkd-site .mkd-suggest__price ins,
.mkd-site .mkd-suggest__price ins .amount { color: var(--mkd-orange); font-weight: 700; text-decoration: none; }
.mkd-site .mkd-suggest__price del,
.mkd-site .mkd-suggest__price del .amount { color: rgba(44, 45, 46, 0.9); font-weight: 400; }
.mkd-site .mkd-suggest__all { display: inline-block; margin-top: 12px; font-weight: 700; text-decoration: underline; color: var(--mkd-text); }
.mkd-site .mkd-suggest__empty { margin: 0; }
.mkd-site .mkd-suggest .screen-reader-text { position: absolute; clip: rect(1px, 1px, 1px, 1px); }

/* Mobile menu drawer: 350px, "Menu" header bar, 4 items, orange back bar */
.mkd-site .off-canvas-left .mfp-content { --drawer-width: 350px; }
.mkd-site .mobile-sidebar .sidebar-menu { padding: 0; }
.mkd-site .sidebar-menu-top-content { display: flex; align-items: center; min-height: 66px; margin: 0; padding: 10px 20px; border-bottom: 1px solid var(--mkd-divider); }
.mkd-site .sidebar-menu-top-content .mkd-drawer__title { margin: 0; font-size: 22px; font-weight: 900; line-height: 24.2px; color: var(--mkd-text); }
.mkd-site .off-canvas-left button.mfp-close { position: absolute; top: 18px; right: auto; left: min(310px, calc(100% - 40px)); display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; border-radius: 7.5%; background: rgba(44, 45, 46, 0.05); color: var(--mkd-orange); opacity: 1; font-size: 0; }
.mkd-site .off-canvas-left button.mfp-close .mkd-svg { width: 19.5px; height: 19.5px; }
.mkd-site .mobile-sidebar .nav-sidebar.nav-vertical > li { border-top: 0; }
.mkd-site .mobile-sidebar .nav-sidebar > li > a { padding: 9px 20px; font-size: 18px; font-weight: 400; line-height: 23.4px; letter-spacing: 0.05em; text-transform: none; color: var(--mkd-text); }
.mkd-site .mobile-sidebar .nav-sidebar > li.active > a { color: var(--mkd-text); }
.mkd-site .mobile-sidebar .nav-sidebar > li > .toggle { width: 52px; color: var(--mkd-text); }
.mkd-site .mobile-sidebar .nav-sidebar > li > .toggle .mkd-svg { width: 15px; height: 10.7px; }
.mkd-site .mobile-sidebar .nav-sidebar .nav-slide-header { padding: 0; border: 0; }
.mkd-site .mobile-sidebar .nav-sidebar .nav-slide-header > .toggle { display: flex; align-items: center; gap: 11px; width: 100%; height: 42px; padding: 12px 26px; color: var(--mkd-orange); font-size: 14px; font-weight: 400; text-transform: none; }
.mkd-site .mobile-sidebar .nav-sidebar .nav-slide-header > .toggle .mkd-svg { width: 15px; height: 10.7px; transform: rotate(180deg); }

/* 850–989px: source still shows the desktop header, keep the nav from overflowing */
@media (min-width: 850px) and (max-width: 989px) {
	.mkd-site .header-nav-main.nav > li > a { padding-left: 8px; padding-right: 8px; font-size: 14px; }
	.mkd-site .header-main .header-inner { padding-left: 20px; padding-right: 20px; }
}

/* Mobile header 64px, logo 170px, marquee 45px, benefits 41px (source at 390) */
@media (max-width: 849px) {
	.mkd-site .header-main .header-inner { padding-left: 15px; padding-right: 15px; }
	.mkd-site #logo { width: 170px; }
	.mkd-site #logo img { max-width: 170px; }
	.mkd-site .mkd-announcement__text { font-size: 15px; line-height: 21px; }
	.mkd-site .header-bottom .container { padding: 0 15px; }
	.mkd-site .mkd-benefits__list { padding: 8px 0; font-size: 10px; column-gap: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	/* Vietnamese labels are ~26px longer than the source copy: drop the 1px tracking so both fit 180px */
	.mkd-site .mkd-benefits__item { gap: 6.5px; min-height: 24px; line-height: 13px; letter-spacing: normal; }
	.mkd-site .mkd-benefits__item .mkd-svg { width: 20px; height: 20px; }
	.mkd-site #search-lightbox .searchform-wrapper { max-width: 100%; padding: 20px 50px 20px 10px; }
	.mkd-site #search-lightbox form.searchform { max-width: 100%; }
	.mkd-site .mfp-wrap:has(#search-lightbox) button.mfp-close { left: auto; right: 3px; transform: none; }
}
@media (max-width: 749px) {
	.mkd-site .mkd-suggest__cols { grid-template-columns: 1fr; }
}

/* === cart === */

/* ---------------------------------------------------------------------------
 * Mini-cart drawer — numbers measured live on mykingdom.co `.cart-drawer`:
 * 400 panel, no shadow, 61.5 header, countdown bar + milestone bar on top,
 * one terms-gated CTA in the footer.
 * ------------------------------------------------------------------------ */
.mkd-site .off-canvas .mfp-content.off-canvas-cart { box-shadow: none; }

/* Magnific renders the close button outside the panel: dock it in the header. */
.mkd-site .off-canvas-right:has(.off-canvas-cart) > button.mfp-close {
	background: #ebebeb;
	border: 0;
	border-radius: 7.5%;
	color: var(--mkd-text);
	font-size: 0;
	height: 30px;
	opacity: 1;
	padding: 0;
	right: 15px;
	top: 16px;
	width: 30px;
}
.mkd-site .off-canvas-right:has(.off-canvas-cart) > button.mfp-close svg { height: 16px; stroke-width: 1.5; width: 16px; }

.mkd-site #cart-popup .cart-popup-inner { padding: 0; }
.mkd-site #cart-popup .cart-popup-title {
	align-items: center;
	border-bottom: 1px solid rgba(44, 45, 46, 0.08);
	display: flex;
	flex: 0 0 auto;
	height: 61.5px;
	margin: 0;
	padding: 5px 15px;
	text-align: left;
}
.mkd-site #cart-popup .cart-popup-title > span {
	font-size: 26px;
	font-weight: 900;
	letter-spacing: 0.66px;
	line-height: 40.18px;
	text-transform: none;
}
.mkd-site #cart-popup .cart-popup-title .is-divider { display: none; }
.mkd-site #cart-popup.is-empty .cart-popup-title { display: none; }

/* Body scrolls, footer sticks; body gutter is 15px and the footer bleeds out. */
.mkd-site #cart-popup .widget_shopping_cart_content { min-height: 0; overflow-y: auto; padding: 0 15px; }
.mkd-site #cart-popup ul.mkd-mini-cart { list-style: none; margin: 0; padding: 0; }

.mkd-site #cart-popup li.mini_cart_item {
	align-items: flex-start;
	border-bottom: 0;
	display: flex;
	gap: 12.5px;
	min-height: 0;
	padding: 8px 0;
	position: relative;
}
.mkd-site #cart-popup .mkd-mini-cart__media { flex: 0 0 74px; line-height: 0; margin: 0; width: 74px; }
.mkd-site #cart-popup .mkd-mini-cart__media img {
	border: 0;
	border-radius: 0;
	display: block;
	height: 74px;
	margin: 0;
	object-fit: cover;
	position: static;
	width: 74px;
}
.mkd-site #cart-popup .mkd-mini-cart__body { flex: 1 1 auto; min-width: 0; padding-right: 15px; }
.mkd-site #cart-popup .mkd-mini-cart__name {
	color: var(--mkd-text);
	display: block;
	font-size: 14.95px;
	font-weight: 900;
	letter-spacing: 0.66px;
	line-height: 23.1px;
	margin: 0;
	white-space: normal;
}
.mkd-site #cart-popup li.mini_cart_item dl.variation { color: rgba(44, 45, 46, 0.9); font-size: 14px; line-height: 21px; margin: 0; }
.mkd-site #cart-popup li.mini_cart_item dl.variation dt,
.mkd-site #cart-popup li.mini_cart_item dl.variation dd,
.mkd-site #cart-popup li.mini_cart_item dl.variation dd p { display: inline; font-weight: 400; margin: 0; padding: 0; }
.mkd-site #cart-popup .ux-mini-cart-qty { align-items: center; gap: 8px; justify-content: space-between; margin: 8px 0 0; }
.mkd-site #cart-popup .ux-mini-cart-qty .price-wrapper { display: block; font-size: 16px; font-weight: 400; margin: 0; }
.mkd-site #cart-popup .ux-mini-cart-qty .price-wrapper .amount { color: rgba(44, 45, 46, 0.9); }

/* Drawer stepper pill (live 84×23.6, radius 6, 1px #787878). */
.mkd-site #cart-popup .ux-quantity {
	background: var(--mkd-bg);
	border: 1px solid #787878;
	border-radius: 6px;
	flex: 0 0 84px;
	height: 23.6px;
	max-width: 84px;
	overflow: hidden;
	width: 84px;
}
.mkd-site #cart-popup .ux-quantity input.qty {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--mkd-text);
	flex: 0 0 37px;
	font-size: 12px;
	font-weight: 700;
	height: 21.6px;
	min-height: 0;
	padding: 0;
	text-align: center;
	width: 37px;
}
.mkd-site #cart-popup .ux-quantity input.minus,
.mkd-site #cart-popup .ux-quantity input.plus {
	height: 21.6px;
	-webkit-mask-size: 12px 2px;
	mask-size: 12px 2px;
	width: 21.6px;
}
.mkd-site #cart-popup .ux-quantity input.plus {
	-webkit-mask-size: 12px 12px;
	mask-size: 12px 12px;
}

/* Cart page stepper pill (live 142×47, radius 8, 45px buttons). */
.mkd-site.woocommerce-cart .shop_table.cart .ux-quantity {
	background: transparent;
	border: 0;
	border-radius: 8px;
	flex: 0 0 142px;
	height: 47px;
	max-width: 142px;
	overflow: hidden;
	width: 142px;
}
.mkd-site.woocommerce-cart .shop_table.cart .ux-quantity input.qty {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--mkd-text);
	flex: 0 0 50px;
	font-size: 14px;
	font-weight: 500;
	height: 45px;
	min-height: 0;
	padding: 0;
	text-align: center;
	width: 50px;
}
.mkd-site.woocommerce-cart .shop_table.cart .ux-quantity input.minus,
.mkd-site.woocommerce-cart .shop_table.cart .ux-quantity input.plus {
	height: 45px;
	width: 45px;
}

/* Both steppers: masked SVG glyphs on a currentColor plate. */
.mkd-site #cart-popup .ux-quantity input.minus,
.mkd-site #cart-popup .ux-quantity input.plus,
.mkd-site.woocommerce-cart .shop_table.cart .ux-quantity input.minus,
.mkd-site.woocommerce-cart .shop_table.cart .ux-quantity input.plus {
	background-color: var(--mkd-text);
	background-image: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: transparent;
	flex: 0 0 auto;
	font-size: 0;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	min-height: 0;
	padding: 0;
}
.mkd-site #cart-popup .ux-quantity input.minus,
.mkd-site.woocommerce-cart .shop_table.cart .ux-quantity input.minus {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'><path d='M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z'/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'><path d='M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z'/></svg>");
}
.mkd-site #cart-popup .ux-quantity input.plus,
.mkd-site.woocommerce-cart .shop_table.cart .ux-quantity input.plus {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z'/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z'/></svg>");
	-webkit-mask-size: 10px 10px;
	mask-size: 10px 10px;
}

/* Remove = trash SVG (the `×` glyph is replaced in PHP). Live 20×20 / svg 15. */
.mkd-site #cart-popup li.mini_cart_item a.remove,
.mkd-site.woocommerce-cart .shop_table.cart td.product-remove a.remove {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--mkd-text);
	display: flex;
	flex: 0 0 20px;
	font-size: 0;
	height: 20px;
	justify-content: center;
	line-height: 0;
	position: static;
	width: 20px;
}
.mkd-site #cart-popup li.mini_cart_item a.remove svg,
.mkd-site.woocommerce-cart .shop_table.cart td.product-remove a.remove svg { height: 15px; width: 15px; }
.mkd-site #cart-popup li.mini_cart_item a.remove { align-self: flex-start; margin: 0; }
.mkd-site #cart-popup li.mini_cart_item a.remove:hover,
.mkd-site.woocommerce-cart .shop_table.cart td.product-remove a.remove:hover { background: transparent; color: var(--mkd-orange); }

/* Footer: subtotal, terms consent, single CTA. */
.mkd-site #cart-popup .ux-mini-cart-footer {
	background: var(--mkd-bg);
	border-top: 1px solid rgba(44, 45, 46, 0.2);
	margin: 0 -15px;
	padding: 10px 15px 16px;
}
.mkd-site #cart-popup .woocommerce-mini-cart__total {
	border: 0;
	color: var(--mkd-orange);
	display: flex;
	font-size: 18.4px;
	font-weight: 400;
	justify-content: space-between;
	margin: 3.68px 0 10px;
	padding: 0;
}
.mkd-site #cart-popup .woocommerce-mini-cart__total strong { font-weight: 400; }
.mkd-site #cart-popup .woocommerce-mini-cart__total .amount { color: var(--mkd-orange); }
.mkd-site #cart-popup .woocommerce-mini-cart__buttons { margin: 0; }
.mkd-site #cart-popup .woocommerce-mini-cart__buttons .button {
	height: 48px;
	margin: 0;
	min-height: 48px;
	width: 100%;
}
.mkd-site #cart-popup .woocommerce-mini-cart__buttons a.checkout.is-disabled { cursor: not-allowed; opacity: 0.5; }

/* Empty drawer: no watermark bag, centred heading, CTA, guest login callout. */
.mkd-site #cart-popup .ux-mini-cart-empty-icon { display: none; }
.mkd-site #cart-popup .mkd-cart-empty { display: block; padding: 0 20px 40px; }
.mkd-site .mkd-cart-empty__title { font-size: 26.4px; font-weight: 900; line-height: 40.8px; margin: 60px 0 0; text-align: center; }
.mkd-site .mkd-cart-empty .return-to-shop { margin: 24px 0 0; text-align: center; }
.mkd-site .mkd-cart-empty .return-to-shop .button { margin: 0; }
.mkd-site .mkd-cart-empty__login { margin: 40px 0 0; text-align: center; }
.mkd-site .mkd-cart-empty__login-title { display: block; font-size: 18px; font-weight: 700; line-height: 28.8px; }
.mkd-site .mkd-cart-empty__login-link { color: var(--mkd-text); font-size: 16px; text-decoration: underline; }
.mkd-site .mkd-cart-empty__login-link:hover { color: var(--mkd-orange); }

/* ---------------------------------------------------------------------------
 * Cart page: one column, `Sản phẩm | Số lượng | Tổng`, totals block on the right.
 * ------------------------------------------------------------------------ */
.mkd-site .mkd-cart-head { align-items: center; display: flex; gap: 20px; justify-content: space-between; margin: 50px 0 30px; }
.mkd-site .mkd-cart-head__title { font-size: 33px; font-weight: 900; letter-spacing: 0.66px; line-height: 51px; margin: 0; }
.mkd-site .mkd-cart-head__link { color: var(--mkd-orange); flex: 0 0 auto; font-size: 16px; font-weight: 400; text-decoration: none; white-space: nowrap; }
.mkd-site .mkd-cart-head__link:hover { text-decoration: underline; }

.mkd-site.woocommerce-cart .woocommerce.row-divided { display: block; margin-left: 0; margin-right: 0; }
.mkd-site.woocommerce-cart .woocommerce.row-divided > .col {
	border: 0;
	flex-basis: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
.mkd-site.woocommerce-cart .cart-wrapper { overflow: visible; }
.mkd-site.woocommerce-cart .shop_table.cart,
.mkd-site.woocommerce-cart .shop_table.cart thead,
.mkd-site.woocommerce-cart .shop_table.cart tbody { border: 0; display: block; margin: 0; width: 100%; }
.mkd-site.woocommerce-cart .shop_table.cart thead tr,
.mkd-site.woocommerce-cart .shop_table.cart tr.cart_item {
	align-items: start;
	column-gap: 0;
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr) auto 20px 130px;
}
.mkd-site.woocommerce-cart .shop_table.cart thead th {
	border-bottom: 1px solid rgba(44, 45, 46, 0.08);
	color: rgba(44, 45, 46, 0.9);
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 1.3px;
	padding: 0 0 18px;
	text-align: left;
	text-transform: uppercase;
}
.mkd-site.woocommerce-cart .shop_table.cart thead th.product-remove,
.mkd-site.woocommerce-cart .shop_table.cart thead th.product-thumbnail,
.mkd-site.woocommerce-cart .shop_table.cart thead th.product-price { display: none; }
.mkd-site.woocommerce-cart .shop_table.cart thead th.product-name { grid-area: 1 / 1 / 2 / 3; }
.mkd-site.woocommerce-cart .shop_table.cart thead th.product-quantity { grid-area: 1 / 3 / 2 / 5; }
.mkd-site.woocommerce-cart .shop_table.cart thead th.product-subtotal { grid-area: 1 / 5; text-align: right; }
.mkd-site.woocommerce-cart .shop_table.cart tr.cart_item { border-bottom: 0; padding: 0; }
.mkd-site.woocommerce-cart .shop_table.cart tr.cart_item td { border: 0; padding: 40px 0 0; width: auto; }
.mkd-site.woocommerce-cart .shop_table.cart tr.cart_item td.product-thumbnail { grid-area: 1 / 1; line-height: 0; }
.mkd-site.woocommerce-cart .shop_table.cart td.product-thumbnail img {
	border: 0;
	height: 120px;
	max-width: none;
	object-fit: cover;
	width: 120px;
}
.mkd-site.woocommerce-cart .shop_table.cart tr.cart_item td.product-name { grid-area: 1 / 2; padding: 40px 0 0 40px; }
.mkd-site.woocommerce-cart .shop_table.cart td.product-name > a {
	color: var(--mkd-text);
	font-size: 15.4px;
	font-weight: 900;
	letter-spacing: 0.66px;
	line-height: 23.8px;
}
.mkd-site.woocommerce-cart .shop_table.cart td.product-name dl.variation { color: rgba(44, 45, 46, 0.9); font-size: 14px; line-height: 21px; margin: 6px 0 0; }
.mkd-site.woocommerce-cart .shop_table.cart td.product-name dl.variation dt,
.mkd-site.woocommerce-cart .shop_table.cart td.product-name dl.variation dd,
.mkd-site.woocommerce-cart .shop_table.cart td.product-name dl.variation dd p { display: inline; font-weight: 400; margin: 0; padding: 0; }
/* Source shows the line total only: the unit-price column has no header. */
.mkd-site.woocommerce-cart .shop_table.cart td.product-price { display: none; }
.mkd-site.woocommerce-cart .shop_table.cart tr.cart_item td.product-quantity { grid-area: 1 / 3; padding: 40px 0 0 60px; }
.mkd-site.woocommerce-cart .shop_table.cart tr.cart_item td.product-remove { grid-area: 1 / 4; padding: 40px 0 0 15px; }
.mkd-site.woocommerce-cart .shop_table.cart tr.cart_item td.product-subtotal { font-size: 16px; grid-area: 1 / 5; padding: 40px 0 0 40px; text-align: right; }
/* Quantity changes auto-submit (Flatsome cart refresh): the actions row is source-absent. */
.mkd-site.woocommerce-cart .shop_table.cart tr:has(> td.actions) { display: none; }

.mkd-site.woocommerce-cart .cart-collaterals { padding-top: 40px; }
.mkd-site.woocommerce-cart .cart-collaterals .cart-sidebar { margin-left: auto; margin-right: 0; max-width: 350px; }
.mkd-site.woocommerce-cart .cart_totals { background: transparent; border: 0; border-radius: 0; padding: 0; }
.mkd-site.woocommerce-cart .cart_totals > h2,
.mkd-site.woocommerce-cart .cart_totals > table:first-child,
.mkd-site.woocommerce-cart .cart_totals .woocommerce-shipping-totals,
.mkd-site.woocommerce-cart .cart_totals .order-total { display: none; }
.mkd-site.woocommerce-cart .cart_totals .shop_table,
.mkd-site.woocommerce-cart .cart_totals .shop_table tbody { border: 0; display: block; margin: 0; width: 100%; }
.mkd-site.woocommerce-cart .cart_totals tr.cart-subtotal { align-items: flex-end; display: flex; justify-content: space-between; }
.mkd-site.woocommerce-cart .cart_totals tr.cart-subtotal th,
.mkd-site.woocommerce-cart .cart_totals tr.cart-subtotal td { border: 0; padding: 0; }
.mkd-site.woocommerce-cart .cart_totals tr.cart-subtotal th { font-size: 17.6px; font-weight: 900; }
.mkd-site.woocommerce-cart .cart_totals tr.cart-subtotal td { font-size: 18px; font-weight: 900; text-align: right; }
.mkd-site .mkd-cart-note { color: rgba(44, 45, 46, 0.75); font-size: 14px; line-height: 21px; margin: 10px 0 16px; }
.mkd-site.woocommerce-cart .wc-proceed-to-checkout { padding: 0; }
.mkd-site.woocommerce-cart .wc-proceed-to-checkout .checkout-button { height: 48px; margin: 0; min-height: 48px; width: 100%; }
.mkd-site.woocommerce-cart .cart-empty { font-size: 26.4px; font-weight: 900; line-height: 40.8px; margin: 60px 0 24px; text-align: center; }
/* Source keeps coupon entry on the checkout only. */
.mkd-site.woocommerce-cart .ux-cart-coupon { display: none; }

/* ---------------------------------------------------------------------------
 * Checkout: soft sidebar card, thumbnail quantity badge, 51px place-order.
 * ------------------------------------------------------------------------ */
.mkd-site.woocommerce-checkout .checkout-sidebar {
	background: var(--mkd-bg);
	border: 1px solid var(--mkd-bg-alt);
	border-radius: var(--mkd-radius-media);
	padding: 20px;
}
.mkd-site.woocommerce-checkout .checkout-sidebar #order_review_heading { font-size: 19.8px; font-weight: 900; margin: 0 0 16px; }
.mkd-site.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name { padding-left: 0; }
.mkd-site .mkd-co-item { align-items: center; display: flex; gap: 12px; }
.mkd-site .mkd-co-item__thumb { flex: 0 0 56px; height: 56px; position: relative; width: 56px; }
.mkd-site .mkd-co-item__thumb img { border: 1px solid var(--mkd-bg-alt); height: 56px; object-fit: cover; width: 56px; }
.mkd-site .mkd-co-item__qty {
	align-items: center;
	background: var(--mkd-text);
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 11px;
	font-weight: 700;
	height: 20px;
	justify-content: center;
	line-height: 1;
	position: absolute;
	right: -8px;
	top: -8px;
	width: 20px;
}
.mkd-site .mkd-co-item__name { font-size: 14px; font-weight: 700; line-height: 19.6px; }
.mkd-site.woocommerce-checkout #place_order { height: 51px; min-height: 51px; width: 100%; }

/* Floating labels: Flatsome's float-labels CSS does the work (the placeholder
   shows while empty, the small label rises when active). Restore the 52px input
   token and the active padding — the shared input rules above outrank both. */
.mkd-site.fl-labels .form-row input:not([type="checkbox"]):not([type="radio"]),
.mkd-site.fl-labels .form-row select { height: 52px; }
.mkd-site.fl-labels .form-row .fl-is-active input:not([type="checkbox"]):not([type="radio"]),
.mkd-site.fl-labels .form-row .fl-is-active select,
.mkd-site.fl-labels .form-row .fl-is-active textarea { padding-bottom: 8px; padding-top: 17.6px; }

/* ---------------------------------------------------------------------------
 * Account: single centred 440 card with the store logo.
 * ------------------------------------------------------------------------ */
.mkd-site .account-container:has(#customer_login) { margin: 0 auto; max-width: 440px; }
.mkd-site #customer_login.col2-set { display: block; margin: 0; }
.mkd-site #customer_login.col2-set > .col { border: 0; flex-basis: 100%; max-width: 100%; padding: 0; width: 100%; }
.mkd-site #customer_login.col2-set > .col-2 { margin-top: 40px; }
.mkd-site #customer_login .account-login-inner,
.mkd-site #customer_login .account-register-inner { margin: 0; max-width: 100%; }
.mkd-site #customer_login h2 { font-size: 19.8px; font-weight: 900; letter-spacing: 0.66px; text-transform: none; }
.mkd-site .mkd-account__logo { margin: 0 0 24px; text-align: center; }
.mkd-site .mkd-account__logo img { height: 60px; object-fit: contain; width: 200px; }
.mkd-site #customer_login .woocommerce-form-login__submit,
.mkd-site #customer_login .woocommerce-form-register__submit {
	background-color: var(--mkd-orange);
	border-color: var(--mkd-orange);
	color: #fff;
	width: 100%;
}
.mkd-site #customer_login .woocommerce-privacy-policy-text p { font-size: 12px; line-height: 18px; }
.mkd-site #customer_login .woocommerce-LostPassword { font-size: 14px; margin-top: 12px; }
.mkd-site .woocommerce-MyAccount-navigation ul { background: transparent; border: 0; border-bottom: 1px solid var(--mkd-divider); padding: 0; }
.mkd-site .woocommerce-MyAccount-navigation li a { font-weight: 700; }
.mkd-site .woocommerce-MyAccount-navigation li.is-active a { color: var(--mkd-orange); }

/* Mobile: full-bleed drawer, stacked cart rows without table labels. */
@media (max-width: 749px) {
	.mkd-site .off-canvas .mfp-content.off-canvas-cart { --drawer-width: 100%; box-shadow: none; }
	.mkd-site .off-canvas-right:has(.off-canvas-cart) > button.mfp-close { right: 16px; }
	.mkd-site #cart-popup .cart-popup-title { padding: 16px; }
	.mkd-site #cart-popup .widget_shopping_cart_content { padding: 12px 16px 0; }
	.mkd-site #cart-popup .ux-mini-cart-footer { margin: 0 -16px; padding: 16px; }
	.mkd-site .mkd-cart-head { align-items: flex-start; flex-direction: column; gap: 8px; margin-bottom: 20px; }
	.mkd-site .mkd-cart-head__title { font-size: 24.75px; line-height: 38.25px; }
	.mkd-site.woocommerce-cart .shop_table.cart thead { display: none; }
	.mkd-site.woocommerce-cart .shop_table.cart tr.cart_item { column-gap: 12px; grid-template-columns: 76px minmax(0, 1fr) auto; }
	.mkd-site.woocommerce-cart .shop_table.cart tr.cart_item td::before { display: none; }
	.mkd-site.woocommerce-cart .shop_table.cart td.product-thumbnail { grid-area: 1 / 1 / 3 / 2; }
	.mkd-site.woocommerce-cart .shop_table.cart td.product-thumbnail img { height: 76px; width: 76px; }
	.mkd-site.woocommerce-cart .shop_table.cart td.product-quantity { grid-area: 2 / 2; padding-top: 8px; }
	.mkd-site.woocommerce-cart .shop_table.cart td.product-remove { grid-area: 1 / 3; }
	/* Source shows the line total on the right; drop Flatsome's "n x unit price". */
	.mkd-site.woocommerce-cart .shop_table.cart td.product-name .mobile-product-price { display: none; }
	.mkd-site.woocommerce-cart .shop_table.cart td.product-subtotal { align-self: end; display: block; grid-area: 2 / 3; }
	.mkd-site.woocommerce-cart .cart-collaterals .cart-sidebar { max-width: 100%; }
	.mkd-site .account-container:has(#customer_login) { max-width: 100%; }
}

/* === home === */

/* Hero — nguồn 1440: section padding 0, cột chữ 60/70/70/0, ảnh 3:2 radius 8,
   h1 33/51/900, các dòng 14/22.4, CTA xanh 51px, dòng sao 14/700. 390: padding 20px, ảnh 360×240. */
.mkd-site .mkd-hero { color: #fff; }
.mkd-site .mkd-hero .mkd-hero__title { margin: 6.6px 0; color: #fff; font-size: 33px; line-height: 51px; font-weight: 900; letter-spacing: 0.66px; }
.mkd-site .mkd-hero__list { margin: 2.8px 0; }
.mkd-site .mkd-hero__list p { margin: 0; font-size: 14px; font-weight: 400; line-height: 22.4px; letter-spacing: 0.8px; color: rgba(255, 255, 255, 0.9); }
.mkd-site .mkd-hero__cta.button { margin: 20px 0 0; background-color: var(--mkd-blue); border-color: var(--mkd-blue); color: #fff; }
.mkd-site .mkd-hero .mkd-social-proof { margin: 2.8px 0; font-size: 14px; font-weight: 700; line-height: 22.4px; letter-spacing: 0.8px; color: rgba(255, 255, 255, 0.9); }
.mkd-site .mkd-hero__image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--mkd-radius-media); }

/* Banner Pepe / Rồng — card #e3ded3 radius 8, ảnh trái cover, cột chữ 60/70/70,
   Pepe h2 26.4/40.8 căn giữa, Rồng h1 33/51 căn trái, CTA tối chữ #e3ded3. */
.mkd-site .mkd-banner__row { background: var(--mkd-card-alt); border-radius: var(--mkd-radius-media); overflow: hidden; }
.mkd-site .mkd-banner__media .col-inner,
.mkd-site .mkd-banner__media .img,
.mkd-site .mkd-banner__media .img-inner,
.mkd-site .mkd-banner__media img { height: 100%; }
.mkd-site .mkd-banner__media img { display: block; width: 100%; object-fit: cover; border-radius: 0; }
.mkd-site .mkd-banner--pepe .mkd-banner__row { min-height: 460px; }
.mkd-site .mkd-banner--pepe .mkd-banner__media img { aspect-ratio: 30 / 23; height: auto; }
.mkd-site .mkd-banner--dragon .mkd-banner__media img { aspect-ratio: 1 / 1; height: auto; }
.mkd-site .mkd-banner--pepe .mkd-banner__text-col { text-align: center; }
.mkd-site .mkd-banner--dragon .mkd-banner__text-col { text-align: left; }
.mkd-site .mkd-banner__title { margin: 0 0 5.28px; font-weight: 900; }
.mkd-site .mkd-banner--dragon .mkd-banner__title { margin-bottom: 6.6px; font-size: 33px; line-height: 51px; }
.mkd-site .mkd-banner__text { margin: 2.8px 0 0; }
.mkd-site .mkd-banner__text p { margin: 0; font-size: 14px; font-weight: 400; line-height: 22.4px; color: rgba(44, 45, 46, 0.9); }
.mkd-site .mkd-btn--dark.button { margin: 20px 0 0; background-color: var(--mkd-text); border-color: var(--mkd-text); color: var(--mkd-card-alt); }
/* Nguồn dựng cột chữ bằng flex (lề không gộp, nội dung căn giữa theo chiều dọc). */
.mkd-site .mkd-hero__row,
.mkd-site .mkd-banner__row { align-items: stretch; }
.mkd-site .mkd-hero__text > .col-inner,
.mkd-site .mkd-banner__text-col > .col-inner,
.mkd-site .mkd-mission__text-col > .col-inner { display: flex; flex-direction: column; justify-content: center; height: 100%; }

/* Sứ mệnh — GIF 1:1 radius 8, cột chữ căn giữa, đoạn kết in nghiêng. */
.mkd-site .mkd-mission__image img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--mkd-radius-media); }
.mkd-site .mkd-mission__text-col { text-align: center; }
.mkd-site .mkd-mission__title { margin: 0 0 5.28px; }
.mkd-site .mkd-mission__text { margin: 2.8px 0 0; }
.mkd-site .mkd-mission__text p { margin: 0; font-size: 14px; font-weight: 400; line-height: 22.4px; color: rgba(44, 45, 46, 0.9); }

/* Carousel sản phẩm — tiêu đề 33/51, thẻ 292.5px cách nhau 10px (nguồn),
   mũi tên 30px trong suốt đặt 40px ngoài track, icon Splide 13.5px. */
.mkd-site .mkd-carousel-section .mkd-carousel__title { margin: 6.6px 0; font-size: 33px; line-height: 51px; text-align: center; }
.mkd-site .mkd-product-carousel.row { margin-left: -5px; margin-right: -5px; }
.mkd-site .row.mkd-product-carousel .flickity-viewport > .flickity-slider > .col,
.mkd-site .row.mkd-product-carousel > .col { padding: 0 5px; }
.mkd-site .mkd-product-carousel .flickity-prev-next-button,
.mkd-site .mkd-video-carousel .flickity-prev-next-button { top: 50%; bottom: auto; box-sizing: border-box; width: 30px; height: 30px; min-height: 0; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; color: var(--mkd-text); line-height: 30px; opacity: 0.7; transform: translateY(-50%); }
.mkd-site .mkd-product-carousel .flickity-prev-next-button:hover,
.mkd-site .mkd-video-carousel .flickity-prev-next-button:hover { background: transparent; opacity: 1; }
.mkd-site .mkd-product-carousel .flickity-prev-next-button:disabled,
.mkd-site .mkd-video-carousel .flickity-prev-next-button:disabled { opacity: 0.3 !important; }
.mkd-site .mkd-product-carousel .flickity-prev-next-button.previous { left: -35px; right: auto; }
.mkd-site .mkd-product-carousel .flickity-prev-next-button.next { right: -35px; left: auto; }
.mkd-site .mkd-video-carousel .flickity-prev-next-button.previous { left: -40px; right: auto; }
.mkd-site .mkd-video-carousel .flickity-prev-next-button.next { right: -40px; left: auto; }
.mkd-site .mkd-product-carousel .flickity-prev-next-button svg,
.mkd-site .mkd-video-carousel .flickity-prev-next-button svg { display: none; }
.mkd-site .mkd-product-carousel .flickity-prev-next-button::after,
.mkd-site .mkd-video-carousel .flickity-prev-next-button::after {
	content: "";
	display: block;
	width: 13.5px;
	height: 13.5px;
	margin: 0 auto;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mkd-site .mkd-product-carousel .flickity-prev-next-button.previous::after,
.mkd-site .mkd-video-carousel .flickity-prev-next-button.previous::after { transform: scaleX(-1); }
.mkd-site .flickity-page-dots .dot { width: 6px; height: 6px; margin: 0 6px; border: 0; background: var(--mkd-text); opacity: 1; }
.mkd-site .flickity-page-dots .dot.is-selected { background: var(--mkd-orange); transform: scale(1.5); }
.mkd-site .mkd-view-all { margin: 0; text-align: center; }
.mkd-site .mkd-view-all a { font-size: 14px; font-weight: 400; line-height: 22.4px; letter-spacing: 0.8px; color: rgba(255, 95, 0, 0.85); }
.mkd-site .mkd-view-all a:hover { color: var(--mkd-orange); text-decoration: underline; text-underline-offset: 3px; }

/* Carousel video — slide 270 + khe 40 (video 240 rộng), radius 20. */
.mkd-site .mkd-video-carousel .mkd-video-carousel__item { width: calc((100% - 120px) / 4) !important; margin-right: 40px; padding: 0 15px; box-sizing: border-box; aspect-ratio: auto; }
.mkd-site .mkd-video { margin: 0; overflow: hidden; background: var(--mkd-card-alt); }
.mkd-site .mkd-video--9-16 { aspect-ratio: 9 / 16; }
.mkd-site .mkd-video-carousel .mkd-video--9-16 .mkd-video__el { aspect-ratio: 9 / 16; height: auto; }
.mkd-site .mkd-video-carousel .mkd-video--1-1 .mkd-video__el { aspect-ratio: 1 / 1; height: auto; }
.mkd-site .mkd-video--1-1 { aspect-ratio: 1 / 1; }
.mkd-site .mkd-video--16-9 { aspect-ratio: 16 / 9; }
.mkd-site .mkd-video__el { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }

/* FAQ — khung 734px, item không viền/nền, tiêu đề 13.2/20.4/900, icon plus 10px xoay 45°. */
.mkd-site .mkd-faq__col { max-width: 734px; margin-left: auto; margin-right: auto; padding: 0 20px; }
.mkd-site .mkd-faq__title { margin: 5.28px 0; text-align: center; }
.mkd-site .mkd-faq .accordion + .accordion { margin-top: 4px; }
.mkd-site .mkd-faq .accordion-title { position: relative; display: flex; align-items: center; margin: 0; padding: 12.5px 23px 12.5px 0; border: 0; border-radius: 0; background: transparent; font-size: 13.2px; font-weight: 900; line-height: 25.6px; letter-spacing: 0.66px; color: var(--mkd-text); }
.mkd-site .mkd-faq .accordion-title > span { flex: 1 1 auto; }
.mkd-site .mkd-faq .accordion-title button.toggle { position: absolute; top: 50%; right: 5px; left: auto; box-sizing: border-box; width: 18px; min-width: 0; height: 18px; min-height: 0; margin: 0; padding: 0; border: 0; background: transparent; color: var(--mkd-text); line-height: 18px; opacity: 1; transform: translateY(-50%); }
.mkd-site .mkd-faq .accordion-title .toggle > * { display: none; }
.mkd-site .mkd-faq .accordion-title .toggle::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 auto;
	background-color: currentColor;
	transition: transform 0.2s ease-in-out;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mkd-site .mkd-faq .accordion-title.active .toggle::after { transform: rotate(45deg); }
.mkd-site .mkd-faq .accordion-inner { margin: 0; padding: 0 23px 15px 0; border: 0; border-radius: 0; background: transparent; font-size: 16px; line-height: 25.6px; }
.mkd-site .mkd-faq .accordion-inner p { margin: 0; }

/* Mua sắm an tâm — 4 card ngang trong suốt, icon Material 70px cam, tiêu đề 14.3/20.8/900. */
.mkd-site .mkd-risk-free__title { margin: 5.28px 0; text-align: center; }
.mkd-site .mkd-risk-free__head { padding: 0; }
.mkd-site .mkd-risk-free__row { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 20px; row-gap: 20px; margin: 30px auto 44px; }
.mkd-site .mkd-risk-free__item { flex: none; width: auto; max-width: none; padding: 0; }
.mkd-site .mkd-risk-free__item > .col-inner { height: 100%; }
.mkd-site .mkd-risk-free__box { display: flex; align-items: center; text-align: left; }
.mkd-site .mkd-risk-free__icon { flex: 0 0 70px; width: 70px; height: 70px; margin: 0; line-height: 0; color: var(--mkd-orange); }
.mkd-site .mkd-risk-free__icon .mkd-svg { width: 70px; height: 70px; }
.mkd-site .mkd-risk-free__info { padding-left: 10px; }
.mkd-site .mkd-risk-free__heading { margin: 2.86px 0; font-size: 14.3px; font-weight: 900; line-height: 20.8px; letter-spacing: 0.66px; text-transform: none; color: var(--mkd-text); }
.mkd-site .mkd-risk-free__text { margin: 2.6px 0; font-size: 13px; font-weight: 400; line-height: 20.8px; color: rgba(44, 45, 46, 0.9); }

/* Dải sóng 4 lớp (nguồn: cao 60px desktop / 30px mobile, 10s/8s/6s/4s, opacity 1/.4/.3/.2). */
.mkd-site .mkd-wave-section .section-content { line-height: 0; }
.mkd-site .mkd-wave { height: 60px; overflow: hidden; background: var(--mkd-bg); color: var(--mkd-text); }
.mkd-site .mkd-wave__svg { display: block; width: 100%; height: 100%; }
.mkd-site .mkd-wave .parallax1 > use { animation: mkd-wave-out 10s linear infinite; }
.mkd-site .mkd-wave .parallax2 > use { animation: mkd-wave-in 8s linear infinite; opacity: 0.4; }
.mkd-site .mkd-wave .parallax3 > use { animation: mkd-wave-out 6s linear infinite; opacity: 0.3; }
.mkd-site .mkd-wave .parallax4 > use { animation: mkd-wave-in 4s linear infinite; opacity: 0.2; }
@keyframes mkd-wave-out { from { transform: translate(85px); } to { transform: translate(-90px); } }
@keyframes mkd-wave-in { from { transform: translate(-90px); } to { transform: translate(85px); } }
@media (prefers-reduced-motion: reduce) {
	.mkd-site .mkd-wave use { animation: none; }
}

/* Đăng ký nhận tin — tiêu đề 33/51 #f4f0e6, ô nhập 45px nền kem không viền,
   nút gửi là mũi tên nguồn nằm trong ô, sát phải. */
.mkd-site .mkd-newsletter { color: var(--mkd-bg); }
.mkd-site .mkd-newsletter .mkd-newsletter__title { margin: 6.6px 0; font-size: 33px; line-height: 51px; color: var(--mkd-bg); }
.mkd-site .mkd-newsletter .mkd-newsletter__text { margin: 20px 0 0; font-size: 16px; font-weight: 400; line-height: 25.6px; color: rgba(244, 240, 230, 0.9); }
.mkd-site .mkd-newsletter .wpcf7 { margin-top: 20px; }
.mkd-site .mkd-newsletter .wpcf7-form { margin-bottom: 0; }
.mkd-site .mkd-newsletter__col { padding-bottom: 0; }
.mkd-site .mkd-newsletter-form { max-width: 360px; margin: 0 auto; }
.mkd-site .mkd-newsletter-form > p { margin: 0; }
.mkd-site .mkd-newsletter-field { position: relative; }
.mkd-site .mkd-newsletter-form .wpcf7-form-control-wrap { display: block; }
.mkd-site .mkd-newsletter-form input[type="email"] { width: 100%; height: 45px; margin: 0; padding: 15px 50px 15px 15px; border: 0; border-radius: var(--mkd-radius-btn); background: var(--mkd-bg); color: var(--mkd-text); font-size: 16px; box-shadow: none; }
.mkd-site .mkd-newsletter-form input[type="email"]:focus { border: 0; box-shadow: none; }
.mkd-site .mkd-newsletter-form input[type="email"]::placeholder { color: rgba(44, 45, 46, 0.7); }
.mkd-site .mkd-newsletter-form .mkd-newsletter-submit {
	position: absolute;
	top: -1px;
	right: 1px;
	width: 44px;
	height: 47px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: var(--mkd-text);
	color: transparent;
	font-size: 0;
	letter-spacing: 0;
	box-shadow: none;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z'/%3E%3C/svg%3E") center / 15px 11px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z'/%3E%3C/svg%3E") center / 15px 11px no-repeat;
}
.mkd-site .mkd-newsletter-form .wpcf7-spinner { position: absolute; top: 15px; right: 54px; margin: 0; }
.mkd-site .mkd-newsletter .wpcf7-response-output { margin: 12px 0 0; border-color: rgba(244, 240, 230, 0.4); color: var(--mkd-bg); font-size: 14px; }
.mkd-site .mkd-newsletter .wpcf7-not-valid-tip { color: #ffd9c2; font-size: 12px; }

.mkd-site .mkd-wave-section .row.row-collapse { padding-left: 0; padding-right: 0; }

@media (max-width: 849px) {
	.mkd-site .mkd-video-carousel .mkd-video-carousel__item { width: calc((100% - 40px) / 2) !important; }
	.mkd-site .mkd-risk-free__row { grid-template-columns: repeat(2, 1fr); }
}

/* Trang chủ ở 390 (nguồn: hero 20px, Pepe 8px, Rồng 16px, carousel 15px/9px, video 9px,
   sứ mệnh 0/16px, FAQ 15px, cam kết 9px 1 cột, sóng 30px). */
@media (max-width: 749px) {
	.mkd-site .mkd-hero .mkd-hero__title { margin-bottom: 4.95px; font-size: 24.75px; line-height: 38.25px; }
	.mkd-site .mkd-banner--pepe .mkd-banner__row { min-height: 0; }
	.mkd-site .mkd-banner__media img { height: auto; }
	.mkd-site .mkd-banner--dragon .mkd-banner__title { font-size: 24.75px; line-height: 38.25px; }
	.mkd-site .mkd-carousel-section .mkd-carousel__title { margin: 4.95px 0; font-size: 24.75px; line-height: 38.25px; }
	.mkd-site .mkd-carousel-section .row.row-collapse,
	.mkd-site .mkd-video-section .row.row-collapse { padding-left: 0; padding-right: 0; }
	.mkd-site .mkd-product-carousel.row { margin-left: 0; margin-right: 0; padding-left: 16.5px; padding-right: 16.5px; }
	.mkd-site .row.mkd-product-carousel .flickity-viewport > .flickity-slider > .col,
	.mkd-site .row.mkd-product-carousel > .col { padding: 0 7.5px; }
	.mkd-site .mkd-view-all { padding: 0 15px; }
	.mkd-site .mkd-video-carousel .mkd-video-carousel__item { width: calc(100% - 24px) !important; margin-right: 15px; padding: 0; }
	.mkd-site .mkd-video-carousel .slider { padding-left: 24px; }
	.mkd-site .mkd-product-carousel .flickity-prev-next-button,
	.mkd-site .mkd-video-carousel .flickity-prev-next-button { display: block; width: 30px !important; height: 30px; }
	.mkd-site .mkd-product-carousel .flickity-prev-next-button.previous,
	.mkd-site .mkd-video-carousel .flickity-prev-next-button.previous { left: 10px; }
	.mkd-site .mkd-product-carousel .flickity-prev-next-button.next,
	.mkd-site .mkd-video-carousel .flickity-prev-next-button.next { right: 10px; }
	.mkd-site .mkd-banner--pepe .mkd-banner__media img { aspect-ratio: 45 / 37; }
	.mkd-site .mkd-faq__title { margin: 4.4px 0; }
	.mkd-site .mkd-risk-free__row { grid-template-columns: 1fr; row-gap: 10px; margin: 30px 0 0; padding-left: 15px; padding-right: 15px; }
	.mkd-site .mkd-wave { height: 30px; }
	.mkd-site .mkd-newsletter .mkd-newsletter__title { margin: 4.95px 0; font-size: 24.75px; line-height: 38.25px; }
	.mkd-site .mkd-newsletter-form { max-width: 330px; }
}

/* === pdp === */
/* Khung: nội dung 1200 căn giữa (nguồn 1440: ảnh 660 tại x=120, cột info 490 tại x=830). */
.mkd-site.single-product .shop-container { max-width: none; padding: 0; }
.mkd-site.single-product .section-content { max-width: 1230px; margin-left: auto; margin-right: auto; }
@media (min-width: 850px) {
	/* Nguồn: cột ảnh dính (`position:sticky; top:30px`) khi cột thông tin cuộn. */
	.mkd-site .mkd-pdp__main > .mkd-pdp__media { flex-basis: 55%; max-width: 55%; position: sticky; top: 30px; align-self: flex-start; }
	.mkd-site .mkd-pdp__main > .mkd-pdp__info { flex-basis: 45%; max-width: 45%; }
}

/* Thư viện ảnh: ảnh chính contain 660, nút phóng to SVG góc trên phải, thumbnail 72. */
.mkd-site .mkd-pdp .product-images { margin-bottom: 0; }
.mkd-site .mkd-pdp .woocommerce-product-gallery__wrapper { margin-bottom: 0; border-radius: var(--mkd-radius-media); background: var(--mkd-bg); overflow: hidden; }
.mkd-site .mkd-pdp .woocommerce-product-gallery__image img { border-radius: var(--mkd-radius-media); object-fit: cover; }
.mkd-site .mkd-pdp .product-images .badge-container,
.mkd-site .mkd-pdp .product-gallery .badge-container { display: none; }
.mkd-site .mkd-pdp .image-tools.top { top: 16px; right: 16px; bottom: auto; left: auto; padding: 0; opacity: 1; }
.mkd-site .mkd-zoom-button { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.85); color: var(--mkd-text); cursor: zoom-in; box-shadow: none; }
.mkd-site .mkd-zoom-button:hover { background: #fff; color: var(--mkd-orange); }
.mkd-site .mkd-pdp .product-thumbnails { margin-top: 5px; }
.mkd-site .mkd-pdp .product-thumbnails .col { flex-basis: 82px; max-width: 82px; padding: 5px; }
.mkd-site .mkd-pdp .product-thumbnails img { width: 72px; height: 72px; object-fit: cover; border-radius: var(--mkd-radius-media); border: 1px solid transparent; }
.mkd-site .mkd-pdp .product-thumbnails .is-nav-selected img { border: 2px solid var(--mkd-text); }
.mkd-site .pswp__bg { background: rgba(0, 0, 0, 0.85); }
.mkd-site .pswp__button--close { background-image: none; position: relative; }
.mkd-site .pswp__button--close::before { content: ""; position: absolute; inset: 12px; background: currentColor; color: #fff; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17'%3E%3Cpath d='M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17'%3E%3Cpath d='M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; }

/* Cột thông tin: kicker → dòng sao → tiêu đề → giá → hr → mô tả ngắn. */
.mkd-site .mkd-pdp-kicker { margin: 0 0 3px; font-size: 11px; font-weight: 700; line-height: 17.6px; letter-spacing: 0.8px; color: rgba(44, 45, 46, 0.9); text-transform: uppercase; }
.mkd-site .mkd-product-rating { display: flex; align-items: center; gap: 8px; margin: 3px 0; min-height: 24px; }
.mkd-site .mkd-stars-svg { display: inline-flex; align-items: center; gap: 2px; }
.mkd-site .mkd-product-rating__text { font-size: 15px; font-weight: 700; line-height: 24px; letter-spacing: 0.8px; color: var(--mkd-text); }
.mkd-site .mkd-pdp .product-title-container { margin: 0; }
.mkd-site .mkd-pdp .product-title { margin: 3px 0; font-size: 33px; font-weight: 900; line-height: 51px; letter-spacing: 0.66px; }
.mkd-site .mkd-pdp .product-title-container .is-divider { display: none; }
.mkd-site .mkd-pdp .product-price-container { margin: 0; }
.mkd-site .mkd-pdp .price { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 3px 0; font-size: 20px; font-weight: 700; }
.mkd-site .mkd-pdp .price ins { font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: 1.2px; color: var(--mkd-orange); text-decoration: none; }
.mkd-site .mkd-pdp .price del { font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0.96px; color: rgba(44, 45, 46, 0.9); }
.mkd-site .mkd-pdp__rule { height: 2px; margin: 8px 0; border: 0; border-top: 1px solid #d9d9d9; background: rgba(44, 45, 46, 0.2); }
.mkd-site .mkd-pdp .product-short-description { margin: 15px 0; }
.mkd-site .mkd-pdp .product-short-description p { margin: 2.8px 0; font-size: 14px; line-height: 22.4px; letter-spacing: 0.8px; color: rgba(44, 45, 46, 0.9); }
.mkd-site .mkd-pdp .stock.in-stock { display: none; }
.mkd-site .mkd-pdp .reset_variations { font-size: 12px; }

/* Nút bảng cỡ ngay trên swatch + modal bảng cỡ. */
.mkd-site .mkd-size-chart { margin: 9px 0; }
.mkd-site .mkd-size-chart__link { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; color: var(--mkd-text); font-size: 17px; text-decoration: none; }
.mkd-site .mkd-size-chart__label { text-decoration: underline; font-weight: 700; }
.mkd-site .mkd-size-chart__link:hover .mkd-size-chart__label { color: var(--mkd-orange); }
.mkd-site .mkd-size-chart-modal { border-radius: var(--mkd-radius-modal); box-shadow: 0 10px 24px rgba(44, 45, 46, 0.15); }
.mkd-site .mkd-size-chart__title { text-align: center; font-size: 20px; line-height: 30px; margin-bottom: 14px; }
.mkd-site .mkd-size-chart__table thead th { background: var(--mkd-text); color: #fff; border-color: var(--mkd-text); }
.mkd-site .mkd-size-chart__note { margin: 12px 0 0; font-size: 13px; color: rgba(44, 45, 46, 0.75); text-align: center; }

/* Swatch: 56×56, bo 22%, nhãn tên dưới ô; nhãn thuộc tính xếp trên hàng swatch. */
.mkd-site .mkd-pdp .variations,
.mkd-site .mkd-pdp .variations tbody,
.mkd-site .mkd-pdp .variations tr { display: block; width: 100%; }
.mkd-site .mkd-pdp .variations tr { margin: 9px 0; }
.mkd-site .mkd-pdp .variations tr:last-child { margin-bottom: 0; }
.mkd-site .mkd-pdp .variations th.label,
.mkd-site .mkd-pdp .variations td.value { display: block; width: 100%; padding: 0; text-align: left; }
.mkd-site .mkd-pdp .variations th.label label { margin: 0 0 3px; font-size: 15px; font-weight: 700; line-height: 18px; letter-spacing: 0.4px; color: var(--mkd-text); }
.mkd-site .ux-swatches { display: flex; flex-wrap: wrap; gap: 8px; }
.mkd-site .ux-swatches .ux-swatch { position: relative; width: 65px; height: 65px; margin: 0; padding: 1px; border: 2px solid transparent; border-radius: 22%; }
.mkd-site .ux-swatches .ux-swatch.selected { border-color: rgba(44, 45, 46, 0.75); box-shadow: 0 0 0 2px #fff inset; }
.mkd-site .ux-swatches .ux-swatch.disabled { opacity: 0.35; }
.mkd-site .mkd-pdp .variations select { height: 40px; border-radius: var(--mkd-radius-media); }

/* Bộ chọn mua bộ + báo giá bộ: xem assets/css/mkd-bundle.css của plugin. */

/* CTA + hàng tin cậy 3 mục ngang. */
.mkd-site .mkd-pdp .single_add_to_cart_button { width: 100%; margin: 9px 0 0; padding: 0 30px; min-height: 51px; height: 51px; font-size: 19px; line-height: 22.8px; letter-spacing: 1px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1); }
.mkd-site .mkd-assurance { margin: 9px 0; }
.mkd-site .mkd-assurance__list { display: flex; justify-content: center; gap: 30px; list-style: none; margin: 9px 0; padding: 0; border: 0; background: none; }
.mkd-site .mkd-assurance__item { display: flex; flex: 1 1 0; min-width: 0; flex-direction: column; align-items: center; text-align: center; margin: 0; }
.mkd-site .mkd-assurance__icon { margin-bottom: 12px; color: var(--mkd-orange); }
.mkd-site .mkd-assurance__label { font-size: 16px; font-weight: 900; line-height: 24.7px; letter-spacing: 0.66px; color: var(--mkd-text); }

/* Accordion: trong suốt, gạch dưới 1px, icon Material trái, caret phải. */
.mkd-site .mkd-product-accordion { margin: 9px 0 0; }
.mkd-site .mkd-product-accordion .accordion-item { border: 0; border-bottom: 1px solid var(--mkd-divider); border-radius: 0; background: none; }
.mkd-site .mkd-product-accordion .accordion-title { display: flex; align-items: center; margin: 0; padding: 12.5px 0; border: 0; border-radius: 0; background: none; color: var(--mkd-text); font-size: 15.4px; font-weight: 900; line-height: 23.8px; letter-spacing: 0.66px; text-transform: uppercase; }
.mkd-site .mkd-product-accordion .accordion-title:hover { background: none; color: var(--mkd-orange); }
.mkd-site .mkd-product-accordion .accordion-title > span { order: 1; flex: 1; margin: 3.08px 0; padding: 0; }
.mkd-site .mkd-product-accordion .accordion-title .mkd-acc__icon { order: 0; width: 24px; height: 24px; margin-right: 8.25px; }
.mkd-site .mkd-product-accordion .accordion-title .toggle { order: 2; width: 18px; height: 18px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--mkd-text); opacity: 1; }
.mkd-site .mkd-product-accordion .accordion-title.active .toggle { transform: rotate(180deg); }
.mkd-site .mkd-product-accordion .accordion-inner { padding: 0 0 16px; border: 0; background: none; font-size: 16px; }
.mkd-site .mkd-product-accordion .accordion-inner p:last-child { margin-bottom: 0; }

/* Đánh giá: badge minh họa nằm trong assets/css/mkd-reviews.css của plugin. */

/* Dải logo/press + wave 2 lớp trên dưới. */
.mkd-site .mkd-waveband { position: relative; }
/* `.section-content.relative` của Flatsome dùng !important nên phải ghi đè để wave tràn hết chiều rộng section. */
.mkd-site .mkd-waveband > .section-content { position: static !important; }
.mkd-site .mkd-waveband__wave { position: absolute; left: 0; right: 0; height: 48px; overflow: hidden; color: var(--mkd-bg-alt); pointer-events: none; }
.mkd-site .mkd-waveband__wave--top { bottom: 100%; }
.mkd-site .mkd-waveband__wave--bottom { top: 100%; transform: scaleY(-1); }
.mkd-site .mkd-waveband__svg { display: block; width: 100%; height: 100%; }
.mkd-site .mkd-logo-bar__text { margin: 0; font-size: 18px; font-weight: 900; line-height: 27px; letter-spacing: 0.66px; text-transform: uppercase; }
.mkd-site .mkd-logo-bar img { height: 50px; width: auto; border-radius: 0; object-fit: contain; }

/* Video 9:16 bo 20, không khe giữa các slide. */
.mkd-site .mkd-product-videos__row { margin-left: 0; margin-right: 0; }
.mkd-site .mkd-product-videos__row > .col { padding: 0; }
.mkd-site .mkd-product-videos figure.mkd-video,
.mkd-site .mkd-product-videos .mkd-video video { border-radius: 20px; }

/* Điểm nổi bật 50/50: ảnh 600, tiêu đề 33/51. */
.mkd-site .mkd-highlights .mkd-highlights__row.row { margin-left: 0; margin-right: 0; margin-bottom: 30px; }
.mkd-site .mkd-highlights__row > .col { padding: 0; }
.mkd-site .mkd-highlights__text { padding: 0 50px 0 70px; }
.mkd-site .mkd-highlights__row > .mkd-highlights__text:first-child { padding: 0 70px 0 50px; }
.mkd-site .mkd-highlights__text h3 { margin-bottom: 10px; font-size: 33px; font-weight: 900; line-height: 51px; }
.mkd-site .mkd-highlights__grid h3 { font-size: 19.8px; margin: 12px 0 6px; }

/* Thanh thêm giỏ dính (nguồn 1440: cao 80 = padding 10px 0 + nội dung 60, thumbnail 52,
   tiêu đề trên dòng giá, select 198×40 bo 8, CTA 52px 19/700 có giá). */
.mkd-site .sticky-add-to-cart--active .sticky-add-to-cart,
.mkd-site .sticky-add-to-cart-wrapper .sticky-add-to-cart { background: var(--mkd-bg); border-top: 1px solid var(--mkd-text); }
.mkd-site .sticky-add-to-cart__product { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 10px 0; }
.mkd-site .mkd-sticky-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mkd-site .mkd-sticky-info .product-title-small { margin: 0; font-size: 16px; font-weight: 700; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mkd-site .sticky-add-to-cart__product .sticky-add-to-cart-img { flex: 0 0 52px; width: 52px; max-width: 52px; height: 52px; border-radius: var(--mkd-radius-btn); object-fit: cover; }
.mkd-site .mkd-sticky-variant { flex: 0 0 auto; width: 198px; max-width: 198px; height: 40px; min-height: 40px; margin: 0 0 0 auto; padding: 5px 12px; border-radius: var(--mkd-radius-media); font-size: 14px; }
.mkd-site .mkd-sticky-atc.button { min-height: 52px; height: 52px; margin: 0; padding: 0 28.5px; font-size: 19px; line-height: 52px; }
.mkd-site .mkd-pdp-reviews { scroll-margin-top: 100px; }

@media (max-width: 849px) {
	.mkd-site .mkd-pdp .product-thumbnails .col { flex-basis: 82px; max-width: 82px; }
}
@media (max-width: 749px) {
	/* Nguồn 390: cột ảnh 360 (gutter 15), slide 350 bo 8 với slide sau nhô ra (pitch 354),
	   nút phóng to 32px góc trên trái cách 10px, thumbnail 51 khe 7.5. */
	.mkd-site .mkd-pdp__media { padding-left: 15px; padding-right: 15px; overflow: hidden; }
	.mkd-site .mkd-pdp .woocommerce-product-gallery__wrapper { overflow: visible; }
	.mkd-site .mkd-pdp .flickity-viewport { overflow: visible; }
	.mkd-site .mkd-pdp .woocommerce-product-gallery__image { width: 350px; margin-right: 4px; }
	.mkd-site .mkd-pdp .image-tools.top { top: 10px; left: 10px; right: auto; }
	.mkd-site .mkd-zoom-button { width: 32px; height: 32px; }
	.mkd-site .mkd-pdp .product-thumbnails .col { flex-basis: 58.5px; max-width: 58.5px; padding: 3.75px; }
	.mkd-site .mkd-pdp .product-thumbnails img { width: 51px; height: 51px; }
	.mkd-site .mkd-pdp .product-title { font-size: 23.7px; line-height: 29.6px; }
	.mkd-site .mkd-pdp .single_add_to_cart_button { font-size: 16px; }
	.mkd-site .mkd-assurance__list { gap: 12px; }
	.mkd-site .mkd-assurance__label { font-size: 13px; line-height: 20px; }
	.mkd-site .mkd-highlights__text,
	.mkd-site .mkd-highlights__row > .mkd-highlights__text:first-child { padding: 15px 0 0; }
	.mkd-site .mkd-highlights__text h3 { font-size: 24.75px; line-height: 38.25px; }
	.mkd-site .sticky-add-to-cart__product .sticky-add-to-cart-img,
	.mkd-site .sticky-add-to-cart__product .mkd-sticky-info { display: none; }
	.mkd-site .sticky-add-to-cart__product { flex-wrap: nowrap; gap: 8px; min-height: 52px; padding: 8px 0; }
	.mkd-site .mkd-sticky-variant { flex: 1 1 40%; max-width: none; margin-left: 0; }
	.mkd-site .mkd-sticky-atc.button { flex: 1 1 60%; padding: 0 12px; font-size: 16px; }
	.mkd-site .mkd-waveband__wave { height: 30px; }
}

/* === global chrome === */
/* Nút lên đầu trang: tròn 40px cam, chevron 22px, cách đáy 90px (nguồn .scroll-to-top-btn). */
.mkd-site .back-to-top.button { width: 40px; height: 40px; min-height: 0; padding: 0; margin: 0; border: 0; border-radius: 50%; background: var(--mkd-orange); color: rgba(255, 255, 255, 0.9); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); right: 20px; bottom: 90px; opacity: 1; }
.mkd-site .back-to-top.button:hover { background: var(--mkd-orange); color: #fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); }
.mkd-site .back-to-top.button .mkd-svg { display: none; }
.mkd-site .back-to-top.button::before { content: ""; display: block; width: 22px; height: 22px; margin: auto; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E") center / contain no-repeat; }