/* KN Redesign – phương án A. Mọi quy tắc nằm dưới body.kn-rd nên tắt plugin là về giao diện cũ. */
body.kn-rd {
	--kn-plum: #1F6F6B;
	--kn-plum-dark: #14504D;
	--kn-ink: #1E2B2A;
	--kn-ink-2: #2C3A39;
	--kn-blush: #E3F1EF;
	--kn-blush-2: #EEF6F5;
	--kn-blush-3: #CFE6E2;
	--kn-line: #DCEBE8;
	--kn-field: #C9DFDB;
	--kn-muted: #566664;
	--kn-text-2: #4A5B59;
	--kn-gold: #B8925A;
	--kn-zalo: #1E6FD9;
	--kn-font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-family: var(--kn-font);
	color: var(--kn-ink);
	background: #fff;
}

/* ---------- Chữ: ép font Be Vietnam Pro cho mọi tiêu đề (Flatsome mặc định Roboto) ---------- */
body.kn-rd, body.kn-rd p, body.kn-rd li, body.kn-rd td, body.kn-rd th,
body.kn-rd h1, body.kn-rd h2, body.kn-rd h3, body.kn-rd h4, body.kn-rd h5, body.kn-rd h6,
body.kn-rd .heading-font, body.kn-rd .alt-font, body.kn-rd .nav > li > a, body.kn-rd .button,
body.kn-rd button, body.kn-rd input, body.kn-rd select, body.kn-rd textarea, body.kn-rd label,
body.kn-rd .product-title, body.kn-rd .section-title, body.kn-rd .price, body.kn-rd .amount {
	font-family: var(--kn-font) !important;
	letter-spacing: 0;
}
body.kn-rd h1, body.kn-rd h2, body.kn-rd h3, body.kn-rd h4 { color: var(--kn-ink); font-weight: 800; }
body.kn-rd a { color: var(--kn-plum); }
body.kn-rd a:hover { color: var(--kn-plum-dark); }
body.kn-rd .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.kn-rd .kn-wrap { max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; width: 100%; }
.kn-rd .kn-narrow { max-width: 860px; margin: 0 auto; padding: 64px 24px; box-sizing: border-box; }
.kn-rd .kn-narrow--w { max-width: 1040px; }
.kn-rd .kn-eyebrow { display: block; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--kn-plum); margin: 0; }
.kn-rd .kn-eyebrow--light { color: #A9D6CF; }
.kn-rd .kn-muted { color: var(--kn-muted); font-size: 13px; margin: 0; }
.kn-rd .kn-stars { color: var(--kn-gold); letter-spacing: 1px; }

/* ---------- Ẩn header, chân trang cũ của Flatsome ---------- */
body.kn-rd #header, body.kn-rd .header-wrapper, body.kn-rd #top-bar { display: none !important; }
body.kn-rd #footer > *:not(.kn-footer) { display: none !important; }
body.kn-rd #footer { background: var(--kn-ink); padding: 0; }
body.kn-rd #main { background: #fff; }
body.kn-rd .zalo-chat-widget { display: none !important; }
body.kn-rd .sticky-add-to-cart-wrapper, body.kn-rd .aiosrs-rating-wrap,
body.kn-tpl .page-title, body.kn-tpl .shop-page-title, body.kn-tpl .category-page-title, body.kn-tpl .featured-title { display: none !important; }

/* ---------- Header mới ---------- */
.kn-rd .kn-hd { position: relative; z-index: 60; }
.kn-rd .kn-topbar { background: var(--kn-ink); color: #EAF4F2; font-size: 13px; }
.kn-rd .kn-topbar__row { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 8px; padding-bottom: 8px; }
.kn-rd .kn-topbar__links { display: flex; gap: 20px; flex-wrap: wrap; }
.kn-rd .kn-topbar a { color: #EAF4F2; }
.kn-rd .kn-topbar a:hover { color: #fff; text-decoration: underline; }
.kn-rd .kn-header { background: #fff; border-bottom: 1px solid var(--kn-line); }
.kn-rd .kn-header__row { display: flex; align-items: center; gap: 28px; padding-top: 16px; padding-bottom: 16px; }
.kn-rd .kn-burger { display: none; }
.kn-rd .kn-logo { display: flex; align-items: center; flex: none; }
.kn-rd .kn-logo img { height: 68px; width: auto; display: block; }
.kn-rd .kn-search { flex: 1 1 360px; min-width: 0; max-width: 620px; display: flex; margin: 0; }
.kn-rd .kn-search input[type="search"] { flex: 1 1 auto; min-width: 0; height: 48px; min-height: 48px; margin: 0; border: 1.5px solid var(--kn-field); border-right: 0; border-radius: 24px 0 0 24px; padding: 0 22px; font-size: 15px; color: var(--kn-ink); box-shadow: none; background: #fff; }
.kn-rd .kn-search input[type="search"]:focus { border-color: var(--kn-plum); box-shadow: none; }
.kn-rd .kn-search button { width: 60px; height: 48px; min-height: 48px; margin: 0; padding: 0; border: 0; border-radius: 0 24px 24px 0; background: var(--kn-plum); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.kn-rd .kn-search button:hover { background: var(--kn-plum-dark); }
.kn-rd .kn-header__tools { display: flex; align-items: center; gap: 22px; margin-left: auto; }
.kn-rd .kn-hotline { display: flex; align-items: center; gap: 10px; color: var(--kn-ink); }
.kn-rd .kn-hotline__ic { width: 44px; height: 44px; border-radius: 22px; background: var(--kn-blush); display: flex; align-items: center; justify-content: center; flex: none; }
.kn-rd .kn-hotline__tx { display: flex; flex-direction: column; line-height: 1.25; }
.kn-rd .kn-hotline__tx small { font-size: 12px; color: var(--kn-muted); }
.kn-rd .kn-hotline__tx b { font-size: 16px; font-weight: 800; color: var(--kn-ink); white-space: nowrap; }
.kn-rd .kn-tool { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; color: var(--kn-ink); font-size: 12px; min-width: 44px; }
.kn-rd .kn-tool:hover { color: var(--kn-plum); }
.kn-rd .kn-cart-count { position: absolute; top: -6px; right: 2px; min-width: 18px; height: 18px; padding: 0 4px; box-sizing: border-box; border-radius: 9px; background: var(--kn-plum); color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.kn-rd .kn-cart-count.is-empty { display: none; }

.kn-rd .kn-nav { border-top: 1px solid var(--kn-line); position: relative; }
.kn-rd .kn-nav__item.kn-nav__item--drop { position: relative; }
.kn-rd .kn-nav__item.kn-nav__item--drop > .kn-nav__panel { left: 0; right: auto; }
.kn-rd .kn-nav__row { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; font-size: 15px; font-weight: 600; }
.kn-rd .kn-nav__item { position: static; }
.kn-rd .kn-nav__item > a { display: flex; align-items: center; gap: 6px; padding: 14px 16px; color: var(--kn-ink); border-bottom: 2px solid transparent; }
.kn-rd .kn-nav__item > a:hover, .kn-rd .kn-nav__item.is-active > a, .kn-rd .kn-nav__item.is-open > a { color: var(--kn-plum); }
.kn-rd .kn-nav__item.is-active > a, .kn-rd .kn-nav__item.is-open > a { border-bottom-color: var(--kn-plum); }
.kn-rd .kn-nav__promo { color: #fff !important; background: var(--kn-plum); padding: 8px 18px; border-radius: 18px; margin-left: 8px; }
.kn-rd .kn-nav__promo:hover, .kn-rd .kn-nav__promo.is-active { background: var(--kn-plum-dark); }
.kn-rd .kn-nav__panel { position: absolute; left: 0; right: 0; top: 100%; z-index: 70; display: none; }
.kn-rd .kn-nav__item.has-drop:hover > .kn-nav__panel,
.kn-rd .kn-nav__item.has-drop:focus-within > .kn-nav__panel,
.kn-rd .kn-nav__item.is-open > .kn-nav__panel { display: block; }
.kn-rd .kn-mega { background: #fff; border-radius: 0 0 24px 24px; box-shadow: 0 18px 40px rgba(42, 27, 34, .12); padding: 32px 36px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.kn-rd .kn-mega__col { display: flex; flex-direction: column; gap: 12px; font-size: 15px; font-weight: 400; }
.kn-rd .kn-mega__col a { color: var(--kn-ink); }
.kn-rd .kn-mega__col a:hover { color: var(--kn-plum); }
.kn-rd .kn-mega__h { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--kn-plum); }
.kn-rd .kn-mega__more { font-weight: 700; margin-top: 6px; }
.kn-rd .kn-mega__card { display: flex; flex-direction: column; gap: 8px; color: var(--kn-ink); background: var(--kn-blush); border-radius: 18px; padding: 16px; font-size: 15px; }
.kn-rd .kn-mega__card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 14px; background: var(--kn-blush-3); display: block; margin-bottom: 2px; }
.kn-rd .kn-mega__card b { font-weight: 700; line-height: 1.35; }
.kn-rd .kn-mega__tag { font-size: 12px; font-weight: 700; color: var(--kn-plum); }
.kn-rd .kn-mega__price, .kn-rd .kn-mega__price .amount { font-weight: 800; color: var(--kn-plum); }
.kn-rd .kn-mega__card--dark { background: var(--kn-ink); color: #fff !important; }
.kn-rd .kn-mega__card--dark img { background: var(--kn-ink-2); }
.kn-rd .kn-mega__card--dark .kn-mega__tag { color: #A9D6CF; }
.kn-rd .kn-mega__card--dark .kn-mega__price, .kn-rd .kn-mega__card--dark .kn-mega__price .amount { color: #fff; }
.kn-rd .kn-drop { min-width: 300px; background: #fff; border-radius: 0 0 20px 20px; box-shadow: 0 18px 40px rgba(42, 27, 34, .12); padding: 18px 22px; display: flex; flex-direction: column; gap: 10px; font-weight: 400; }
.kn-rd .kn-drop a { color: var(--kn-ink); }
.kn-rd .kn-drop a:hover { color: var(--kn-plum); }
.kn-rd .kn-drop__all { font-weight: 700; color: var(--kn-plum) !important; }
.kn-rd .kn-msearch { display: none; }
.kn-rd .kn-drawer[hidden] { display: none; }

/* ---------- Nút, ô nhập chung ---------- */
.kn-rd .kn-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.kn-rd .kn-btn-main, .kn-rd .kn-btn-ghost, .kn-rd .kn-btn-light, .kn-rd .kn-btn-line { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 28px; border-radius: 28px; font-weight: 700; font-size: 16px; box-sizing: border-box; }
.kn-rd .kn-btn-main { background: var(--kn-plum); color: #fff !important; }
.kn-rd .kn-btn-main:hover { background: var(--kn-plum-dark); }
.kn-rd .kn-btn-ghost { background: #fff; color: var(--kn-plum) !important; border: 1.5px solid var(--kn-plum); }
.kn-rd .kn-btn-light { background: #fff; color: var(--kn-plum) !important; }
.kn-rd .kn-btn-light:hover { background: var(--kn-blush); }
.kn-rd .kn-btn-line { color: #fff !important; border: 1.5px solid #55666A; }
.kn-rd .kn-btn-line:hover { border-color: #fff; }

body.kn-rd .button.primary, body.kn-rd .button.alt, body.kn-rd button.button, body.kn-rd input[type="submit"].button,
body.kn-rd .single_add_to_cart_button, body.kn-rd .checkout-button, body.kn-rd #place_order,
body.kn-rd .woocommerce-mini-cart__buttons .checkout {
	background: var(--kn-plum) !important; border-color: var(--kn-plum) !important; color: #fff !important;
	border-radius: 26px !important; font-weight: 700; text-transform: none; letter-spacing: 0; box-shadow: none;
}
body.kn-rd .button.primary:hover, body.kn-rd .button.alt:hover, body.kn-rd .checkout-button:hover, body.kn-rd #place_order:hover { background: var(--kn-plum-dark) !important; border-color: var(--kn-plum-dark) !important; }
body.kn-rd .button.is-outline { color: var(--kn-plum) !important; border: 1.5px solid var(--kn-plum) !important; background: transparent !important; border-radius: 26px; text-transform: none; }
body.kn-rd input[type="text"], body.kn-rd input[type="email"], body.kn-rd input[type="tel"], body.kn-rd input[type="number"],
body.kn-rd input[type="password"], body.kn-rd input[type="search"], body.kn-rd select, body.kn-rd textarea {
	border: 1.5px solid var(--kn-field); border-radius: 14px; box-shadow: none; min-height: 44px; font-size: 15px;
}
body.kn-rd input:focus, body.kn-rd select:focus, body.kn-rd textarea:focus { border-color: var(--kn-plum); box-shadow: 0 0 0 3px rgba(31, 111, 107, .12); outline: 0; }
body.kn-rd .price, body.kn-rd .price .amount { color: var(--kn-plum); font-weight: 800; }
body.kn-rd .price del, body.kn-rd .price del .amount { color: #6F807E; font-weight: 400; }
body.kn-rd .price ins { text-decoration: none; }
body.kn-rd .star-rating span:before, body.kn-rd .star-rating:before { color: var(--kn-gold); }

/* ---------- Thẻ sản phẩm (trang chủ, danh mục) ---------- */
.kn-rd .kn-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.kn-rd .kn-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kn-rd .kn-card { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.kn-rd .kn-card__img { position: relative; display: block; border-radius: 20px; overflow: hidden; background: var(--kn-blush-2); aspect-ratio: 1 / 1; }
.kn-rd .kn-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.kn-rd .kn-card:hover .kn-card__img img { transform: scale(1.03); }
.kn-rd .kn-card__badge { position: absolute; top: 12px; left: 12px; background: var(--kn-plum); color: #fff; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 12px; z-index: 2; }
.kn-rd .kn-card__name { color: var(--kn-ink) !important; font-weight: 600; font-size: 15px; line-height: 1.4; min-height: 42px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kn-rd .kn-card__meta { font-size: 13px; color: var(--kn-muted); margin-top: -4px; }
.kn-rd .kn-card__price, .kn-rd .kn-card__price .amount { font-size: 18px; font-weight: 800; color: var(--kn-plum); }
.kn-rd .kn-card__price del, .kn-rd .kn-card__price del .amount { color: #6F807E; font-weight: 400; font-size: 13px; }
.kn-rd .kn-card__price ins { text-decoration: none; }
.kn-rd .kn-card__price { display: flex; flex-wrap: wrap; gap: 0 8px; align-items: baseline; }
.kn-rd .kn-card__btn { margin-top: auto; text-align: center; background: var(--kn-ink); color: #fff !important; padding: 12px; border-radius: 22px; font-weight: 700; font-size: 14px; }
.kn-rd .kn-card__btn:hover { background: var(--kn-plum); }

/* ---------- Bài viết dạng thẻ ---------- */
.kn-rd .kn-posts { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.kn-rd .kn-posts--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.kn-rd .kn-post { display: flex; flex-direction: column; gap: 10px; color: var(--kn-ink) !important; min-width: 0; }
.kn-rd .kn-post__img { display: block; aspect-ratio: 16 / 10; border-radius: 18px; overflow: hidden; background: var(--kn-blush-2); }
.kn-rd .kn-post__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kn-rd .kn-post__tag { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--kn-plum); }
.kn-rd .kn-post b { font-size: 18px; font-weight: 700; line-height: 1.4; }
.kn-rd .kn-post__date { font-size: 13px; color: var(--kn-muted); }

/* ---------- Khung trang chung ---------- */
.kn-rd .kn-page { color: var(--kn-ink); }
.kn-rd .kn-page h1 { font-size: 40px; line-height: 1.15; letter-spacing: -.02em; margin: 0; }
.kn-rd .kn-page h2 { font-size: 32px; line-height: 1.25; margin: 0; }
.kn-rd .kn-page p { margin: 0; }
.kn-rd .kn-page ul, .kn-rd .kn-page ol { margin: 0; }
.kn-rd .kn-page section { margin: 0; padding: 0; }
.kn-rd .kn-sec--line { border-top: 1px solid var(--kn-line); }
.kn-rd .kn-sec2 { padding-top: 64px; padding-bottom: 64px; display: flex; flex-direction: column; gap: 24px; }
.kn-rd .kn-blush { background: var(--kn-blush); }
.kn-rd .kn-soft { background: #F6FAF9; }
.kn-rd .kn-dark { background: var(--kn-ink); color: #fff; }
.kn-rd .kn-dark h1, .kn-rd .kn-dark h2 { color: #fff; }
.kn-rd .kn-h-sm { font-size: 24px !important; }
.kn-rd .kn-h-md { font-size: 26px !important; }
.kn-rd .kn-crumb { font-size: 13px; color: var(--kn-muted); }
.kn-rd .kn-crumb a { color: var(--kn-muted); }
.kn-rd .kn-crumb a:hover { color: var(--kn-plum); }
.kn-rd .kn-chips { display: flex; gap: 10px; flex-wrap: wrap; }
.kn-rd .kn-chip { padding: 10px 18px; border-radius: 20px; background: #fff; color: var(--kn-ink) !important; font-size: 14px; font-weight: 600; }
.kn-rd .kn-chips--blush .kn-chip { background: var(--kn-blush); }
.kn-rd .kn-chip:hover { box-shadow: inset 0 0 0 1.5px var(--kn-plum); }
.kn-rd .kn-chip.is-on { background: var(--kn-plum); color: #fff !important; }
.kn-rd .kn-pager { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; padding-top: 12px; }
.kn-rd .kn-pager .page-numbers { min-width: 44px; height: 44px; padding: 0 16px; box-sizing: border-box; border-radius: 22px; border: 1px solid var(--kn-field); color: var(--kn-ink); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
.kn-rd .kn-pager .page-numbers.current { background: var(--kn-plum); border-color: var(--kn-plum); color: #fff; }
.kn-rd .kn-pager a.page-numbers:hover { border-color: var(--kn-plum); color: var(--kn-plum); }
.kn-rd .kn-pager .dots { border: 0; min-width: 0; padding: 0 4px; }

/* ---------- Danh mục sản phẩm ---------- */
.kn-rd .kn-band { background: var(--kn-blush); }
.kn-rd .kn-band__in { padding-top: 28px; padding-bottom: 36px; display: flex; flex-direction: column; gap: 14px; }
.kn-rd .kn-band h1 { font-size: 38px; }
.kn-rd .kn-band__lead { font-size: 16px; line-height: 1.65; color: var(--kn-text-2); max-width: 760px; }
.kn-rd .kn-band .kn-chips { padding-top: 6px; }
.kn-rd .kn-archive__row { padding-top: 32px; padding-bottom: 56px; display: flex; gap: 32px; align-items: flex-start; }
.kn-rd .kn-filter { flex: 0 0 240px; display: flex; flex-direction: column; gap: 24px; position: sticky; top: 20px; }
.kn-rd .kn-filter form { display: flex; flex-direction: column; gap: 24px; margin: 0; }
.kn-rd .kn-filter__box { display: flex; flex-direction: column; gap: 24px; }
.kn-rd .kn-filter__box > summary { display: none; }
.kn-rd .kn-filter__box[open] { display: flex; }
.kn-rd .kn-filter fieldset { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.kn-rd .kn-filter legend { font-size: 15px; font-weight: 700; padding: 0; margin: 0 0 10px; color: var(--kn-ink); }
.kn-rd .kn-filter label { display: flex; gap: 10px; align-items: center; font-size: 14px; font-weight: 400; color: var(--kn-ink); margin: 0; cursor: pointer; }
.kn-rd .kn-filter input[type="checkbox"] { width: 18px; height: 18px; margin: 0; accent-color: var(--kn-plum); flex: none; }
.kn-rd .kn-help { background: var(--kn-ink); color: #fff; border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 10px; }
.kn-rd .kn-help b { font-size: 16px; }
.kn-rd .kn-help span { font-size: 13.5px; line-height: 1.55; color: #C2D6D3; }
.kn-rd .kn-help a { background: #fff; color: var(--kn-plum) !important; padding: 11px; border-radius: 22px; font-weight: 700; font-size: 14px; text-align: center; }
.kn-rd .kn-archive__main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.kn-rd .kn-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 14px; color: var(--kn-muted); }
.kn-rd .kn-toolbar form { display: flex; align-items: center; gap: 8px; margin: 0; }
.kn-rd .kn-toolbar label { margin: 0; font-weight: 400; font-size: 14px; color: var(--kn-ink); }
.kn-rd .kn-toolbar select { height: 40px; min-height: 40px; margin: 0; border: 1px solid var(--kn-field); border-radius: 20px; padding: 0 34px 0 14px; font-size: 14px; background-color: #fff; width: auto; }
.kn-rd .kn-empty { background: var(--kn-blush); border-radius: 20px; padding: 32px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.kn-rd .kn-empty a { font-weight: 700; }
.kn-rd .kn-seo { border-top: 1px solid var(--kn-line); }
.kn-rd .kn-seo__in { max-width: 860px; margin: 0 auto; padding: 48px 24px; display: flex; flex-direction: column; gap: 12px; }
.kn-rd .kn-seo h2 { font-size: 22px; }
.kn-rd .kn-seo__text { font-size: 15px; line-height: 1.7; color: var(--kn-text-2); }
.kn-rd .kn-seo__text p { margin: 0 0 12px; }

/* ---------- Chi tiết sản phẩm ---------- */
.kn-rd .kn-pd { padding-top: 20px; padding-bottom: 56px; display: flex; flex-direction: column; gap: 24px; }
.kn-rd .kn-pd__row { display: flex; gap: 48px; align-items: flex-start; }
.kn-rd .kn-gallery { flex: 1 1 50%; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.kn-rd .kn-gallery__main { position: relative; aspect-ratio: 1 / 1; border-radius: 28px; overflow: hidden; background: var(--kn-blush-2); }
.kn-rd .kn-gallery__main img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kn-rd .kn-gallery__thumbs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.kn-rd .kn-gallery__thumbs button { aspect-ratio: 1 / 1; padding: 0; margin: 0; min-height: 0; border-radius: 14px; overflow: hidden; background: var(--kn-blush-2); border: 2px solid transparent; cursor: pointer; }
.kn-rd .kn-gallery__thumbs button.is-on { border-color: var(--kn-plum); }
.kn-rd .kn-gallery__thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kn-rd .kn-pd__info { flex: 1 1 45%; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.kn-rd .kn-pd__info h1 { font-size: 34px; line-height: 1.2; letter-spacing: -.01em; }
.kn-rd .kn-pd__meta { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; font-size: 14px; color: var(--kn-muted); }
.kn-rd .kn-pd__meta a { color: var(--kn-ink); font-weight: 600; }
.kn-rd .kn-pd__price { margin: 0; }
.kn-rd .kn-pd__price, .kn-rd .kn-pd__price .amount { font-size: 36px; font-weight: 800; color: var(--kn-plum); line-height: 1.1; }
.kn-rd .kn-pd__price del, .kn-rd .kn-pd__price del .amount { font-size: 18px; font-weight: 400; color: #6F807E; }
.kn-rd .kn-pd__short { font-size: 15px; line-height: 1.6; color: var(--kn-ink); }
.kn-rd .kn-pd__short ul { padding-left: 20px; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.kn-rd .kn-pd__short li { margin: 0; }
.kn-rd .kn-pd__short p { margin: 0 0 8px; }
.kn-rd .kn-pd__short h1, .kn-rd .kn-pd__short h2, .kn-rd .kn-pd__short h3, .kn-rd .kn-pd__short h4 { font-size: 16px; line-height: 1.4; margin: 0 0 8px; font-weight: 700; }
.kn-rd .kn-pd__buy form.cart { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 0; }
.kn-rd .kn-pd__buy form.variations_form { display: block; }
.kn-rd .kn-pd__buy .single_variation_wrap .woocommerce-variation-add-to-cart { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.kn-rd .kn-pd__buy .quantity { display: inline-flex !important; align-items: center; border: 1.5px solid var(--kn-field); border-radius: 26px; height: 52px; margin: 0 !important; opacity: 1 !important; }
.kn-rd .kn-pd__buy .quantity .button, .kn-rd .kn-pd__buy .quantity input[type="button"] { width: 46px; height: 48px; min-height: 48px; border: 0 !important; background: transparent !important; color: var(--kn-ink) !important; font-size: 20px; margin: 0; padding: 0; border-radius: 0 !important; box-shadow: none; }
.kn-rd .kn-pd__buy .quantity input.qty { width: 36px; height: 48px; min-height: 48px; border: 0; padding: 0; text-align: center; font-weight: 700; background: transparent; box-shadow: none; -moz-appearance: textfield; }
.kn-rd .kn-pd__buy .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; }
.kn-rd .kn-pd__buy button.single_add_to_cart_button.button, .kn-rd .kn-pd__buy .single_add_to_cart_button { flex: 1 1 180px; height: 52px; min-height: 52px; margin: 0 !important; background: #fff !important; color: var(--kn-plum) !important; border: 1.5px solid var(--kn-plum) !important; font-size: 16px; padding: 0 20px; }
.kn-rd .kn-pd__buy button.single_add_to_cart_button.button:hover { background: var(--kn-blush) !important; }
.kn-rd .kn-buy-now { flex: 1 1 180px; height: 52px; min-height: 52px; margin: 0; border: 0; border-radius: 26px; background: var(--kn-plum); color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; padding: 0 20px; text-transform: none; }
.kn-rd .kn-buy-now:hover { background: var(--kn-plum-dark); }
/* Web thật có plugin DevVN "Mua nhanh": dùng nút của DevVN (mở form đặt nhanh), ẩn nút Mua ngay của giao diện mới */
.kn-rd .kn-pd__buy:has(.devvn_buy_now) .kn-buy-now { display: none; }
.kn-rd .kn-pd__buy .devvn_buy_now { flex: 1 1 180px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; min-height: 52px; margin: 14px 0 0 !important; padding: 6px 20px !important; border: 0 !important; border-radius: 26px !important; background: var(--kn-plum) !important; color: #fff !important; font-weight: 700; text-transform: none; max-width: none !important; width: auto !important; box-shadow: none !important; }
.kn-rd .kn-pd__buy .devvn_buy_now:hover { background: var(--kn-plum-dark) !important; }
.kn-rd .kn-pd__buy .devvn_buy_now strong { font-size: 16px; }
.kn-rd .kn-pd__buy .devvn_buy_now span { font-size: 12px; font-weight: 400; opacity: .85; }
.kn-rd .kn-pd__buy table.variations { border: 0; margin: 0 0 14px; width: 100%; }
.kn-rd .kn-pd__buy table.variations th, .kn-rd .kn-pd__buy table.variations td { display: block; border: 0; padding: 0; text-align: left; }
.kn-rd .kn-pd__buy table.variations th label { font-size: 14px; font-weight: 700; margin: 0 0 10px; }
.kn-rd .kn-pd__buy .reset_variations { font-size: 13px; margin-top: 8px; display: inline-block; }
.kn-rd .kn-vchips { display: flex; gap: 10px; flex-wrap: wrap; }
.kn-rd .kn-vchips button { padding: 12px 18px; min-height: 0; margin: 0; border-radius: 14px; border: 1.5px solid var(--kn-field); background: #fff; font-size: 14px; font-weight: 600; color: var(--kn-ink); text-align: left; cursor: pointer; line-height: 1.4; text-transform: none; }
.kn-rd .kn-vchips button.is-on { border: 2px solid var(--kn-plum); background: var(--kn-blush); }
.kn-rd .kn-vchips button:disabled { opacity: .4; cursor: not-allowed; }
.kn-rd .kn-vchips + select, .kn-rd .kn-vsel-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.kn-rd .woocommerce-variation-price { margin-bottom: 12px; }
.kn-rd .kn-ship { background: var(--kn-blush); border-radius: 20px; padding: 18px 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; font-size: 14px; line-height: 1.5; }
.kn-rd .kn-ship div { display: flex; flex-direction: column; }
.kn-rd .kn-ship span { color: var(--kn-text-2); }
.kn-rd .kn-zbox { display: flex; align-items: center; gap: 12px; color: var(--kn-ink) !important; border: 1px solid var(--kn-line); border-radius: 16px; padding: 14px 16px; font-size: 14px; line-height: 1.5; }
.kn-rd .kn-zbox:hover { border-color: var(--kn-zalo); }
.kn-rd .kn-zbox__ic { width: 40px; height: 40px; border-radius: 20px; background: #E6F0FB; display: flex; align-items: center; justify-content: center; flex: none; }
.kn-rd .kn-pair { background: var(--kn-ink); color: #fff; }
.kn-rd .kn-pair__row { padding-top: 40px; padding-bottom: 40px; display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.kn-rd .kn-pair__text { flex: 1 1 280px; display: flex; flex-direction: column; gap: 6px; }
.kn-rd .kn-pair__text b { font-size: 22px; font-weight: 800; line-height: 1.3; }
.kn-rd .kn-pair__imgs { display: flex; gap: 12px; align-items: center; }
.kn-rd .kn-pair__imgs img { width: 84px; height: 84px; border-radius: 16px; object-fit: cover; background: var(--kn-ink-2); display: block; }
.kn-rd .kn-pair__imgs span { font-size: 22px; color: #A9D6CF; }
.kn-rd .kn-pair__buy { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.kn-rd .kn-pair__sum, .kn-rd .kn-pair__sum .amount { font-size: 24px; font-weight: 800; color: #fff; }
.kn-rd .kn-pair__btn { background: #fff; color: var(--kn-plum); padding: 12px 24px; min-height: 0; margin: 0; border: 0; border-radius: 24px; font-weight: 700; font-size: 15px; cursor: pointer; text-transform: none; }
.kn-rd .kn-pair__btn[disabled] { opacity: .7; }
.kn-rd .kn-ptabs { display: flex; gap: 6px; border-bottom: 1px solid var(--kn-line); flex-wrap: wrap; font-size: 15px; font-weight: 600; position: sticky; top: 0; background: #fff; z-index: 20; }
.kn-rd .kn-ptabs a { padding: 18px 16px; color: var(--kn-ink); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.kn-rd .kn-ptabs a.is-on, .kn-rd .kn-ptabs a:hover { color: var(--kn-plum); border-bottom-color: var(--kn-plum); }
.kn-rd .kn-pbody { padding-top: 40px; padding-bottom: 56px; display: flex; gap: 48px; align-items: flex-start; }
.kn-rd .kn-pbody__main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 48px; }
.kn-rd .kn-pbody__side { flex: 0 0 320px; display: flex; flex-direction: column; gap: 14px; position: sticky; top: 76px; }
.kn-rd .kn-side__h { font-size: 16px; font-weight: 800; }
.kn-rd .kn-side__item { display: flex; gap: 12px; align-items: center; color: var(--kn-ink) !important; border: 1px solid var(--kn-line); border-radius: 16px; padding: 10px; }
.kn-rd .kn-side__item:hover, .kn-rd .kn-side__item.is-on { border-color: var(--kn-plum); }
.kn-rd .kn-side__img { position: relative; width: 64px; height: 64px; border-radius: 12px; overflow: hidden; background: var(--kn-blush-2); flex: none; }
.kn-rd .kn-side__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kn-rd .kn-side__img em { position: absolute; left: 4px; top: 4px; width: 20px; height: 20px; border-radius: 10px; background: var(--kn-plum); color: #fff; font-style: normal; font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.kn-rd .kn-side__tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 14px; font-weight: 600; }
.kn-rd .kn-side__tx b, .kn-rd .kn-side__tx .amount { color: var(--kn-plum); font-weight: 800; }
.kn-rd .kn-side__btn { text-align: center; background: var(--kn-plum); color: #fff !important; padding: 13px; border-radius: 24px; font-weight: 700; }
.kn-rd .kn-side__btn .amount { color: #fff; }
.kn-rd .kn-side__btn:hover { background: var(--kn-plum-dark); }

/* Nội dung dài (mô tả sản phẩm, bài viết) */
.kn-rd .kn-prose { font-size: 16px; line-height: 1.75; color: #2E3D3B; min-width: 0; overflow-wrap: anywhere; }
.kn-rd .kn-prose > *:first-child { margin-top: 0; }
.kn-rd .kn-prose p { margin: 0 0 16px; }
.kn-rd .kn-prose h1 { font-size: 28px; line-height: 1.3; margin: 0 0 16px; color: var(--kn-ink); }
.kn-rd .kn-prose h2 { font-size: 26px; line-height: 1.3; margin: 28px 0 12px; color: var(--kn-ink); }
.kn-rd .kn-prose h3 { font-size: 20px; line-height: 1.35; margin: 22px 0 10px; color: var(--kn-ink); }
.kn-rd .kn-prose ul, .kn-rd .kn-prose ol { margin: 0 0 16px; padding-left: 22px; }
.kn-rd .kn-prose li { margin: 0 0 6px; }
.kn-rd .kn-prose img { max-width: 100%; height: auto; border-radius: 18px; }
.kn-rd .kn-prose .alignleft, .kn-rd .kn-prose .alignright { max-width: 45%; }
.kn-rd .kn-prose iframe { max-width: 100%; border-radius: 18px; }
.kn-rd .kn-prose table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 15px; }
.kn-rd .kn-prose td, .kn-rd .kn-prose th { border: 1px solid var(--kn-line); padding: 10px 12px; }
.kn-rd .kn-prose .row, .kn-rd .kn-prose .col { padding-left: 0; padding-right: 0; }
.kn-rd .kn-prose #toc_container { display: none; }
.kn-rd #mo-ta, .kn-rd #danh-gia, .kn-rd #cach-chon { scroll-margin-top: 70px; }
.kn-rd .kn-reviews-box { display: flex; flex-direction: column; gap: 16px; }
.kn-rd .kn-reviews-box h2, .kn-rd .kn-qa h2 { font-size: 26px; }
.kn-rd .kn-reviews-box__sum { display: flex; gap: 32px; align-items: center; background: var(--kn-blush); border-radius: 20px; padding: 22px; }
.kn-rd .kn-reviews-box__sum div { display: flex; flex-direction: column; align-items: center; }
.kn-rd .kn-reviews-box__sum b { font-size: 44px; font-weight: 800; line-height: 1.1; }
.kn-rd .kn-reviews-box__sum small { font-size: 13px; color: var(--kn-muted); }
.kn-rd .kn-reviews-box #reviews h2, .kn-rd .kn-reviews-box .woocommerce-Reviews-title { display: none; }
.kn-rd .kn-reviews-box .commentlist { list-style: none; padding: 0; margin: 0; }
.kn-rd .kn-reviews-box .commentlist li { border-bottom: 1px solid var(--kn-line); padding: 0 0 16px; margin: 0 0 16px; }
.kn-rd .kn-reviews-box .comment-form input[type="submit"], .kn-rd .kn-reviews-box #submit { background: var(--kn-ink) !important; color: #fff !important; border-radius: 24px !important; border: 0; text-transform: none; padding: 0 24px; }
.kn-rd .kn-reviews-box .large-12, .kn-rd .kn-reviews-box .large-5, .kn-rd .kn-reviews-box .large-7 { flex-basis: 100%; max-width: 100%; }
.kn-rd .kn-qa, .kn-rd .kn-faq { display: flex; flex-direction: column; gap: 12px; }
.kn-rd .kn-qa details, .kn-rd .kn-faq details { border: 1px solid var(--kn-line); border-radius: 16px; padding: 16px 18px; }
.kn-rd .kn-qa summary, .kn-rd .kn-faq summary { font-weight: 700; cursor: pointer; }
.kn-rd .kn-qa p, .kn-rd .kn-faq p { margin: 10px 0 0; line-height: 1.65; color: var(--kn-text-2); }
.kn-rd .kn-qa b { color: var(--kn-plum); }

/* ---------- Trang nội dung: giới thiệu, đại lý ---------- */
.kn-rd .kn-hero2 { background: var(--kn-blush); }
.kn-rd .kn-hero2__row { padding-top: 72px; padding-bottom: 72px; display: flex; gap: 56px; align-items: center; }
.kn-rd .kn-hero2__text { flex: 1 1 50%; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.kn-rd .kn-hero2__text h1 { font-size: 46px; }
.kn-rd .kn-hero2__text p { font-size: 17px; line-height: 1.7; color: var(--kn-text-2); }
.kn-rd .kn-dark .kn-hero2__text p { color: #C2D6D3; }
.kn-rd .kn-hero2__img { flex: 1 1 45%; min-width: 0; aspect-ratio: 4 / 3; border-radius: 28px; overflow: hidden; background: var(--kn-blush-3); }
.kn-rd .kn-hero2__img--dark { background: var(--kn-ink-2); }
.kn-rd .kn-hero2__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kn-rd .kn-bigstats { padding-top: 56px; padding-bottom: 56px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; text-align: center; }
.kn-rd .kn-bigstats div { display: flex; flex-direction: column; gap: 4px; }
.kn-rd .kn-bigstats b { font-size: 40px; font-weight: 800; color: var(--kn-plum); line-height: 1.2; }
.kn-rd .kn-bigstats span { font-size: 14px; color: var(--kn-muted); }
.kn-rd .kn-story { display: flex; flex-direction: column; gap: 18px; }
.kn-rd .kn-story p { font-size: 17px; line-height: 1.8; color: #2E3D3B; }
.kn-rd .kn-dark__in { padding-top: 64px; padding-bottom: 64px; display: flex; flex-direction: column; gap: 28px; }
.kn-rd .kn-cards3, .kn-rd .kn-cards4 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.kn-rd .kn-cards4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kn-rd .kn-cards3 > div, .kn-rd .kn-cards4 > div { border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 8px; }
.kn-rd .kn-cards3 > div { background: var(--kn-ink-2); }
.kn-rd .kn-cards4 > div { background: var(--kn-blush); }
.kn-rd .kn-cards3 b, .kn-rd .kn-cards4 b { font-size: 17px; }
.kn-rd .kn-cards3 span { font-size: 14px; line-height: 1.6; color: #C2D6D3; }
.kn-rd .kn-cards4 span { font-size: 14px; line-height: 1.6; color: var(--kn-text-2); }
.kn-rd .kn-artists { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.kn-rd .kn-artists--2 { grid-template-columns: repeat(2, minmax(0, 340px)); }
.kn-rd .kn-artist-card { display: flex; flex-direction: column; gap: 10px; }
.kn-rd .kn-artist-card__img { aspect-ratio: 3 / 4; border-radius: 20px; overflow: hidden; background: var(--kn-blush-3); display: flex; align-items: center; justify-content: center; color: var(--kn-plum); font-weight: 700; text-align: center; padding: 0; }
.kn-rd .kn-artist-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kn-rd .kn-artist-card__img span { padding: 16px; }
.kn-rd .kn-papers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.kn-rd .kn-paper { display: flex; flex-direction: column; gap: 8px; color: var(--kn-muted) !important; font-size: 13px; text-align: center; }
.kn-rd .kn-paper img { aspect-ratio: 3 / 4; width: 100%; object-fit: cover; background: #fff; border-radius: 16px; display: block; }
.kn-rd .kn-table { overflow-x: auto; background: #fff; border-radius: 22px; }
.kn-rd .kn-table table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 560px; margin: 0; }
.kn-rd .kn-table th { background: var(--kn-ink); color: #fff; text-align: left; padding: 16px 20px; font-weight: 700; border: 0; text-transform: none; font-size: 15px; letter-spacing: 0; }
.kn-rd .kn-table td { padding: 16px 20px; border: 0; border-bottom: 1px solid var(--kn-line); }
.kn-rd .kn-table tr:last-child td { border-bottom: 0; }
.kn-rd .kn-table td:first-child { font-weight: 700; }
.kn-rd .kn-table .kn-table__hi { color: var(--kn-plum); }
.kn-rd .kn-agent__row { padding-top: 64px; padding-bottom: 64px; display: flex; gap: 48px; align-items: flex-start; }
.kn-rd .kn-agent__steps { flex: 1 1 50%; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.kn-rd .kn-agent__steps ol { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.kn-rd .kn-agent__steps li { display: flex; gap: 16px; align-items: flex-start; margin: 0; }
.kn-rd .kn-agent__steps li span { width: 40px; height: 40px; border-radius: 20px; background: var(--kn-plum); color: #fff; flex: none; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.kn-rd .kn-agent__steps li p { padding-top: 8px; }

/* Biểu mẫu */
.kn-rd .kn-form { flex: 1 1 45%; min-width: 0; border: 1px solid var(--kn-line); border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 14px; margin: 0; }
.kn-rd .kn-form--blush { background: var(--kn-blush); border: 0; border-radius: 26px; padding: 28px; }
.kn-rd .kn-form h2 { font-size: 22px !important; }
.kn-rd .kn-form--blush h2 { font-size: 24px !important; }
.kn-rd .kn-form label, .kn-rd .kn-track label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; margin: 0; color: inherit; }
.kn-rd .kn-form input, .kn-rd .kn-form select, .kn-rd .kn-form textarea { width: 100%; margin: 0; height: 46px; padding: 0 14px; font-weight: 400; background-color: #fff; }
.kn-rd .kn-form textarea { height: auto; padding: 12px 14px; resize: vertical; }
.kn-rd .kn-form--blush input, .kn-rd .kn-form--blush select { border-color: #fff; height: 48px; }
.kn-rd .kn-form button { height: 50px; min-height: 50px; margin: 0; border: 0; border-radius: 25px; background: var(--kn-plum); color: #fff; font-weight: 800; font-size: 16px; cursor: pointer; text-transform: none; }
.kn-rd .kn-form button:hover { background: var(--kn-plum-dark); }
.kn-rd .kn-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.kn-rd .kn-ok { background: #E8F5EC; color: #1F6B3A; border-radius: 12px; padding: 12px 14px; font-weight: 600; }
.kn-rd .kn-err { background: #FDECEC; color: #9B1C1C; border-radius: 12px; padding: 12px 14px; font-weight: 600; }

/* ---------- Liên hệ ---------- */
.kn-rd .kn-contact__top { padding-top: 48px; padding-bottom: 48px; display: flex; gap: 32px; align-items: stretch; }
.kn-rd .kn-contact__info { flex: 1 1 55%; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.kn-rd .kn-contact__info h1 { font-size: 38px; }
.kn-rd .kn-contact__info > p { font-size: 16px; line-height: 1.6; color: var(--kn-text-2); }
.kn-rd .kn-ccards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.kn-rd .kn-ccards > a, .kn-rd .kn-ccards > div { background: #fff; border-radius: 18px; padding: 18px; color: var(--kn-ink) !important; display: flex; flex-direction: column; gap: 4px; }
.kn-rd .kn-ccards small { font-size: 13px; color: var(--kn-muted); }
.kn-rd .kn-ccards b { font-size: 20px; font-weight: 800; }
.kn-rd .kn-ccards .kn-ccards__sm { font-size: 15px; font-weight: 700; line-height: 1.45; }
.kn-rd .kn-ccards em { font-style: normal; font-size: 13px; color: var(--kn-plum); font-weight: 700; }
.kn-rd .kn-track { flex: 1 1 40%; min-width: 0; background: var(--kn-ink); color: #fff; border-radius: 26px; padding: 28px; display: flex; flex-direction: column; gap: 14px; scroll-margin-top: 20px; }
.kn-rd .kn-track h2 { color: #fff; font-size: 24px !important; }
.kn-rd .kn-track > span { font-size: 14px; color: #C2D6D3; }
.kn-rd .kn-track form { display: flex; flex-direction: column; gap: 14px; margin: 0; }
.kn-rd .kn-track input { height: 48px; border: 0; border-radius: 14px; padding: 0 16px; font-weight: 400; margin: 0; width: 100%; color: var(--kn-ink); }
.kn-rd .kn-track button { height: 50px; min-height: 50px; border: 0; border-radius: 25px; background: #fff; color: var(--kn-plum); font-weight: 800; font-size: 16px; cursor: pointer; margin: 0; text-transform: none; }
.kn-rd .kn-track__res { background: var(--kn-ink-2); border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
.kn-rd .kn-track__res > span { color: #C2D6D3; }
.kn-rd .kn-track__line { display: flex; justify-content: space-between; gap: 10px; }
.kn-rd .kn-track__st { color: #9ED4AE; font-weight: 700; }
.kn-rd .kn-track__st.is-bad { color: #F2A5A5; }
.kn-rd .kn-track__bar { display: flex; gap: 6px; }
.kn-rd .kn-track__bar span { flex: 1; height: 6px; border-radius: 3px; background: #465755; }
.kn-rd .kn-track__bar span.is-on { background: #9ED4AE; }
.kn-rd .kn-track__lbl { color: #C2D6D3; }
.kn-rd .kn-track__res .amount { color: #fff; }
.kn-rd .kn-contact__mid { padding-top: 56px; padding-bottom: 56px; display: flex; gap: 40px; align-items: flex-start; }
.kn-rd .kn-faq { flex: 1 1 55%; min-width: 0; }
.kn-rd .kn-faq h2 { font-size: 28px; margin-bottom: 8px; }
.kn-rd .kn-map { padding-bottom: 56px; }
.kn-rd .kn-map iframe { display: block; width: 100%; aspect-ratio: 21 / 6; min-height: 260px; border: 0; border-radius: 24px; background: #EEF3F2; }

/* ---------- Cẩm nang & bài viết ---------- */
.kn-rd .kn-blog__head { padding-top: 40px; padding-bottom: 24px; display: flex; flex-direction: column; gap: 18px; }
.kn-rd .kn-blog__head p { font-size: 16px; color: var(--kn-text-2); max-width: 680px; line-height: 1.6; }
.kn-rd .kn-feat { display: flex; gap: 40px; align-items: center; color: var(--kn-ink) !important; background: var(--kn-blush); border-radius: 28px; padding: 24px; margin: 16px 0 40px; }
.kn-rd .kn-feat__img { flex: 1 1 52%; min-width: 0; aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: var(--kn-blush-3); }
.kn-rd .kn-feat__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kn-rd .kn-feat__tx { flex: 1 1 44%; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.kn-rd .kn-feat__tx b { font-size: 30px; font-weight: 800; line-height: 1.25; }
.kn-rd .kn-feat__ex { font-size: 16px; line-height: 1.65; color: var(--kn-text-2); }
.kn-rd .kn-blog__list { padding-bottom: 56px; display: flex; flex-direction: column; gap: 24px; }
.kn-rd .kn-art__head { max-width: 820px; margin: 0 auto; padding: 32px 24px 0; display: flex; flex-direction: column; gap: 18px; box-sizing: border-box; }
.kn-rd .kn-art__head h1 { font-size: 40px; line-height: 1.2; text-wrap: balance; }
.kn-rd .kn-art__by { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-size: 14px; color: var(--kn-muted); }
.kn-rd .kn-art__by b { color: var(--kn-ink); }
.kn-rd .kn-art__av { width: 40px; height: 40px; border-radius: 20px; background: var(--kn-blush-3); display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--kn-plum); }
.kn-rd .kn-art__cover { max-width: 1040px; margin: 0 auto; padding: 28px 24px; box-sizing: border-box; }
.kn-rd .kn-art__cover img { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; border-radius: 28px; display: block; background: var(--kn-blush-2); }
.kn-rd .kn-art__row { max-width: 1240px; margin: 0 auto; padding: 0 24px 56px; display: flex; gap: 48px; justify-content: center; box-sizing: border-box; }
.kn-rd .kn-toc { flex: 0 0 240px; display: flex; flex-direction: column; gap: 10px; font-size: 14px; position: sticky; top: 20px; align-self: flex-start; }
.kn-rd .kn-toc b { font-weight: 800; }
.kn-rd .kn-toc a { color: var(--kn-text-2); border-left: 2px solid var(--kn-line); padding-left: 12px; line-height: 1.45; }
.kn-rd .kn-toc a.is-on, .kn-rd .kn-toc a:hover { color: var(--kn-plum); font-weight: 600; border-left-color: var(--kn-plum); }
.kn-rd .kn-art__body { flex: 1 1 560px; max-width: 720px; font-size: 17px; line-height: 1.8; }
.kn-rd .kn-art__body h2 { scroll-margin-top: 20px; }
.kn-rd .kn-art__tags { border-top: 1px solid var(--kn-line); padding-top: 18px; margin-top: 12px; display: flex; gap: 10px; flex-wrap: wrap; font-size: 14px; }
.kn-rd .kn-art__tags a { padding: 8px 14px; border-radius: 16px; background: var(--kn-blush); color: var(--kn-ink); line-height: 1.3; }
.kn-rd .kn-cta { max-width: 1040px; margin: 0 auto; padding: 48px 24px; display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; box-sizing: border-box; }
.kn-rd .kn-cta div { display: flex; flex-direction: column; gap: 6px; max-width: 600px; }
.kn-rd .kn-cta b { font-size: 24px; font-weight: 800; }
.kn-rd .kn-cta span { font-size: 15px; color: #C2D6D3; }

/* ---------- Giỏ hàng – thanh toán (giữ chức năng WooCommerce, đổi giao diện) ---------- */
body.kn-rd.woocommerce-cart #main, body.kn-rd.woocommerce-checkout #main { padding-top: 24px; }
body.kn-rd .cart_totals, body.kn-rd .woocommerce-checkout-review-order, body.kn-rd .checkout .col-inner.has-border, body.kn-rd .cart-sidebar .col-inner { border-radius: 22px; border-color: var(--kn-line) !important; }
body.kn-rd .woocommerce-checkout #payment { border-radius: 16px; background: var(--kn-blush); }
body.kn-rd .order-total .amount { color: var(--kn-plum); font-size: 1.25em; }
body.kn-rd .checkout-breadcrumbs a, body.kn-rd .checkout-breadcrumbs { text-transform: none; letter-spacing: 0; }
body.kn-rd .shop_table th { text-transform: none; letter-spacing: 0; color: var(--kn-muted); }
body.kn-rd.woocommerce-checkout h3, body.kn-rd.woocommerce-cart .cart_totals th.product-name, body.kn-rd .cart_totals h2, body.kn-rd #order_review_heading { text-transform: none; letter-spacing: 0; font-size: 20px; font-weight: 800; color: var(--kn-ink); }
body.kn-rd.woocommerce-checkout .woocommerce-billing-fields, body.kn-rd.woocommerce-checkout .woocommerce-additional-fields { background: #fff; }
body.kn-rd.woocommerce-checkout label, body.kn-rd.woocommerce-cart label { font-weight: 600; font-size: 14px; }
body.kn-rd .woocommerce-form-coupon-toggle .woocommerce-info { border: 0; background: var(--kn-blush); border-radius: 14px; padding: 12px 16px; }

/* Trang thanh toán gộp giỏ hàng */
body.kn-rd .kn-hide { display: none !important; }
body.kn-rd.woocommerce-checkout .woocommerce-additional-fields > h3:empty { display: none; }
.kn-rd .kn-co-cart { border: 1px solid var(--kn-line); border-radius: 22px; padding: 22px; margin: 0 0 24px; display: flex; flex-direction: column; gap: 14px; }
.kn-rd .kn-co-cart h2 { font-size: 20px; margin: 0; }
.kn-rd .kn-co-items { display: flex; flex-direction: column; }
.kn-rd .kn-co-item { display: flex; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--kn-line); }
.kn-rd .kn-co-item:last-child { border-bottom: 0; }
.kn-rd .kn-co-item.is-busy { opacity: .5; pointer-events: none; }
.kn-rd .kn-co-item__img { width: 72px; height: 72px; border-radius: 14px; overflow: hidden; background: var(--kn-blush-2); flex: none; display: block; }
.kn-rd .kn-co-item__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kn-rd .kn-co-item__info { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.kn-rd .kn-co-item__name { color: var(--kn-ink) !important; font-weight: 600; font-size: 15px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kn-rd .kn-co-item__var { font-size: 13px; color: var(--kn-muted); }
.kn-rd .kn-co-item__del { font-size: 13px; color: var(--kn-muted) !important; text-decoration: underline; align-self: flex-start; }
.kn-rd .kn-co-item__del:hover { color: var(--kn-plum) !important; }
.kn-rd .kn-qty { display: flex; align-items: center; border: 1.5px solid var(--kn-field); border-radius: 20px; height: 40px; flex: none; }
.kn-rd .kn-qty button { width: 36px; height: 36px; min-height: 36px; margin: 0; padding: 0; border: 0; background: transparent; font-size: 18px; color: var(--kn-ink); cursor: pointer; line-height: 1; }
.kn-rd .kn-qty span { width: 26px; text-align: center; font-weight: 700; }
.kn-rd .kn-co-item__price, .kn-rd .kn-co-item__price .amount { font-weight: 800; color: var(--kn-ink); min-width: 90px; text-align: right; flex: none; }
.kn-rd .kn-co-upsell { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; background: var(--kn-blush); border-radius: 14px; padding: 12px 16px; font-size: 14px; }
.kn-rd .kn-co-upsell a { font-weight: 700; white-space: nowrap; }
.kn-rd .kn-co-note { font-size: 13px; color: var(--kn-muted); margin: 6px 0 0; }
.kn-rd .kn-co-assure { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--kn-text-2); }
.kn-rd .kn-co-assure li { margin: 0; padding-left: 20px; position: relative; }
.kn-rd .kn-co-assure li::before { content: "✓"; position: absolute; left: 0; color: #2E7D4F; font-weight: 700; }
body.kn-rd.woocommerce-checkout #customer_details { border: 1px solid var(--kn-line); border-radius: 22px; padding: 22px; }
body.kn-rd.woocommerce-checkout #customer_details .col-1, body.kn-rd.woocommerce-checkout #customer_details .col-2 { width: 100%; max-width: 100%; flex-basis: 100%; float: none; }
body.kn-rd.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { display: flex; flex-wrap: wrap; column-gap: 4%; }
body.kn-rd.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row { flex: 0 0 100%; width: 100%; margin-right: 0; float: none; }
body.kn-rd.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-first,
body.kn-rd.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-last { flex-basis: 48%; width: 48%; }
body.kn-rd.woocommerce-checkout .wc_payment_method { border-radius: 14px; }
body.kn-rd.woocommerce-checkout #billing_first_name_field { order: 1; }
body.kn-rd.woocommerce-checkout #billing_phone_field { order: 2; }
body.kn-rd.woocommerce-checkout #billing_state_field { order: 3; }
body.kn-rd.woocommerce-checkout #billing_city_field { order: 4; }
body.kn-rd.woocommerce-checkout #billing_address_1_field { order: 5; }
body.kn-rd.woocommerce-checkout #billing_email_field { order: 6; }
body.kn-rd.woocommerce-checkout #billing_first_name_field, body.kn-rd.woocommerce-checkout #billing_phone_field { flex-basis: 48% !important; width: 48% !important; }
body.kn-rd.woocommerce-checkout #billing_city_field, body.kn-rd.woocommerce-checkout #billing_address_1_field, body.kn-rd.woocommerce-checkout #billing_email_field { flex-basis: 100% !important; width: 100% !important; }
@media (max-width: 849px) {
	.kn-rd .kn-co-cart, body.kn-rd.woocommerce-checkout #customer_details { padding: 16px; border-radius: 18px; }
	.kn-rd .kn-co-item { flex-wrap: wrap; }
	.kn-rd .kn-co-item__info { flex-basis: calc(100% - 90px); }
	.kn-rd .kn-qty { margin-left: 86px; }
	.kn-rd .kn-co-item__price { margin-left: auto; }
	body.kn-rd.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-first,
	body.kn-rd.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-last,
	body.kn-rd.woocommerce-checkout #billing_first_name_field, body.kn-rd.woocommerce-checkout #billing_phone_field { flex-basis: 100% !important; width: 100% !important; }
}

/* Trang câu hỏi thường gặp */
.kn-rd .kn-faqpage__row { padding-top: 40px; padding-bottom: 56px; display: flex; gap: 40px; align-items: flex-start; }
.kn-rd .kn-faqpage__main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 36px; }
.kn-rd .kn-faqpage .kn-faq h2 { font-size: 24px; margin-bottom: 4px; scroll-margin-top: 20px; }
.kn-rd .kn-faqpage .kn-faq details { scroll-margin-top: 20px; }
.kn-rd .kn-faqpage .kn-faq summary { font-size: 16px; }
.kn-rd .kn-faq__a { margin-top: 10px; line-height: 1.7; color: var(--kn-text-2); }
.kn-rd .kn-faq__a p { margin: 0 0 8px; color: var(--kn-text-2); }
.kn-rd .kn-faq__a p:first-child { color: var(--kn-ink); font-weight: 600; }
.kn-rd .kn-faq__a ul, .kn-rd .kn-faq__a ol { margin: 0 0 8px; padding-left: 22px; }
.kn-rd .kn-faq__a li { margin: 0 0 4px; }
.kn-rd .kn-faqpage__side { flex: 0 0 280px; position: sticky; top: 20px; }
.kn-rd .kn-qa__more { font-weight: 700; margin-top: 4px; }
@media (max-width: 849px) {
	.kn-rd .kn-faqpage__row { flex-direction: column; padding-top: 24px; gap: 24px; }
	.kn-rd .kn-help.kn-faqpage__side { display: flex; position: static; width: 100%; flex-basis: auto; }
}

/* ---------- Chân trang ---------- */
.kn-rd .kn-footer { background: var(--kn-ink); color: #D8E7E4; font-size: 14px; line-height: 1.7; }
.kn-rd .kn-footer__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; padding-top: 56px; padding-bottom: 32px; }
.kn-rd .kn-footer__col { display: flex; flex-direction: column; gap: 6px; }
.kn-rd .kn-footer__brand { gap: 8px; }
.kn-rd .kn-footer__brand img { width: 88px; height: 88px; margin-bottom: 4px; display: block; }
.kn-rd .kn-footer__h { font-weight: 700; color: #fff; }
.kn-rd .kn-footer a { color: #D8E7E4 !important; }
.kn-rd .kn-footer a:hover { color: #fff !important; text-decoration: underline; }
.kn-rd .kn-footer__bct { margin-top: 4px; }
.kn-rd .kn-footer__bct img { width: 150px; height: auto; display: block; }
.kn-rd .kn-footer__band { border-top: 1px solid var(--kn-ink-2); padding: 24px 0; display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.kn-rd .kn-oa { display: flex; gap: 14px; align-items: center; background: var(--kn-ink-2); border-radius: 18px; padding: 12px 16px 12px 12px; }
.kn-rd .kn-oa__qr { width: 72px; height: 72px; border-radius: 10px; background: #fff; padding: 4px; object-fit: contain; box-sizing: border-box; }
.kn-rd .kn-oa__badge { width: 48px; height: 48px; border-radius: 24px; background: var(--kn-zalo); color: #fff; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex: none; }
.kn-rd .kn-oa__text { display: flex; flex-direction: column; gap: 6px; line-height: 1.35; }
.kn-rd .kn-oa__text b { color: #fff; font-weight: 700; }
.kn-rd .kn-oa__text span { color: #C2D6D3; font-size: 13px; }
.kn-rd .kn-oa__btn { align-self: flex-start; background: var(--kn-zalo); color: #fff !important; padding: 6px 14px; border-radius: 14px; font-size: 13px; font-weight: 700; }
.kn-rd .kn-oa__btn:hover { text-decoration: none !important; filter: brightness(1.1); }
.kn-rd .kn-social { display: flex; gap: 10px; flex-wrap: wrap; margin-left: auto; }
.kn-rd .kn-pill { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 22px; border: 1px solid #465755; color: #fff !important; font-size: 14px; font-weight: 600; line-height: 1.2; }
.kn-rd .kn-pill:hover { background: var(--kn-ink-2); text-decoration: none !important; }
.kn-rd .kn-footer__copy { padding-bottom: 28px; font-size: 13px; color: #9DB3B0; }

/* ---------- Nút chat nổi – máy tính ---------- */
.kn-rd .kn-float { position: fixed; right: 24px; bottom: 96px; z-index: 990; display: flex; flex-direction: column; gap: 12px; }
.kn-rd .kn-float__btn { width: 56px; height: 56px; border-radius: 28px; display: flex; align-items: center; justify-content: center; color: #fff !important; font-weight: 800; font-size: 13px; }
.kn-rd .kn-float__btn--zalo { background: var(--kn-zalo); box-shadow: 0 8px 20px rgba(30, 111, 217, .35); }
.kn-rd .kn-float__btn--msg, .kn-rd .kn-float__btn--tel { background: var(--kn-plum); box-shadow: 0 8px 20px rgba(31, 111, 107, .3); }
.kn-rd .kn-mbar { display: none; }

/* ================= Máy tính bảng & điện thoại ================= */
@media (max-width: 1100px) {
	.kn-rd .kn-hotline__tx { display: none; }
	.kn-rd .kn-header__row { gap: 20px; }
	.kn-rd .kn-nav__item > a { padding: 14px 10px; }
	.kn-rd .kn-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.kn-rd .kn-cards4, .kn-rd .kn-artists, .kn-rd .kn-papers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.kn-rd .kn-pbody__side { flex-basis: 280px; }
	.kn-rd .kn-toc { display: none; }
}

@media (max-width: 849px) {
	.kn-rd .kn-wrap { padding-left: 16px; padding-right: 16px; }
	.kn-rd .kn-narrow { padding: 40px 16px; }
	/* Header điện thoại */
	.kn-rd .kn-topbar { font-size: 12px; text-align: center; }
	.kn-rd .kn-topbar__row { justify-content: center; }
	.kn-rd .kn-topbar__links { display: none; }
	.kn-rd .kn-topbar__msg { font-size: 12px; }
	.kn-rd .kn-header__row { padding-top: 10px; padding-bottom: 10px; justify-content: space-between; gap: 8px; }
	.kn-rd .kn-burger { display: flex; width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0; border: 0; background: transparent; align-items: center; justify-content: center; }
	.kn-rd .kn-logo img { height: 48px; }
	.kn-rd .kn-search, .kn-rd .kn-hotline, .kn-rd .kn-tool--acc, .kn-rd .kn-nav { display: none; }
	.kn-rd .kn-header__tools { margin-left: 0; }
	.kn-rd .kn-tool--cart { width: 44px; height: 44px; border-radius: 22px; background: var(--kn-blush); justify-content: center; min-width: 0; }
	.kn-rd .kn-tool--cart svg { stroke: var(--kn-plum); width: 20px; height: 20px; }
	.kn-rd .kn-tool--cart > span:not(.kn-cart-count) { display: none; }
	.kn-rd .kn-cart-count { top: -4px; right: -4px; }
	.kn-rd .kn-msearch { display: block; padding: 12px 16px; background: #fff; }
	.kn-rd .kn-msearch form { margin: 0; }
	.kn-rd .kn-msearch input[type="search"] { width: 100%; height: 44px; min-height: 44px; margin: 0; border: 1px solid var(--kn-field); border-radius: 22px; padding: 0 18px; font-size: 14px; box-sizing: border-box; }
	/* Menu trượt */
	.kn-rd .kn-drawer { position: fixed; inset: 0; z-index: 2000; display: flex; }
	.kn-rd .kn-drawer__bg { position: absolute; inset: 0; background: rgba(42, 27, 34, .45); }
	.kn-rd .kn-drawer__panel { position: relative; z-index: 1; width: min(390px, 88vw); height: 100%; background: #fff; display: flex; flex-direction: column; overflow-y: auto; }
	.kn-rd .kn-drawer__top { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--kn-line); }
	.kn-rd .kn-drawer__top img { height: 48px; width: auto; }
	.kn-rd .kn-drawer__close { width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0; border: 0 !important; box-shadow: none !important; border-radius: 22px; background: var(--kn-blush) !important; display: flex; align-items: center; justify-content: center; }
	.kn-rd .kn-drawer__search { padding: 14px 16px; margin: 0; }
	.kn-rd .kn-drawer__search input { width: 100%; box-sizing: border-box; height: 46px; margin: 0; border: 1.5px solid var(--kn-field); border-radius: 23px; padding: 0 18px; font-size: 15px; }
	.kn-rd .kn-drawer__nav { display: flex; flex-direction: column; padding: 0 16px; font-size: 16px; font-weight: 600; }
	.kn-rd .kn-drawer__nav > a, .kn-rd .kn-drawer__nav summary { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--kn-line); color: var(--kn-ink); cursor: pointer; list-style: none; }
	.kn-rd .kn-drawer__nav summary::-webkit-details-marker { display: none; }
	.kn-rd .kn-drawer__nav details[open] summary svg { transform: rotate(180deg); }
	.kn-rd .kn-drawer__chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 0 14px; border-bottom: 1px solid var(--kn-line); font-size: 14px; font-weight: 500; }
	.kn-rd .kn-drawer__chips a { padding: 8px 14px; border-radius: 18px; background: var(--kn-blush); color: var(--kn-ink); }
	.kn-rd .kn-drawer__promo { color: var(--kn-plum) !important; }
	.kn-rd .kn-drawer__foot { margin-top: auto; padding: 16px; background: var(--kn-blush); display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
	.kn-rd .kn-drawer__foot a { color: var(--kn-ink); }
	.kn-rd .kn-drawer__call { background: var(--kn-plum); color: #fff !important; border-radius: 24px; padding: 13px; text-align: center; font-weight: 700; }
	body.kn-rd.kn-noscroll { overflow: hidden; }

	/* Lưới, khung trang */
	.kn-rd .kn-grid, .kn-rd .kn-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
	.kn-rd .kn-card__name { font-size: 14px; }
	.kn-rd .kn-card__price, .kn-rd .kn-card__price .amount { font-size: 16px; }
	.kn-rd .kn-card__btn { padding: 10px; font-size: 13px; }
	.kn-rd .kn-posts, .kn-rd .kn-posts--3 { grid-template-columns: 1fr; gap: 24px; }
	.kn-rd .kn-page h1 { font-size: 30px; }
	.kn-rd .kn-page h2 { font-size: 24px; }
	.kn-rd .kn-sec2 { padding-top: 40px; padding-bottom: 40px; }
	.kn-rd .kn-band h1 { font-size: 28px; }
	.kn-rd .kn-band__in { padding-top: 20px; padding-bottom: 24px; }
	.kn-rd .kn-band .kn-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 6px 16px 2px; scrollbar-width: none; }
	.kn-rd .kn-band .kn-chip { white-space: nowrap; flex: none; }
	.kn-rd .kn-archive__row { flex-direction: column; padding-top: 20px; gap: 20px; }
	.kn-rd .kn-filter { position: static; flex-basis: auto; width: 100%; }
	.kn-rd .kn-filter form { gap: 12px; }
	.kn-rd .kn-filter__box { display: block; border: 1px solid var(--kn-line); border-radius: 16px; padding: 0 14px; }
	.kn-rd .kn-filter__box > summary { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; font-weight: 700; cursor: pointer; list-style: none; }
	.kn-rd .kn-filter__box > summary::after { content: "+"; font-size: 20px; color: var(--kn-plum); }
	.kn-rd .kn-filter__box[open] > summary::after { content: "–"; }
	.kn-rd .kn-filter__box > summary::-webkit-details-marker { display: none; }
	.kn-rd .kn-filter__box fieldset { margin-bottom: 14px; }
	.kn-rd .kn-filter fieldset { flex: 1 1 100%; flex-direction: row; flex-wrap: wrap; gap: 8px; }
	.kn-rd .kn-filter legend { flex: 1 1 100%; margin-bottom: 4px; }
	.kn-rd .kn-filter label { padding: 8px 12px; border-radius: 18px; background: var(--kn-blush); font-size: 13px; }
	.kn-rd .kn-filter input[type="checkbox"] { width: 16px; height: 16px; }
	.kn-rd .kn-help { display: none; }
	/* Sản phẩm */
	.kn-rd .kn-pd { padding-top: 12px; padding-bottom: 32px; gap: 14px; }
	.kn-rd .kn-pd__row, .kn-rd .kn-pbody { flex-direction: column; gap: 24px; }
	.kn-rd .kn-gallery, .kn-rd .kn-pd__info { width: 100%; flex-basis: auto; }
	.kn-rd .kn-gallery__main { border-radius: 20px; }
	.kn-rd .kn-pd__info h1 { font-size: 24px; }
	.kn-rd .kn-pd__price, .kn-rd .kn-pd__price .amount { font-size: 28px; }
	.kn-rd .kn-ship { grid-template-columns: 1fr 1fr; padding: 14px; font-size: 13px; }
	.kn-rd .kn-pair__row { padding-top: 28px; padding-bottom: 28px; }
	.kn-rd .kn-pair__buy { align-items: flex-start; width: 100%; }
	.kn-rd .kn-pair__btn { width: 100%; }
	.kn-rd .kn-ptabs { overflow-x: auto; flex-wrap: nowrap; }
	.kn-rd .kn-ptabs a { white-space: nowrap; padding: 14px 12px; }
	.kn-rd .kn-pbody { padding-top: 24px; }
	.kn-rd .kn-pbody__side { position: static; flex-basis: auto; width: 100%; }
	.kn-rd .kn-prose h2 { font-size: 22px; }
	/* Nội dung */
	.kn-rd .kn-hero2__row, .kn-rd .kn-contact__top, .kn-rd .kn-contact__mid, .kn-rd .kn-agent__row { flex-direction: column; gap: 24px; padding-top: 32px; padding-bottom: 32px; }
	.kn-rd .kn-hero2__text h1 { font-size: 32px; }
	.kn-rd .kn-hero2__img, .kn-rd .kn-hero2__text, .kn-rd .kn-contact__info, .kn-rd .kn-track, .kn-rd .kn-faq, .kn-rd .kn-form, .kn-rd .kn-agent__steps { width: 100%; flex-basis: auto; }
	.kn-rd .kn-bigstats { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 32px; padding-bottom: 32px; }
	.kn-rd .kn-bigstats b { font-size: 30px; }
	.kn-rd .kn-cards3, .kn-rd .kn-cards4 { grid-template-columns: 1fr; }
	.kn-rd .kn-ccards { grid-template-columns: 1fr; }
	.kn-rd .kn-dark__in { padding-top: 40px; padding-bottom: 40px; }
	.kn-rd .kn-map iframe { aspect-ratio: 4 / 3; }
	.kn-rd .kn-feat { flex-direction: column; gap: 16px; padding: 14px; border-radius: 22px; margin-bottom: 24px; }
	.kn-rd .kn-feat__img, .kn-rd .kn-feat__tx { width: 100%; flex-basis: auto; }
	.kn-rd .kn-feat__tx b { font-size: 22px; }
	.kn-rd .kn-blog__head { padding-top: 24px; }
	.kn-rd .kn-blog__head .kn-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px; scrollbar-width: none; }
	.kn-rd .kn-blog__head .kn-chip { white-space: nowrap; flex: none; }
	.kn-rd .kn-art__head { padding: 20px 16px 0; }
	.kn-rd .kn-art__head h1 { font-size: 28px; }
	.kn-rd .kn-art__cover { padding: 20px 16px; }
	.kn-rd .kn-art__cover img { border-radius: 20px; aspect-ratio: 16 / 9; }
	.kn-rd .kn-art__row { padding: 0 16px 40px; }
	.kn-rd .kn-art__body { font-size: 16px; }
	.kn-rd .kn-cta { padding: 36px 16px; }
	.kn-rd .kn-cta b { font-size: 20px; }
	/* Chân trang điện thoại */
	.kn-rd .kn-footer__grid { grid-template-columns: 1fr 1fr; gap: 24px; padding-top: 32px; padding-bottom: 20px; font-size: 13px; }
	.kn-rd .kn-footer__brand { grid-column: 1 / -1; }
	.kn-rd .kn-footer__brand img { width: 72px; height: 72px; }
	.kn-rd .kn-footer__band { padding: 18px 0; }
	.kn-rd .kn-oa { width: 100%; box-sizing: border-box; }
	.kn-rd .kn-social { margin-left: 0; }
	.kn-rd .kn-pill { padding: 8px 14px; font-size: 13px; }
	/* Thanh liên hệ cố định */
	.kn-rd .kn-float { display: none; }
	.kn-rd .kn-mbar { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 6px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 995; background: #fff; border-top: 1px solid var(--kn-line); padding: 8px 10px calc(10px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -6px 20px rgba(42, 27, 34, .08); }
	.kn-rd .kn-mbar__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 44px; color: var(--kn-ink) !important; font-size: 11px; font-weight: 600; }
	.kn-rd .kn-mbar__buy { display: flex; align-items: center; justify-content: center; background: var(--kn-plum); color: #fff !important; border-radius: 22px; font-size: 13px; font-weight: 700; min-height: 44px; }
	body.kn-rd { padding-bottom: 72px; }
	body.kn-rd #top-link { bottom: 84px; }
}

@media (max-width: 480px) {
	.kn-rd .kn-footer__grid { grid-template-columns: 1fr; }
	.kn-rd .kn-ship { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.kn-rd * { scroll-behavior: auto !important; transition: none !important; }
}