/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.80
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/*************** GIAO DIỆN V2 — chỉ áp dụng khi body có class noah-v2 (xem functions.php) ***************/
body.noah-v2 {
	--fs-color-primary: #c2501a;
	--primary-color: #c2501a;
	--fs-color-secondary: #c2501a;
	--fs-color-success: #4f6228;
	--noah-olive: #4f6228;
	--noah-ink: #1a1a1a;
	--noah-muted: #5f5f5f;
	--noah-soft: #f6f5f2;
	--noah-line: #e7e4de;
	color: var(--noah-ink);
}

/* Thanh khuyến mãi và header */
body.noah-v2 .header-top { background-color: var(--noah-olive) !important; }
body.noah-v2 .header-top,
body.noah-v2 .header-top a { font-size: 12.5px; letter-spacing: .02em; color: #fff; }
body.noah-v2 .header-main { border-bottom: 1px solid var(--noah-line); }
body.noah-v2 .header-main .search-field { background: #f4f4f4; border: 1px solid transparent; border-radius: 6px; box-shadow: none; }
body.noah-v2 .header-main .search-field:focus { background: #fff; border-color: var(--noah-line); }
body.noah-v2 .header-bottom { background-color: #fff !important; border-bottom: 1px solid var(--noah-line); }
body.noah-v2 .header-bottom .nav > li > a { font-size: 14px; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--noah-ink); }
body.noah-v2 .header-bottom .nav > li > a:hover,
body.noah-v2 .header-bottom .nav > li.active > a { color: var(--fs-color-primary); }

/* Nút */
body.noah-v2 .button,
body.noah-v2 button.button,
body.noah-v2 input[type="submit"] { border-radius: 6px; text-transform: none; letter-spacing: .01em; font-weight: 600; }

/* Thẻ sản phẩm */
body.noah-v2 .product-small .box-image { border-radius: 10px; overflow: hidden; background: var(--noah-soft); }
body.noah-v2 .product-small .box-text { text-align: left; padding: 10px 2px 18px; }
body.noah-v2 .product-small .product-cat { display: none; }
body.noah-v2 .product-small .product-title { font-size: 14px; line-height: 1.4; }
body.noah-v2 .product-small .product-title a { color: var(--noah-ink); font-weight: 500; }
body.noah-v2 .product-small .price,
body.noah-v2 .product-small .price .amount { color: var(--noah-ink); font-size: 15px; font-weight: 600; }
body.noah-v2 .price del,
body.noah-v2 .price del .amount { color: var(--noah-muted); font-weight: 400; }
body.noah-v2 .price ins .amount { color: var(--fs-color-primary); }
/* Additional CSS cũ của site ép giá gạch thành 24px đen (.price-wrapper del .amount *): trả về cỡ và màu của giá. Giá gạch đứng trước. */
body.noah-v2 .price del .woocommerce-Price-amount * { font-size: inherit; color: inherit; }
body.noah-v2 .price del { order: -1; }
body.noah-v2 .product-small .price del .amount { margin-right: 6px; font-size: 13px; font-weight: 400; color: var(--noah-muted); }
body.noah-v2 .product-small .price ins .amount { color: var(--fs-color-primary); }

/* Khối dùng trên trang chủ */
body.noah-v2 .noah-eyebrow { display: inline-block; margin-bottom: 10px; padding: 4px 12px; border-radius: 999px; background: #eef1e6; color: var(--noah-olive); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
body.noah-v2 .noah-hero h1 { font-size: 40px; line-height: 1.15; margin-bottom: 14px; }
body.noah-v2 .noah-hero .noah-lead { font-size: 17px; color: var(--noah-muted); }
body.noah-v2 .noah-hero-collage .img-inner { border-radius: 10px; overflow: hidden; }
body.noah-v2 .noah-hero-links { font-size: 13.5px; }
body.noah-v2 .noah-hero-links a { text-decoration: underline; text-underline-offset: 3px; }
body.noah-v2 .noah-section-title h2 { font-size: 30px; margin-bottom: 6px; }
body.noah-v2 .noah-section-title p { color: var(--noah-muted); }
body.noah-v2 .noah-vp { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
body.noah-v2 .noah-vp-item { display: flex; gap: 12px; align-items: flex-start; }
body.noah-v2 .noah-vp-item svg { flex: 0 0 28px; color: var(--noah-olive); }
body.noah-v2 .noah-vp-item strong { display: block; font-size: 15px; }
body.noah-v2 .noah-vp-item span { font-size: 13.5px; color: var(--noah-muted); line-height: 1.5; }
body.noah-v2 .noah-story img { border-radius: 10px; }
body.noah-v2 .noah-faq .accordion-title { border-top: 1px solid var(--noah-line); font-weight: 500; }

/* Footer */
body.noah-v2 .noah-footer-news h3 { margin-bottom: 4px; }
body.noah-v2 .noah-footer-news .wpcf7 input[type="email"] { border-radius: 6px; }
body.noah-v2 .noah-footer { font-size: 14px; }
body.noah-v2 .noah-footer h4 { font-size: 15px; margin-bottom: 12px; }
body.noah-v2 .noah-footer-brand { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 8px; }
body.noah-v2 .noah-footer-links { list-style: none; margin: 0; padding: 0; }
body.noah-v2 .noah-footer-links li { margin: 0 0 8px; }
body.noah-v2 .noah-footer a { color: #d9d9d9; }
body.noah-v2 .noah-footer a:hover { color: #fff; }
body.noah-v2 .absolute-footer { background-color: #111 !important; color: #a6a6a6; }

@media only screen and (max-width: 48em) {
	body.noah-v2 .noah-hero h1 { font-size: 28px; }
	body.noah-v2 .noah-section-title h2 { font-size: 24px; }
	body.noah-v2 .noah-vp { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Giá: ghi đè CSS inline có sẵn (màu đỏ 24px, căn giữa) */
body.noah-v2 .product-small .woocommerce-Price-amount * { color: inherit; font-size: inherit; }
body.noah-v2 .product-small .price-wrapper .price { justify-content: flex-start; gap: 8px; }
body.noah-v2 .absolute-footer,
body.noah-v2 .absolute-footer * { color: #a6a6a6; }
/* Trang sản phẩm: giá và hai nút mua do CSS inline cũ tô đỏ */
body.noah-v2 .wcpa_price .woocommerce-Price-amount * { color: var(--noah-ink); }
@media only screen and (max-width: 48em) {
	body.noah-v2 .noah-vp-item { flex-direction: column; gap: 6px; }
}
/* Cỡ chữ theo Zymera Works: thân 16px, menu 17px, tiêu đề khối 20-23px */
body.noah-v2 p { line-height: 1.7; }
body.noah-v2 .header-top,
body.noah-v2 .header-top * { font-size: 14px !important; }
body.noah-v2 .header-bottom .nav > li > a { font-size: 17px; }
body.noah-v2 .header-main .search-field { font-size: 15px; }
body.noah-v2 .button,
body.noah-v2 button.button { font-size: 16px; font-weight: 700; }
body.noah-v2 .noah-eyebrow { font-size: 13px; font-weight: 700; }
body.noah-v2 .noah-hero-links { font-size: 15px; }
body.noah-v2 .noah-section-title h2 { font-size: 34px; }
body.noah-v2 .noah-vp-item strong { font-size: 20px; line-height: 1.3; margin-bottom: 4px; }
body.noah-v2 .noah-vp-item span { font-size: 16px; }
body.noah-v2 .noah-vp-item svg { width: 34px; height: 34px; flex-basis: 34px; }
body.noah-v2 .product-small .product-title { font-size: 18px; line-height: 1.35; }
body.noah-v2 .product-small .product-title a { font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.noah-v2 .product-small .price,
body.noah-v2 .product-small .price .amount { font-size: 17px; font-weight: 700; }
body.noah-v2 .product-category .box-text h5 { font-size: 23px; }
body.noah-v2 .noah-faq .accordion-title { font-size: 19px; }
body.noah-v2 .box-blog-post .post-title { font-size: 19px; line-height: 1.35; }
body.noah-v2 .box-blog-post .from_the_blog_excerpt { font-size: 16px; }
body.noah-v2 .noah-footer-news h3 { font-size: 26px; }
body.noah-v2 .noah-footer { font-size: 15px; }
body.noah-v2 .noah-footer h4 { font-size: 20px; }
body.noah-v2 .noah-footer p,
body.noah-v2 .noah-footer-links a { font-size: 15px; }
@media only screen and (max-width: 48em) {
	body.noah-v2 .header-top,
	body.noah-v2 .header-top * { font-size: 13px !important; }
	body.noah-v2 .noah-section-title h2 { font-size: 26px; }
	body.noah-v2 .noah-vp-item strong { font-size: 17px; }
	body.noah-v2 .noah-vp-item span { font-size: 15px; }
	body.noah-v2 .product-small .product-title { font-size: 15px; }
	body.noah-v2 .product-small .price,
	body.noah-v2 .product-small .price .amount { font-size: 16px; }
	body.noah-v2 .product-category .box-text h5 { font-size: 18px; }
}
body.noah-v2 .product-small .product-title a { font-size: 18px; }
body.noah-v2 .noah-footer p.noah-footer-brand { font-size: 22px; }
@media only screen and (max-width: 48em) {
	body.noah-v2 .product-small .product-title a { font-size: 15px; }
}

/* Sửa UX 24/10 (báo cáo impeccable critique) */
body.noah-v2 .button.primary:not(.is-outline),
body.noah-v2 .button.primary:not(.is-outline):hover,
body.noah-v2 .button.primary.is-outline:hover { color: #fff; }
body.noah-v2 .button.primary.is-outline { color: var(--noah-ink); }
body.noah-v2 { caret-color: var(--fs-color-primary); accent-color: var(--fs-color-primary); }
body.noah-v2 ::selection { background: #f3d9cc; color: var(--noah-ink); }
body.noah-v2 :focus-visible { outline: 2px solid var(--fs-color-primary); outline-offset: 2px; }


/* Vùng bấm tối thiểu 44px */
body.noah-v2 .woocommerce-cart-form a.remove { width: 44px; height: 44px; line-height: 40px; font-size: 22px !important; }
body.noah-v2 .quantity .button.minus,
body.noah-v2 .quantity .button.plus { min-width: 40px; min-height: 44px; }
body.noah-v2 .page-numbers > li > a,
body.noah-v2 .page-numbers > li > span { min-width: 44px; height: 44px; line-height: 40px; }

/* Bước chưa tới trên giỏ hàng/checkout (đang #ccc trên nền sáng) */
body.noah-v2 .checkout-breadcrumbs a:not(.current) { color: #6b6b6b; }

/* Nút Sign Up trên dải ô liu */
body.noah-v2 .noah-footer-news .wpcf7-submit { background: #fff !important; border-color: #fff !important; color: var(--noah-olive) !important; }

/* Dòng trấn an trên nút Place Order */
body.noah-v2 .noah-checkout-assure { list-style: none; margin: 0 0 16px; padding: 14px 16px; background: var(--noah-soft); border-radius: 8px; font-size: 14px; line-height: 1.5; }
body.noah-v2 .noah-checkout-assure li { position: relative; margin: 0 0 6px; padding-left: 22px; }
body.noah-v2 .noah-checkout-assure li:last-child { margin-bottom: 0; }
body.noah-v2 .noah-checkout-assure li::before { content: ""; position: absolute; left: 3px; top: .45em; width: 10px; height: 5px; border-left: 2px solid var(--noah-olive); border-bottom: 2px solid var(--noah-olive); transform: rotate(-45deg); }

/* Trang About theo v2 */
body.noah-v2.page-id-1379 .page-wrapper h2 { font-size: 30px; margin-bottom: 12px; }
body.noah-v2.page-id-1379 .page-wrapper img { border-radius: 10px; }
/* Thanh mua dính gọn: chỉ ảnh, giá, nút */
body.noah-v2 .sticky-add-to-cart--active .wcpa_form_outer,
body.noah-v2 .sticky-add-to-cart--active .quantity,
body.noah-v2 .sticky-add-to-cart--active .qty-text,
body.noah-v2 .sticky-add-to-cart--active .buy_now_button { display: none !important; }
/* Một hàng cao 71px: ảnh, tên, giá rồi nút sát phải. Trước đó ảnh bị bóp còn 25px, giá WCPA (30px !important) đẩy nút xuống dòng dưới */
body.noah-v2 .sticky-add-to-cart--active { padding: 10px 16px; background: #fff; border-top: 1px solid var(--noah-line); box-shadow: 0 -4px 16px rgba(18, 18, 18, .06); }
body.noah-v2 .sticky-add-to-cart--active .sticky-add-to-cart__product { width: 100%; max-width: 1290px; margin: 0 auto; padding: 0; gap: 14px; }
body.noah-v2 .sticky-add-to-cart--active .sticky-add-to-cart-img { flex: 0 0 48px; width: 48px; height: 48px; margin: 0; border-radius: 6px; }
body.noah-v2 .sticky-add-to-cart--active .product-title-small { flex: 1 1 auto; min-width: 0; max-width: none; margin: 0; font-size: 15px; line-height: 1.35; }
body.noah-v2 .sticky-add-to-cart--active .product-title-small strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 600; }
body.noah-v2 .sticky-add-to-cart--active form.cart { flex: 0 0 auto; width: auto; flex-wrap: nowrap; align-items: center; gap: 20px; margin-left: auto; }
body.noah-v2 .sticky-add-to-cart--active .wcpa_price_summary { flex: 0 0 auto; width: auto; margin: 0; padding: 0; border: 0; }
body.noah-v2 .sticky-add-to-cart--active .wcpa_price_summary ul { margin: 0; }
body.noah-v2 .sticky-add-to-cart--active .wcpa_price_summary li { padding: 0; font-size: 20px !important; white-space: nowrap; }
body.noah-v2.single-product .sticky-add-to-cart--active form.cart .single_add_to_cart_button { width: auto; padding: 0 32px; border-radius: 12px; font-weight: 600; text-transform: none; white-space: nowrap; }
body.noah-v2.has-sticky-product-cart .back-to-top { bottom: 86px; }
@media only screen and (max-width: 549px) {
	body.noah-v2 .sticky-add-to-cart--active { padding: 10px 12px; }
	body.noah-v2 .sticky-add-to-cart--active .sticky-add-to-cart__product { gap: 12px; }
	body.noah-v2 .sticky-add-to-cart--active form.cart { flex: 1 1 auto; gap: 12px; }
	body.noah-v2 .sticky-add-to-cart--active .wcpa_price_summary li { font-size: 18px !important; }
	body.noah-v2.single-product .sticky-add-to-cart--active form.cart .single_add_to_cart_button { flex: 1 1 auto; padding: 0 12px; }
}
/* Bộ dò impeccable: dòng ~75 ký tự, đệm thẻ sản phẩm, nhịp tiêu đề trang About */
body.noah-v2 .product-small .box-text { padding-left: 12px; padding-right: 12px; }
body.noah-v2.page-id-1379 .col-inner > h2 { padding-top: 40px; }
body.noah-v2.page-id-1379 .section:first-of-type .row:first-child .col-inner > h2 { padding-top: 0; }

/*************** BỐ CỤC THEO ZYMERA WORKS (24/10/2026) ***************/

/* Thanh khuyến mãi chạy ngang */
body.noah-v2 #top-bar .flex-row { max-width: none; padding: 0; }
body.noah-v2 #top-bar .flex-center { flex: 1 1 auto; min-width: 0; }
body.noah-v2 .noah-marquee { width: 100%; overflow: hidden; }
body.noah-v2 .noah-marquee__track { display: inline-flex; white-space: nowrap; animation: noah-marquee 60s linear infinite; }
body.noah-v2 .noah-marquee__item { position: relative; padding: 0 48px; font-weight: 500; }
body.noah-v2 .noah-marquee__item::after { content: ""; position: absolute; right: -3px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: rgba(255, 255, 255, .55); }
@keyframes noah-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { body.noah-v2 .noah-marquee__track { animation: none; } }

/* Header một hàng: logo, menu, icon */
body.noah-v2 .header-main .nav > li > a { padding: 8px 14px; border-radius: 999px; font-size: 15px; font-weight: 500; text-transform: none; letter-spacing: .02em; color: var(--noah-ink); }
body.noah-v2 .header-main .nav > li.active > a,
body.noah-v2 .header-main .nav > li.current-menu-ancestor > a { background: var(--noah-olive); color: #fff; }
body.noah-v2 .header-main .nav > li > a:hover { color: var(--fs-color-primary); }
body.noah-v2 .header-main .nav > li.active > a:hover { color: #fff; }
body.noah-v2 .header-main .header-nav-main { margin-left: 16px; }
/* Header dính khi cuộn lên: Flatsome đặt line-height 50px cho link menu, làm nút xanh cao 66px */
body.noah-v2 .header-main .nav > li > a { line-height: 24px; }

/* Nút về đầu trang */
body.noah-v2 .back-to-top { width: 40px; height: 40px; background: var(--noah-olive) !important; border-color: var(--noah-olive) !important; color: #fff !important; }

/* Thẻ sản phẩm: thẻ trắng bo góc, chữ giữa, nút "Choose options" */
body.noah-v2 .product-small .col-inner { overflow: hidden; border-radius: 6px; background: #fff; box-shadow: 0 2px 12px rgba(18, 18, 18, .08); }
body.noah-v2 .product-small .box-image { border-radius: 0; }
body.noah-v2 .product-small .box-text { padding: 14px 14px 16px; text-align: center; }
body.noah-v2 .product-small .price-wrapper .price { justify-content: center; }

/* Banner danh mục theo macorner (26/10/2026): khối màu ô liu, H1 + 1–2 câu + link danh mục liên quan bên trái, ảnh danh mục
   bên phải; danh mục cha có thêm hàng ảnh tròn "Shop by theme". Rồi tới thanh lọc. */
body.noah-v2 .noah-cat-hero { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 32px; margin: 8px 0 28px; padding: 36px 40px; overflow: hidden; border-radius: 20px; background: var(--noah-olive); color: #fff; }
body.noah-v2 .noah-cat-hero--media { grid-template-columns: minmax(0, 1fr) minmax(0, 400px); padding-right: 28px; }
body.noah-v2 .noah-cat-hero h1 { margin: 0 0 10px; font-size: 40px; font-weight: 700; line-height: 1.15; letter-spacing: -.015em; color: #fff; }
body.noah-v2 .noah-cat-hero__text > p { max-width: 640px; margin: 0 0 22px; font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, .88); }
body.noah-v2 .noah-cat-hero__media img { display: block; width: 100%; height: 260px; object-fit: cover; border-radius: 14px; }
body.noah-v2 .noah-cat-links { display: flex; flex-wrap: wrap; gap: 10px; }
body.noah-v2 .noah-cat-links a { padding: 9px 18px; border-radius: 10px; background: #eef1e6; color: var(--noah-ink); font-size: 14px; font-weight: 600; line-height: 1.3; transition: background-color .15s ease-out; }
body.noah-v2 .noah-cat-links a:hover { background: #fff; color: var(--noah-ink); }
body.noah-v2 .noah-cat-circles { margin: 0 0 28px; }
body.noah-v2 .noah-cat-circles__title { margin: 0 0 14px; font-size: 20px; font-weight: 600; text-align: center; color: var(--noah-ink); }
body.noah-v2 .noah-cat-circles ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px 20px; margin: 0; padding: 0; list-style: none; }
body.noah-v2 .noah-cat-circles li { width: 116px; margin: 0; text-align: center; }
body.noah-v2 .noah-cat-circles a { display: block; font-size: 13.5px; font-weight: 600; line-height: 1.35; color: var(--noah-ink); }
body.noah-v2 .noah-cat-circles img { display: block; width: 104px; height: 104px; margin: 0 auto 8px; border-radius: 50%; object-fit: cover; background: var(--noah-soft); transition: transform .2s ease-out; }
body.noah-v2 .noah-cat-circles a:hover img { transform: scale(1.04); }
body.noah-v2 .noah-cat-circles a:hover span { color: var(--fs-color-primary); }
body.noah-v2 .category-page-title .woocommerce-result-count,
body.noah-v2 .category-page-title .woocommerce-ordering { display: none; }
body.noah-v2 .noah-filter-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-bottom: 28px; padding: 12px 0; border-top: 1px solid var(--noah-line); border-bottom: 1px solid var(--noah-line); }
body.noah-v2 .noah-filter-bar__filters,
body.noah-v2 .noah-filter-bar__sort { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
body.noah-v2 .noah-filter-bar__label { font-size: 14px; color: var(--noah-muted); }
body.noah-v2 .noah-filter { position: relative; }
body.noah-v2 .noah-filter > summary { padding: 8px 16px; border: 1px solid var(--noah-line); border-radius: 999px; font-size: 14px; font-weight: 500; list-style: none; cursor: pointer; }
body.noah-v2 .noah-filter > summary::-webkit-details-marker { display: none; }
body.noah-v2 .noah-filter[open] > summary { border-color: var(--noah-ink); }
body.noah-v2 .noah-filter__pop { position: absolute; z-index: 40; top: calc(100% + 8px); left: 0; width: 280px; padding: 12px; border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgba(18, 18, 18, .14); }
body.noah-v2 .noah-filter__pop > a { display: block; padding: 9px 10px; border-radius: 6px; color: var(--noah-ink); }
body.noah-v2 .noah-filter__pop > a:hover,
body.noah-v2 .noah-filter__pop > a.is-active { background: var(--noah-soft); color: var(--fs-color-primary); }
body.noah-v2 .noah-filter__price { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin: 0; }
body.noah-v2 .noah-filter__price label { flex: 1 1 100px; margin: 0; font-size: 13px; }
body.noah-v2 .noah-filter__price input { margin: 4px 0 0; }
body.noah-v2 .noah-filter__price .button { margin: 0; }
body.noah-v2 .noah-filter__reset { font-size: 13px; text-decoration: underline; }
body.noah-v2 .noah-filter-bar .woocommerce-ordering,
body.noah-v2 .noah-filter-bar .woocommerce-result-count { margin: 0; }
body.noah-v2 .noah-filter-bar .woocommerce-result-count { font-size: 14px; color: var(--noah-muted); }
/* Phần chữ dưới lưới (Kai: 250–500 từ, H2 là dạng đảo của từ khóa, FAQ, link danh mục liên quan): cột đọc vừa mắt như cuối trang macorner */
body.noah-v2 .noah-cat-seo { max-width: 820px; margin: 48px auto 0; padding-top: 36px; border-top: 1px solid var(--noah-line); }
body.noah-v2 .noah-cat-seo h2 { margin: 0 0 12px; font-size: 26px; font-weight: 700; letter-spacing: -.01em; }
body.noah-v2 .noah-cat-seo h3 { margin: 22px 0 8px; font-size: 18px; font-weight: 600; }
body.noah-v2 .noah-cat-seo p { margin: 0 0 16px; font-size: 16px; line-height: 1.7; color: #444; }
body.noah-v2 .noah-cat-seo a { color: var(--noah-ink); text-decoration: underline; text-underline-offset: 3px; }
body.noah-v2 .noah-cat-seo a:hover { color: var(--fs-color-primary); }

/* Trang sản phẩm: nút mua rộng hết cột, hàng cam kết, dòng giao hàng, mục gập/mở */
body.noah-v2.single-product .product-main form.cart .buy_now_button { display: none !important; }
body.noah-v2.single-product form.cart .single_add_to_cart_button { width: 100%; min-height: 50px; margin: 0; border-color: var(--fs-color-primary) !important; background: var(--fs-color-primary) !important; color: #fff !important; font-size: 16px; letter-spacing: .04em; text-transform: uppercase; }
body.noah-v2.single-product .product-main .accordion { border-top: 1px solid var(--noah-line); }
body.noah-v2.single-product .product-main .accordion-title { padding: 14px 4px; border-bottom: 1px solid var(--noah-line); font-size: 15px; font-weight: 600; }

/* Thanh tiến độ miễn ship */
body.noah-v2 .noah-ship-bar { padding: 6px 0 18px; }
body.noah-v2 .noah-ship-bar p { margin: 0 0 12px; font-size: 14px; font-weight: 600; }
body.noah-v2 .noah-ship-bar__track { position: relative; height: 9px; margin-right: 15px; border-radius: 99px; background: #ececec; }
body.noah-v2 .noah-ship-bar__fill { position: absolute; top: 0; bottom: 0; left: 0; border-radius: 99px; background: repeating-linear-gradient(45deg, var(--noah-olive) 0 8px, #64793a 8px 16px); }
body.noah-v2 .noah-ship-bar__truck { position: absolute; top: 50%; right: -15px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .18); color: var(--noah-olive); }
body.noah-v2 .noah-ship-bar__truck .noah-icon { width: 18px; height: 18px; }

/* Sóng ở đầu footer */
body.noah-v2 .noah-wave { display: block; width: 100%; height: 60px; margin-bottom: -1px; }
body.noah-v2 .noah-wave__layers > use { animation: noah-wave 25s cubic-bezier(.55, .5, .45, .5) infinite; }
body.noah-v2 .noah-wave__layers > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }
body.noah-v2 .noah-wave__layers > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }
body.noah-v2 .noah-wave__layers > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }
body.noah-v2 .noah-wave__layers > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }
@keyframes noah-wave { from { transform: translate3d(-90px, 0, 0); } to { transform: translate3d(85px, 0, 0); } }
@media (prefers-reduced-motion: reduce) { body.noah-v2 .noah-wave__layers > use { animation: none; } }
body.noah-v2 .noah-footer h4 { font-size: 20px; }
body.noah-v2 .noah-footer-logo img { width: 140px; height: auto; margin-bottom: 14px; }
body.noah-v2 .absolute-footer a { color: #d0d0d0; }

@media only screen and (max-width: 48em) {
	body.noah-v2 .noah-cat-hero,
	body.noah-v2 .noah-cat-hero--media { grid-template-columns: minmax(0, 1fr); margin-bottom: 20px; padding: 24px 0 24px 20px; border-radius: 16px; }
	body.noah-v2 .noah-cat-hero__text { min-width: 0; }
	body.noah-v2 .noah-cat-hero h1,
	body.noah-v2 .noah-cat-hero__text > p { padding-right: 20px; }
	body.noah-v2 .noah-cat-hero h1 { font-size: 28px; }
	body.noah-v2 .noah-cat-hero__text > p { margin-bottom: 16px; font-size: 15px; }
	/* Mobile: bỏ ảnh banner và cho link danh mục cuộn ngang một hàng, để lưới sản phẩm lên cao. */
	body.noah-v2 .noah-cat-hero__media { display: none; }
	body.noah-v2 .noah-cat-links { flex-wrap: nowrap; overflow-x: auto; padding-right: 20px; scrollbar-width: none; }
	body.noah-v2 .noah-cat-links a { flex: 0 0 auto; white-space: nowrap; }
	body.noah-v2 .noah-cat-circles { margin-bottom: 20px; }
	body.noah-v2 .noah-cat-circles__title { display: none; }
	body.noah-v2 .noah-cat-circles ul { flex-wrap: nowrap; justify-content: flex-start; gap: 12px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
	body.noah-v2 .noah-cat-circles li { flex: 0 0 80px; width: 80px; }
	body.noah-v2 .noah-cat-circles img { width: 68px; height: 68px; margin-bottom: 6px; }
	body.noah-v2 .noah-cat-circles a span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12px; line-height: 1.3; }
	body.noah-v2 .noah-cat-seo { margin-top: 36px; padding-top: 28px; }
	body.noah-v2 .noah-cat-seo h2 { font-size: 22px; }
	body.noah-v2 .noah-filter__pop { width: min(280px, calc(100vw - 32px)); }
	body.noah-v2 .noah-filter-bar__sort { width: 100%; justify-content: space-between; }
}

/* Bố cục Zymera, đợt 2: sửa đợt 1 + trang chủ, About, Contact, chính sách, 404 */
body.noah-v2 .header-main .header-nav-main { flex-wrap: nowrap; }
body.noah-v2 .header-main .nav > li { margin: 0 1px; }
body.noah-v2 .header-main .nav > li > a { padding: 8px 11px; white-space: nowrap; }
body.noah-v2 .product-small .product-title { height: auto !important; }
body.noah-v2 .product-small .product-title a { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3; min-height: 2.6em; }
body.noah-v2 .product-small .box-text .add_to_cart_button { display: block; width: 100%; margin: 12px 0 0; border-color: var(--fs-color-primary); background: var(--fs-color-primary); color: #fff; }
body.noah-v2 .product-small .box-text .add_to_cart_button:hover { border-color: #a8441a; background: #a8441a; color: #fff; }
/* Nút thẻ một dòng cao 40px: chữ 16px gãy hai dòng (cao 74px) trên lưới 2 cột của mobile */
body.noah-v2 .product-small .box-text .add_to_cart_button { min-height: 40px; padding: 0 12px; font-size: 14px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media only screen and (max-width: 549px) {
	body.noah-v2 .product-small .box-text .add_to_cart_button { padding: 0 6px; font-size: 13px; letter-spacing: 0; }
}
@media only screen and (max-width: 359px) {
	body.noah-v2 .product-small .box-text { padding-left: 8px; padding-right: 8px; }
	body.noah-v2 .product-small .box-text .add_to_cart_button { padding: 0 2px; }
}
body.noah-v2.single-product form.cart .buy_now_button,
body.noah-v2 .noah-spotlight form.cart .quantity,
body.noah-v2 .noah-spotlight form.cart .qty-text,
body.noah-v2 .noah-spotlight form.cart .buy_now_button { display: none !important; }
body.noah-v2 .wcpa_form_item:has(input[name^="color-group-1786"]) .label_inside { border-radius: 50% !important; }

/* Trang chủ: hero ảnh/chữ */
body.noah-v2 .noah-hero__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 12px; }
body.noah-v2 .noah-hero__text > .col-inner { padding-left: 20px; }
body.noah-v2 .noah-hero h1 { font-size: 34px; }

/* Khối sản phẩm nổi bật */
body.noah-v2 .noah-spotlight { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; align-items: center; margin: 8px 0 40px; padding: 24px; border-radius: 12px; background: rgba(18, 18, 18, .04); }
body.noah-v2 .noah-spotlight__media img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; }
body.noah-v2 .noah-spotlight__title { margin-bottom: 10px; font-size: 28px; line-height: 1.3; }
body.noah-v2 .noah-spotlight__title a { color: var(--noah-ink); }
body.noah-v2 .noah-spotlight__blurb { color: var(--noah-muted); }
body.noah-v2 .noah-spotlight form.cart .single_add_to_cart_button { width: 100%; min-height: 50px; margin: 0; border-color: var(--fs-color-primary) !important; background: var(--fs-color-primary) !important; color: #fff !important; font-size: 16px; letter-spacing: .04em; text-transform: uppercase; }
body.noah-v2 .noah-spotlight__more { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; color: var(--fs-color-primary); font-weight: 600; }
body.noah-v2 .noah-spotlight__more .noah-icon { width: 18px; height: 18px; }
body.noah-v2 .noah-row-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; margin-bottom: 16px; }
body.noah-v2 .noah-row-head h3 { margin: 0; font-size: 26px; }
body.noah-v2 .noah-row-head p { margin: 0; }
body.noah-v2 .noah-row-head a { color: var(--fs-color-primary); font-weight: 600; }
body.noah-v2 .noah-row-head a::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: translateY(-1px) rotate(45deg); }

/* Khối cam kết 4 cột */
body.noah-v2 .noah-standard__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; text-align: center; }
body.noah-v2 .noah-standard__item svg { display: block; width: 64px; height: 64px; margin: 0 auto 14px; color: var(--noah-olive); }
body.noah-v2 .noah-standard__item h3 { margin-bottom: 6px; font-size: 21px; }
body.noah-v2 .noah-standard__item p { color: var(--noah-muted); }

/* Ô bộ sưu tập: ảnh vuông, tên bên dưới kèm mũi tên */
body.noah-v2 .noah-collections .product-category .col-inner { overflow: hidden; border-radius: 12px; background: #fff; box-shadow: 0 2px 12px rgba(18, 18, 18, .08); }
body.noah-v2 .noah-collections .product-category .box-text { padding: 16px; text-align: center; }
body.noah-v2 .noah-collections .product-category .box-text h5 { display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 21px; letter-spacing: 0; text-transform: none; }
body.noah-v2 .noah-collections .product-category .box-text h5::after { content: ""; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s ease-out; }
body.noah-v2 .noah-collections .product-category:hover .box-text h5::after { transform: translateX(4px) rotate(45deg); }
body.noah-v2 .noah-collections .product-category .count { display: none; }

/* Câu chuyện ảnh/chữ 50/50 */
body.noah-v2 .noah-story img,
body.noah-v2.page-id-1379 .page-wrapper .img img { aspect-ratio: 16 / 11; object-fit: cover; border-radius: 12px; }
body.noah-v2 .noah-story__text > .col-inner { padding-left: 24px; }

/* About */
body.noah-v2.page-id-1379 .noah-about-icon svg { display: block; width: 48px; height: 48px; margin-bottom: 10px; color: var(--noah-olive); }
body.noah-v2 .noah-about-cta h2 { font-size: 32px; }

/* Contact: 4 ô thông tin, form 2 cột */
body.noah-v2 .noah-contact-info { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 24px 0 40px; padding: 0; list-style: none; text-align: center; }
body.noah-v2 .noah-contact-info li { margin: 0; padding: 24px 16px; border-radius: 12px; background: var(--noah-soft); }
body.noah-v2 .noah-contact-info svg { display: block; width: 40px; height: 40px; margin: 0 auto 10px; color: var(--noah-olive); }
body.noah-v2 .noah-contact-info strong { display: block; margin-bottom: 4px; font-size: 17px; }
body.noah-v2 .noah-contact-info span { font-size: 15px; color: var(--noah-muted); }
body.noah-v2 .noah-contact-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
body.noah-v2 .noah-contact-form > p:nth-of-type(n+3),
body.noah-v2 .noah-contact-form > .wpcf7-response-output,
body.noah-v2 .noah-contact-form > fieldset { grid-column: 1 / -1; }
body.noah-v2 .noah-contact-form textarea { min-height: 140px; }
body.noah-v2 .noah-contact-form .wpcf7-submit { width: 100%; }
/* Captcha Turnstile trong form Contact và form đăng ký ở footer: plugin gắn sẵn margin-bottom -15px nên widget dính vào phần bên dưới */
body.noah-v2 .noah-contact-form > .cf7-cf-turnstile { grid-column: 1 / -1; margin: 0 0 16px !important; }
body.noah-v2 .noah-footer-news .cf7-cf-turnstile { margin: 10px 0 0 !important; }
/* Widget rộng cố định 300px, cột form trên điện thoại dưới 390px hẹp hơn thế nên thu nhỏ lại */
@media only screen and (max-width: 389px) {
	body.noah-v2 .noah-contact-form .cf-turnstile { transform: scale(.9); transform-origin: 0 0; }
}

/* Trang chính sách: một cột giữa */
body.noah-v2:is(.page-id-1381, .page-id-1383, .page-id-1358, .page-id-1356, .page-id-1364, .page-id-1387, .page-id-1385) #content { max-width: 720px; margin: 0 auto; float: none; }

/* Ảnh thật của xưởng thêu (trang Product & Manufacturing): ảnh xưởng chiếm cả hàng, hai ảnh dọc chia đôi; mobile xếp dọc */
body.noah-v2 .noah-process { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 4px 0 28px; }
body.noah-v2 .noah-process figure { margin: 0; }
body.noah-v2 .noah-process__wide { grid-column: 1 / -1; }
body.noah-v2 .noah-process img { display: block; width: 100%; height: auto; border-radius: 10px; }
body.noah-v2 .noah-process figcaption { margin-top: 8px; font-size: 14px; line-height: 1.5; color: var(--noah-muted); }
@media (max-width: 549px) {
	body.noah-v2 .noah-process { grid-template-columns: 1fr; }
}

/* 404 */
body.noah-v2 .noah-404__code { margin: 0; font-size: 96px; font-weight: 700; line-height: 1; color: var(--noah-olive); }
body.noah-v2 .noah-404 .searchform { max-width: 480px; margin: 20px auto; }

@media only screen and (max-width: 48em) {
	body.noah-v2 .noah-hero__text > .col-inner { position: relative; margin: -30px 12px 0; padding: 22px 18px; border-radius: 24px; background: #fff; box-shadow: 0 6px 24px rgba(18, 18, 18, .1); text-align: center; }
	body.noah-v2 .noah-hero h1 { font-size: 26px; }
	body.noah-v2 .noah-spotlight { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 12px; }
	body.noah-v2 .noah-spotlight__title { font-size: 22px; }
	body.noah-v2 .noah-feature .products { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; }
	body.noah-v2 .noah-feature .products > .col { flex: 0 0 44%; max-width: 44%; scroll-snap-align: start; }
	body.noah-v2 .noah-standard__grid,
	body.noah-v2 .noah-contact-info { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 82%; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; }
	body.noah-v2 .noah-standard__item,
	body.noah-v2 .noah-contact-info li { scroll-snap-align: start; }
	body.noah-v2 .noah-story__text > .col-inner { padding-left: 0; }
	body.noah-v2 .noah-contact-form { grid-template-columns: minmax(0, 1fr); }
}

/* Chủ đề áo thêu: icon sách và dấu chân làm dấu ngăn trên thanh chạy chữ và trước mục menu chủ đề. */
body.noah-v2 {
	--noah-ico-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5.5c2.5-1 6-1 10 1 4-2 7.5-2 10-1v13c-2.5-1-6-1-10 1-4-2-7.5-2-10-1z'/%3E%3Cpath d='M12 6.5v13'/%3E%3C/svg%3E");
	--noah-ico-paw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M8.4 16.6c0-2.6 1.6-4.6 3.6-4.6s3.6 2 3.6 4.6c0 1.7-1.3 2.5-2.4 2-.6-.3-.9-.4-1.2-.4s-.6.1-1.2.4c-1.1.5-2.4-.3-2.4-2z'/%3E%3Cellipse cx='5.8' cy='11' rx='1.6' ry='2'/%3E%3Cellipse cx='9.4' cy='6.8' rx='1.7' ry='2.2'/%3E%3Cellipse cx='14.6' cy='6.8' rx='1.7' ry='2.2'/%3E%3Cellipse cx='18.2' cy='11' rx='1.6' ry='2'/%3E%3C/svg%3E");
}
body.noah-v2 .noah-marquee__item::after { right: -9px; width: 18px; height: 18px; margin-top: -9px; border-radius: 0; background: rgba(255, 255, 255, .8); -webkit-mask: var(--noah-sep) center / contain no-repeat; mask: var(--noah-sep) center / contain no-repeat; }
body.noah-v2 .noah-marquee__item:nth-child(odd) { --noah-sep: var(--noah-ico-book); }
body.noah-v2 .noah-marquee__item:nth-child(even) { --noah-sep: var(--noah-ico-paw); }
body.noah-v2 :is(.noah-ico-book, .noah-ico-paw) > a::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 6px; vertical-align: -2px; background: currentColor; -webkit-mask: var(--noah-ico) center / contain no-repeat; mask: var(--noah-ico) center / contain no-repeat; }
body.noah-v2 .noah-ico-book { --noah-ico: var(--noah-ico-book); }
body.noah-v2 .noah-ico-paw { --noah-ico: var(--noah-ico-paw); }

/* Video trong gallery sản phẩm (như Etsy): ô ảnh bìa có nút play, video phủ lên khung ảnh khi chạy; thumbnail có biểu tượng play. */
body.noah-v2 .noah-gallery-video { position: relative; }
body.noah-v2 .noah-gallery-video__player { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #f3eeed; opacity: 0; pointer-events: none; }
body.noah-v2 .noah-gallery-video.is-playing .noah-gallery-video__player { opacity: 1; pointer-events: auto; }
body.noah-v2 .noah-gallery-video__play { position: absolute; top: 50%; left: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin: -36px 0 0 -36px; padding: 0 0 0 4px; border: 0; border-radius: 50%; background: rgba(18, 18, 18, .65); color: #fff; cursor: pointer; }
body.noah-v2 .noah-gallery-video__play:hover { background: var(--fs-color-primary); }
body.noah-v2 .noah-gallery-video.is-playing .noah-gallery-video__play { display: none; }
body.noah-v2 .noah-thumb-video a { position: relative; display: block; }
body.noah-v2 .noah-thumb-video a::after { content: ""; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%; background: rgba(18, 18, 18, .65) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23fff'/%3E%3C/svg%3E") center / 16px no-repeat; pointer-events: none; }

/* Popup Size Guide của áo Gildan 18000: một cột, bảng số đo ở trên, video rộng hết khung ở dưới để chữ trong video đọc được. */
body.noah-v2 .noah-size-guide__table h3 { margin-top: 0; }
body.noah-v2 .noah-size-guide__video { margin-top: 20px; }
body.noah-v2 .noah-size-video { display: block; width: 100%; height: auto; aspect-ratio: 1; border-radius: 8px; background: #f3f1ee; }
body.noah-v2 .noah-size-guide__note { margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: var(--noah-muted); }

/* Hàng chấm dưới gallery trên mobile (như Etsy): chấm là ảnh, tam giác là video; chấm đậm là ô đang xem. */
body.noah-v2 .noah-gallery-dots { display: none; }
@media only screen and (max-width: 48em) {
	body.noah-v2 .noah-gallery-dots { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 10px 0 2px; }
	body.noah-v2 .noah-gallery-dots .noah-gallery-dot { width: 8px; min-width: 0; height: 8px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #cfc9c4; box-shadow: none; line-height: 0; cursor: pointer; }
	body.noah-v2 .noah-gallery-dots .noah-gallery-dot--video { width: 10px; height: 11px; border-radius: 0; clip-path: polygon(0 0, 100% 50%, 0 100%); }
	body.noah-v2 .noah-gallery-dots .noah-gallery-dot.is-active { background: var(--noah-ink, #1f1f1f); }
}

/*************** TRANG CHỦ THEO BỐ CỤC MACORNER (25/10/2026) ***************/

/* Banner trượt: khối màu chữ trái, ảnh phải; màu nền đặt ở từng banner trong UX Builder */
body.noah-v2 .noah-mc-slider .flickity-viewport { overflow: hidden; border-radius: 16px; }
/* Flatsome chỉ khởi chạy slider khi khách cuộn hoặc chạm; trước đó chỉ hiện slide đầu để trang không nhảy */
body.noah-v2 .noah-mc-slider .slider:not(.flickity-enabled) { overflow: hidden; border-radius: 16px; }
body.noah-v2 .noah-mc-slider .slider:not(.flickity-enabled) > .noah-mc-slide:not(:first-child) { display: none; }
body.noah-v2 .noah-mc-slide .banner-layers { display: grid; grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); grid-template-rows: minmax(0, 1fr); max-width: none; height: 100%; padding: 0; }
/* Flatsome ép position absolute và transform (!important) lên mọi lớp trong banner */
body.noah-v2 .noah-mc-slide .noah-mc-slide__text { position: relative !important; inset: auto; display: flex; align-items: center; width: auto !important; padding: 32px 40px 32px 52px; transform: none !important; }
body.noah-v2 .noah-mc-slide .noah-mc-slide__img { position: relative !important; inset: auto; }
body.noah-v2 .noah-mc-slide .text-box-content { flex: 1 1 auto; min-width: 0; }
body.noah-v2 .noah-mc-slide :is(h1, h2) { margin-bottom: 12px; font-size: 32px; line-height: 1.15; letter-spacing: -.01em; color: #fff; text-wrap: balance; }
body.noah-v2 .noah-mc-slide .noah-lead { margin-bottom: 20px; font-size: 15px; line-height: 1.55; color: rgba(255, 255, 255, .86); }
body.noah-v2 .noah-mc-slide .button { margin: 0 10px 0 0; }
body.noah-v2 .noah-mc-slide .button.white:not(.is-outline) { border-color: #fff; background: #fff; color: var(--noah-ink); }
body.noah-v2 .noah-mc-slide .button.white.is-outline { border-color: rgba(255, 255, 255, .7); background: transparent; color: #fff; }
body.noah-v2 .noah-mc-slide .button.white:hover { border-color: #fff; background: #fff; color: var(--noah-ink); box-shadow: 0 6px 18px rgba(0, 0, 0, .18); }
body.noah-v2 .noah-mc-thumbs { display: flex; gap: 10px; margin-top: 22px; }
body.noah-v2 .noah-mc-thumbs a { display: block; flex: 0 0 58px; height: 58px; overflow: hidden; border: 2px solid rgba(255, 255, 255, .35); border-radius: 10px; transition: border-color .2s, transform .3s cubic-bezier(.2, .7, .2, 1); }
body.noah-v2 .noah-mc-thumbs a:hover { border-color: #fff; transform: translateY(-3px); }
body.noah-v2 .noah-mc-thumbs img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.noah-v2 .noah-mc-slide .noah-mc-slide__img,
body.noah-v2 .noah-mc-slide .noah-mc-slide__img .img-inner { height: 100%; }
body.noah-v2 .noah-mc-slide .noah-mc-slide__img img { width: 100%; height: 100%; object-fit: cover; }
body.noah-v2 .noah-mc-slide .noah-mc-slide__img--low img { object-position: 50% 100%; }
body.noah-v2 .noah-mc-slider .flickity-page-dots { bottom: 26px; left: calc(46% + 28px); width: auto; text-align: left; }
body.noah-v2 .noah-mc-slider .flickity-page-dots .dot { width: 9px; height: 9px; margin: 0 8px 0 0; border: 0; background: rgba(255, 255, 255, .45); opacity: 1; }
body.noah-v2 .noah-mc-slider .flickity-page-dots .dot.is-selected { width: 24px; border-radius: 99px; background: #fff; }
body.noah-v2 .noah-mc-slider .flickity-prev-next-button { top: auto; bottom: 16px; width: 40px; height: 40px; margin: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--noah-ink); opacity: 1; box-shadow: 0 4px 14px rgba(0, 0, 0, .15); transform: none; }
body.noah-v2 .noah-mc-slider .flickity-prev-next-button.previous { left: auto; right: 68px; }
body.noah-v2 .noah-mc-slider .flickity-prev-next-button.next { right: 20px; }
body.noah-v2 .noah-mc-slider .flickity-prev-next-button svg { position: static; width: 100%; height: 100%; padding: 12px; background: none; color: var(--noah-ink); fill: currentColor; transform: none; }
body.noah-v2 .noah-mc-slider .flickity-prev-next-button .arrow { fill: var(--noah-ink); }

/* Ô chủ đề và ảnh tròn: ảnh vuông bo góc, tên đậm bên dưới */
body.noah-v2 :is(.noah-mc-tiles, .noah-mc-circles) > .col { padding-bottom: 0; }
body.noah-v2 :is(.noah-mc-tiles, .noah-mc-circles) .img-inner { aspect-ratio: 1 / 1; overflow: hidden; border-radius: 12px; background: var(--noah-soft); }
body.noah-v2 :is(.noah-mc-tiles, .noah-mc-circles) .img-inner img { width: 100%; height: 100%; object-fit: cover; }
body.noah-v2 :is(.noah-mc-tiles, .noah-mc-circles) .img-inner img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
body.noah-v2 :is(.noah-mc-tile, .noah-mc-circle):hover .img-inner img { transform: scale(1.06); }
body.noah-v2 :is(.noah-mc-tile, .noah-mc-circle) p { margin: 12px 0 0; font-size: 15px; font-weight: 600; line-height: 1.3; }
body.noah-v2 :is(.noah-mc-tile, .noah-mc-circle) p a { color: var(--noah-ink); }
body.noah-v2 :is(.noah-mc-tile, .noah-mc-circle):hover p a { color: var(--fs-color-primary); }
body.noah-v2 .noah-mc-circles .img { max-width: 168px; margin: 0 auto; }
body.noah-v2 .noah-mc-circles .img-inner { border-radius: 50%; box-shadow: 0 0 0 0 var(--noah-olive); transition: box-shadow .25s; }
body.noah-v2 .noah-mc-circle:hover .img-inner { box-shadow: 0 0 0 3px #f8f8f8, 0 0 0 5px var(--noah-olive); }

/* Nút viên thuốc "View all" / "See all" */
body.noah-v2 .noah-mc-pill,
body.noah-v2 .noah-row-head a.noah-mc-pill { display: inline-flex; align-items: center; min-height: 38px; padding: 0 16px 0 18px; border: 1px solid var(--noah-ink); border-radius: 999px; color: var(--noah-ink); font-size: 14px; font-weight: 600; transition: background .2s, color .2s; }
body.noah-v2 .noah-mc-pill::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); }
body.noah-v2 .noah-mc-pill:hover,
body.noah-v2 .noah-row-head a.noah-mc-pill:hover { background: var(--noah-ink); color: #fff; }
body.noah-v2 :is(.noah-mc-new, .noah-mc-blog) .noah-row-head { flex-wrap: nowrap; align-items: center; margin-bottom: 20px; }
body.noah-v2 :is(.noah-mc-new, .noah-mc-blog) .noah-row-head h2 { min-width: 0; margin: 0; font-size: 30px; }
body.noah-v2 :is(.noah-mc-new, .noah-mc-blog) .noah-row-head p { flex: 0 0 auto; }

/* Khung bộ sưu tập: dải màu chứa ảnh, tiêu đề và tab; hàng sản phẩm của tab nằm dưới dải */
body.noah-v2 .noah-mc-showcase { --noah-band: #f6e4d9; }
body.noah-v2 .noah-mc-showcase--animal { --noah-band: #e5e9db; }
body.noah-v2 .noah-mc-showcase > .section-content > .row > .col > .col-inner { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-areas: "img head" "img nav" "panels panels"; }
body.noah-v2 .noah-mc-showcase > .section-content > .row > .col > .col-inner::before { content: ""; grid-area: 1 / 1 / 3 / -1; border-radius: 16px; background: var(--noah-band); }
body.noah-v2 .noah-mc-showcase .tabbed-content { display: contents; }
/* Flatsome cho ảnh margin-bottom 1em (.col-inner > .img:not(:last-child)), làm ảnh hụt so với đáy dải màu */
body.noah-v2 .noah-mc-showcase .col-inner > .noah-mc-showcase__img { grid-area: img; position: relative; min-height: 320px; margin: 0; }
body.noah-v2 .noah-mc-showcase__img .img-inner { position: absolute; inset: 0; overflow: hidden; border-radius: 16px 0 0 16px; }
body.noah-v2 .noah-mc-showcase__img img { width: 100%; height: 100%; object-fit: cover; }
body.noah-v2 .noah-mc-showcase__head { grid-area: head; align-self: end; position: relative; padding: 36px 40px 0; text-align: center; }
body.noah-v2 .noah-mc-showcase__head h2 { margin-bottom: 6px; font-size: 34px; }
body.noah-v2 .noah-mc-showcase__head p { margin-bottom: 0; color: #4a4a4a; }
body.noah-v2 .noah-mc-showcase__head p + p { margin-top: 10px; }
body.noah-v2 .noah-mc-showcase__head .noah-mc-pill { min-height: 0; padding: 0; border: 0; color: var(--fs-color-primary); }
body.noah-v2 .noah-mc-showcase__head .noah-mc-pill:hover { background: none; color: #a8441a; text-decoration: underline; text-underline-offset: 3px; }
body.noah-v2 .noah-mc-showcase .tabbed-content > .nav { grid-area: nav; align-self: start; position: relative; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 18px 40px 36px; text-transform: none; }
body.noah-v2 .noah-mc-showcase .tabbed-content > .nav > li { margin: 0; }
body.noah-v2 .noah-mc-showcase .tabbed-content > .nav > li > a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 16px; border: 1px solid rgba(26, 26, 26, .2); border-radius: 999px; background: #fff; color: var(--noah-ink); font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; }
body.noah-v2 .noah-mc-showcase .tabbed-content > .nav > li > a:hover { border-color: var(--noah-ink); }
body.noah-v2 .noah-mc-showcase .tabbed-content > .nav > li.active > a { border-color: var(--noah-ink); background: var(--noah-ink); color: #fff; }
body.noah-v2 .noah-mc-showcase .tabbed-content > .nav > li.active > a::before { content: ""; width: 9px; height: 5px; margin: -3px 8px 0 0; border-bottom: 2px solid currentColor; border-left: 2px solid currentColor; transform: rotate(-45deg); }
body.noah-v2 .noah-mc-showcase .tab-panels { grid-area: panels; padding-top: 26px; }
body.noah-v2 .noah-mc-showcase .tab-panels .panel > .row { justify-content: center; }

/* Chip người nhận */
body.noah-v2 .noah-mc-chips ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 900px; margin: 0 auto; padding: 0; list-style: none; }
body.noah-v2 .noah-mc-chips li { margin: 0; }
body.noah-v2 .noah-mc-chips a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; border: 1px solid #d6d1c8; border-radius: 999px; background: #fff; color: var(--noah-ink); font-size: 15px; font-weight: 500; transition: background .2s, border-color .2s, color .2s; }
body.noah-v2 .noah-mc-chips a:hover { border-color: var(--noah-olive); background: var(--noah-olive); color: #fff; }

/* Dải cam kết: một khung viền, vạch chia giữa các ý */
body.noah-v2 .noah-mc-trust .noah-section-title h2 { margin-bottom: 28px; }
body.noah-v2 .noah-mc-trust .noah-standard__grid { gap: 0; overflow: hidden; border: 1px solid var(--noah-line); border-radius: 14px; background: #fff; }
body.noah-v2 .noah-mc-trust .noah-standard__item { padding: 28px 24px; }
body.noah-v2 .noah-mc-trust .noah-standard__item + .noah-standard__item { border-left: 1px solid var(--noah-line); }
body.noah-v2 .noah-mc-trust .noah-standard__item svg { width: 36px; height: 36px; margin-bottom: 12px; }
body.noah-v2 .noah-mc-trust .noah-standard__item h3 { margin-bottom: 4px; font-size: 16px; }
body.noah-v2 .noah-mc-trust .noah-standard__item p { margin: 0; font-size: 14px; line-height: 1.5; }

body.noah-v2 :is(.noah-mc-thumbs a, .noah-mc-pill, .noah-mc-chips a, .noah-mc-tile a, .noah-mc-circle a, .noah-mc-showcase .nav a):focus-visible { outline: 2px solid var(--noah-olive); outline-offset: 3px; }

@media only screen and (max-width: 849px) {
	body.noah-v2 .noah-mc-slider :is(.flickity-viewport, .slider:not(.flickity-enabled)) { border-radius: 12px; }
	body.noah-v2 .noah-mc-slide { padding-top: 0 !important; }
	body.noah-v2 .noah-mc-slide .banner-inner { position: relative; }
	body.noah-v2 .noah-mc-slide .banner-layers { display: flex; flex-direction: column-reverse; }
	body.noah-v2 .noah-mc-slide :is(.noah-mc-slide__text, .noah-mc-slide__img) { width: 100% !important; }
	body.noah-v2 .noah-mc-slide .noah-mc-slide__img { aspect-ratio: 16 / 10; }
	body.noah-v2 .noah-mc-slide .noah-mc-slide__text { align-items: center; min-height: 360px; padding: 20px 18px 44px; }
	body.noah-v2 .noah-mc-slide :is(h1, h2) { margin-bottom: 10px; font-size: 26px; }
	body.noah-v2 .noah-mc-slide .noah-lead { margin-bottom: 16px; font-size: 14px; line-height: 1.5; }
	body.noah-v2 .noah-mc-slide .button { margin: 0 8px 0 0; padding: 0 14px; font-size: 14px; }
	body.noah-v2 .noah-mc-thumbs { display: none; }
	body.noah-v2 .noah-mc-slider .flickity-page-dots { left: 20px; bottom: 16px; }
	body.noah-v2 .noah-mc-slider .flickity-prev-next-button { display: none; }
	body.noah-v2 .noah-mc-showcase > .section-content > .row > .col > .col-inner { grid-template-columns: minmax(0, 1fr); grid-template-areas: "img" "head" "nav" "panels"; }
	body.noah-v2 .noah-mc-showcase > .section-content > .row > .col > .col-inner::before { grid-area: 1 / 1 / 4 / -1; }
	body.noah-v2 .noah-mc-showcase .col-inner > .noah-mc-showcase__img { min-height: 0; }
	body.noah-v2 .noah-mc-showcase__img .img-inner { position: relative; inset: auto; border-radius: 16px 16px 0 0; }
	body.noah-v2 .noah-mc-showcase__img img { aspect-ratio: 16 / 10; }
	body.noah-v2 :is(.noah-mc-tiles, .noah-mc-circles) > .col { padding-bottom: 22px; }
	body.noah-v2 .noah-mc-showcase__head { padding: 22px 18px 0; }
	body.noah-v2 .noah-mc-showcase__head h2 { font-size: 26px; }
	body.noah-v2 .noah-mc-showcase .tabbed-content > .nav { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding: 16px 18px 22px; scrollbar-width: none; }
	body.noah-v2 .noah-mc-showcase .tabbed-content > .nav > li { flex: 0 0 auto; }
	body.noah-v2 .noah-mc-showcase .tab-panels .panel > .row { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	body.noah-v2 .noah-mc-showcase .tab-panels .panel > .row > .col { flex: 0 0 44%; max-width: 44%; scroll-snap-align: start; }
	body.noah-v2 .noah-mc-showcase .tab-panels .product-small .box-text { padding-left: 8px; padding-right: 8px; }
	body.noah-v2 .noah-mc-trust .noah-standard__grid { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: auto; overflow: hidden; }
	body.noah-v2 .noah-mc-trust .noah-standard__item { padding: 20px 14px; }
	body.noah-v2 .noah-mc-trust .noah-standard__item + .noah-standard__item { border-left: 0; }
	body.noah-v2 .noah-mc-trust .noah-standard__item:nth-child(even) { border-left: 1px solid var(--noah-line); }
	body.noah-v2 .noah-mc-trust .noah-standard__item:nth-child(n + 3) { border-top: 1px solid var(--noah-line); }
}

/* Khối câu chuyện trang chủ: 4 link nội bộ thành danh sách 2 cột có vạch kẻ và mũi tên */
body.noah-v2 .noah-story__text .button { margin-top: 6px; }
body.noah-v2 .noah-story-links { margin-top: 30px; }
body.noah-v2 .noah-story-links h3 { margin-bottom: 4px; font-size: 16px; }
body.noah-v2 .noah-story-links ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; margin: 0; padding: 0; list-style: none; }
body.noah-v2 .noah-story-links li { margin: 0; border-bottom: 1px solid var(--noah-line); }
body.noah-v2 .noah-story-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 2px; color: var(--noah-ink); font-size: 15px; font-weight: 500; line-height: 1.35; transition: color .2s; }
body.noah-v2 .noah-story-links a::after { content: ""; flex: 0 0 7px; width: 7px; height: 7px; border-top: 2px solid var(--fs-color-primary); border-right: 2px solid var(--fs-color-primary); transform: rotate(45deg); transition: transform .2s; }
body.noah-v2 .noah-story-links a:hover { color: var(--fs-color-primary); }
body.noah-v2 .noah-story-links a:hover::after { transform: translateX(3px) rotate(45deg); }
body.noah-v2 .noah-story-links a:focus-visible { outline: 2px solid var(--noah-olive); outline-offset: 2px; }
@media only screen and (max-width: 549px) {
	body.noah-v2 .noah-story-links ul { grid-template-columns: minmax(0, 1fr); }
}

/* Khối blog trang chủ: thẻ chữ căn trái, ngày nhỏ trên tiêu đề, tiêu đề và mô tả tối đa 2 dòng; bỏ ô ngày và vạch ngăn của Flatsome */
body.noah-v2 .noah-mc-blog .box-blog-post .box-image { overflow: hidden; border-radius: 12px; background: var(--noah-soft); }
body.noah-v2 .noah-mc-blog .box-blog-post .box-text { padding: 14px 2px 0; }
body.noah-v2 .noah-mc-blog .blog-post-inner { display: flex; flex-direction: column; }
body.noah-v2 .noah-mc-blog .post-meta { order: -1; margin: 0 0 6px; font-size: 13px; color: var(--noah-muted); opacity: 1; }
body.noah-v2 .noah-mc-blog .post-title { margin: 0 0 8px; font-size: 17px; font-weight: 600; line-height: 1.35; }
body.noah-v2 .noah-mc-blog .post-title a { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--noah-ink); transition: color .2s; }
body.noah-v2 .noah-mc-blog .box-blog-post:hover .post-title a { color: var(--fs-color-primary); }
body.noah-v2 .noah-mc-blog .box-blog-post .is-divider { display: none; }
body.noah-v2 .noah-mc-blog .from_the_blog_excerpt { display: -webkit-box; overflow: hidden; margin: 0; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14.5px; line-height: 1.55; color: var(--noah-muted); }
body.noah-v2 .noah-mc-blog .post-title a:focus-visible { outline: 2px solid var(--noah-olive); outline-offset: 2px; }
@media only screen and (max-width: 549px) {
	body.noah-v2 .noah-mc-blog .col-inner > .row { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	body.noah-v2 .noah-mc-blog .col-inner > .row > .col { flex: 0 0 78%; max-width: 78%; scroll-snap-align: start; }
}

/*************** HEADER 2 HÀNG THEO MACORNER (25/10/2026) ***************/

/* Hàng trên: logo, ô tìm kiếm viên thuốc ở giữa, Track order / Login / giỏ bên phải */
body.noah-v2 .header-main .flex-left { flex: 1 1 auto; }
body.noah-v2 .header-main .flex-left > .nav { justify-content: center; }
body.noah-v2 .header-main .header-search-form { flex: 1 1 auto; width: 100%; max-width: 640px; }
body.noah-v2 .header-main .header-search-form .search-field { height: 46px; padding: 0 56px 0 22px; border: 1.5px solid #d6d1c8; border-radius: 999px; background: #fff; box-shadow: none; font-size: 15px; }
body.noah-v2 .header-main .header-search-form .search-field:focus { border-color: var(--noah-olive); box-shadow: 0 0 0 3px rgba(79, 98, 40, .12); }
body.noah-v2 .header-main .header-search-form .search-field::placeholder { color: #7a7a7a; }
/* Flatsome ép nút icon của ô tìm kiếm phẳng về nền trong suốt (!important) */
body.noah-v2 .header-main .header-search-form .ux-search-submit { position: absolute; top: 5px; right: 5px; width: 36px; min-width: 0; height: 36px; min-height: 0; padding: 0; border: 0; border-radius: 50%; background-color: var(--fs-color-primary) !important; color: #fff !important; line-height: 36px; }
body.noah-v2 .header-main .header-search-form .ux-search-submit:hover { background-color: #a8441a !important; }
body.noah-v2 .noah-track-link { display: inline-flex; align-items: center; gap: 7px; color: var(--noah-ink); font-size: 14px; font-weight: 500; white-space: nowrap; }
body.noah-v2 .noah-track-link:hover { color: var(--fs-color-primary); }

/* Ô nhập phải đúng bằng khung, nếu không nó tràn ra ngoài, nút tròn lơ lửng giữa ô và mép ô đè "Track order":
   bỏ lề trái 16px còn sót từ hồi menu nằm ở hàng này, và bỏ flex của hàng form (nút đã định vị tuyệt đối) */
body.noah-v2 .header-main .flex-left .header-nav-main { margin-left: 0; }
body.noah-v2 .header-main .header-search-form { min-width: 0; }
body.noah-v2 .header-main .header-search-form .searchform > .flex-row { display: block; }
body.noah-v2 .header-main .header-search-form .searchform > .flex-row > .flex-col { width: 100%; padding: 0; }
body.noah-v2 .header-main .header-search-form .search-field { width: 100%; min-width: 0; }
/* Hàng dưới: menu căn giữa, mục đang xem là viên thuốc ô liu */
body.noah-v2 .header-bottom { border-top: 1px solid var(--noah-line); }
body.noah-v2 .header-bottom .nav > li { margin: 0 2px; }
body.noah-v2 .header-bottom .nav > li > a { padding: 7px 14px; border-radius: 999px; font-size: 15px; font-weight: 500; line-height: 24px; letter-spacing: .01em; text-transform: none; color: var(--noah-ink); }
body.noah-v2 .header-bottom .nav > li > a:hover,
body.noah-v2 .header-bottom .nav > li:hover > a { color: var(--fs-color-primary); }
body.noah-v2 .header-bottom .nav > li.active > a { background: var(--noah-olive); color: #fff; }
body.noah-v2 .header-bottom .nav > li > a .icon-angle-down { margin-left: 4px; font-size: 11px; opacity: .6; }

/* Dropdown và mega menu: khung trắng bo 14px, cột tiêu đề nhỏ, link 15px */
body.noah-v2 .header-bottom .nav-dropdown { padding: 14px 8px; border: 1px solid var(--noah-line); border-radius: 14px; box-shadow: 0 18px 40px rgba(18, 18, 18, .12); }
body.noah-v2 .header-bottom .nav-dropdown > li > a { padding: 9px 16px; border-radius: 8px; font-size: 15px; color: var(--noah-ink); }
body.noah-v2 .header-bottom .nav-dropdown > li > a:hover { background: var(--noah-soft); color: var(--fs-color-primary); }
/* JS của Flatsome đặt mega menu rộng bằng container; co theo nội dung (3 cột + ảnh) */
body.noah-v2 .header-bottom .menu-item-design-container-width > .nav-dropdown { width: auto !important; min-width: 0; padding: 26px 28px; }
body.noah-v2 .header-bottom .nav-dropdown-col { padding: 0 22px 0 0; }
body.noah-v2 .header-bottom .nav-dropdown .nav-dropdown-col > a { margin: 0 0 6px; padding: 0 0 10px; border-bottom: 1px solid var(--noah-line); font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--noah-muted); }
body.noah-v2 .header-bottom .nav-dropdown .nav-column > li > a { padding: 8px 0; border: 0; font-size: 15px; color: var(--noah-ink); }
body.noah-v2 .header-bottom .nav-dropdown .nav-column > li > a:hover { color: var(--fs-color-primary); }
body.noah-v2 .header-bottom .nav-dropdown > li.noah-mega-feature { width: 300px; padding-left: 8px; vertical-align: top; }
body.noah-v2 .header-bottom .nav-dropdown > li.noah-mega-feature > a { display: flex; flex-direction: column; gap: 10px; padding: 0; font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; background: none; }
body.noah-v2 .header-bottom .noah-mega-img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 10px; transition: transform .4s cubic-bezier(.2, .7, .2, 1); }
body.noah-v2 .header-bottom .noah-mega-feature > a:hover .noah-mega-img { transform: scale(1.02); }
body.noah-v2 .header-bottom .nav-dropdown a:focus-visible { outline: 2px solid var(--noah-olive); outline-offset: 2px; }
/* Menu mobile: ảnh của cột "New in Book Lovers" thành thẻ nhỏ thay vì ảnh vuông 600px */
body.noah-v2 .off-canvas .noah-mega-img { display: block; width: 100%; max-width: 240px; height: auto; margin: 4px 0 8px; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 8px; }
body.noah-v2 .off-canvas .noah-mega-feature > a { display: block; }

/* Đặt cuối file để thắng các rule cùng độ ưu tiên của hàng menu ở trên */
/* Màn máy tính hẹp (850–1100px): logo nhỏ lại, "Track order" chỉ còn icon, menu dưới khít hơn để không tràn */
@media only screen and (min-width: 850px) and (max-width: 1099px) {
	body.noah-v2 .header-main #logo { width: 200px; }
	body.noah-v2 .noah-track-link span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	body.noah-v2 .header-bottom .nav > li { margin: 0; }
	body.noah-v2 .header-bottom .nav > li > a { padding: 7px 9px; font-size: 14px; }
}
/* 850–959px: menu dưới vẫn một hàng (chữ 13,5px, bỏ mũi tên dropdown) */
@media only screen and (min-width: 850px) and (max-width: 959px) {
	body.noah-v2 .header-bottom .nav > li > a { padding: 7px 6px; font-size: 13.5px; letter-spacing: 0; }
	body.noah-v2 .header-bottom .nav > li > a .icon-angle-down { display: none; }
}

/*************** TRANG SẢN PHẨM THEO MACORNER (25/10/2026) ***************/
/* Cột thông tin: tên gọn, giá ngay dưới tên, khung ngày giao, form màu/size dạng viên thuốc,
   ô số lượng + nút mua bo tròn, danh sách tick, mục gập/mở. Gallery giữ nguyên. */
body.noah-v2 .noah-pdp-info .product-title { margin-bottom: 6px; font-size: 24px; font-weight: 600; line-height: 1.3; letter-spacing: -.005em; }
body.noah-v2 .noah-pdp-info .product-breadcrumb-container { margin-bottom: 6px; font-size: 13px; }
body.noah-v2 .noah-pdp-info .product-price-container .price { margin: 2px 0 14px; font-size: 26px; font-weight: 700; line-height: 1.2; color: var(--noah-ink); }
body.noah-v2 .noah-pdp-info .product-price-container .price .amount { color: var(--noah-ink); }
body.noah-v2 .noah-est { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 20px; padding: 12px 14px; border-radius: 12px; background: var(--noah-soft); font-size: 14px; line-height: 1.45; }
body.noah-v2 .noah-est .noah-icon { flex: 0 0 22px; width: 22px; height: 22px; color: var(--noah-olive); }
body.noah-v2 .noah-est strong { color: var(--noah-ink); }

/* Giá gạch + khung giảm giá có đồng hồ khi sản phẩm đang sale (như macorner) */
body.noah-v2 .noah-pdp-info .product-price-container .price-on-sale { align-items: baseline; }
body.noah-v2 .noah-pdp-info .product-price-container .price del { order: -1; margin: 0 8px 0 0; opacity: 1; }
body.noah-v2 .noah-pdp-info .product-price-container .price del .amount { font-size: 18px; font-weight: 500; color: var(--noah-muted); }
body.noah-v2 .noah-pdp-info .product-price-container .price ins { text-decoration: none; }
body.noah-v2 .noah-pdp-info .product-price-container .price ins .amount { color: var(--fs-color-primary); }
body.noah-v2 .noah-sale { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -4px 0 14px; padding: 8px 8px 8px 14px; border-radius: 12px; background: #f9eee7; }
body.noah-v2 .noah-sale[hidden],
body.noah-v2 .noah-sale__box[hidden] { display: none; }
body.noah-v2 .noah-sale p { margin: 0; }
body.noah-v2 .noah-sale__text { display: flex; flex-direction: column; gap: 3px; line-height: 1.2; }
body.noah-v2 .noah-sale__text strong { font-size: 20px; font-weight: 700; color: var(--fs-color-primary); }
body.noah-v2 .noah-sale__text span { font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; text-wrap: balance; color: var(--noah-ink); }
body.noah-v2 .noah-sale__timer { display: flex; flex: 0 0 auto; gap: 6px; }
body.noah-v2 .noah-sale__box { display: flex; flex-direction: column; align-items: center; min-width: 50px; padding: 7px 4px 6px; border-radius: 10px; background: #fff; font-size: 11px; line-height: 1.2; color: var(--noah-muted); }
body.noah-v2 .noah-sale__box b { font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--noah-ink); font-variant-numeric: tabular-nums; }

/* Size dạng viên thuốc như macorner; ô màu vẫn tròn */
body.noah-v2.single-product .noah-pdp-info .wcpa_form_item > label { margin-bottom: 8px; font-size: 14px; font-weight: 600; color: var(--noah-ink); }
/* WCPA ép bo 8px (!important) */
body.noah-v2.single-product .noah-pdp-info .wcpa_form_item .label_inside.disp_squircle { min-width: 52px; border-radius: 999px !important; }
body.noah-v2.single-product .noah-pdp-info .wcpa_form_item .size-guide { font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
/* Tên màu nằm trong label lồng bên trong mỗi ô; WCPA ẩn bằng display:none nên ô màu không có tên với trình đọc màn hình
   và AI agent. Ẩn kiểu visually-hidden: chữ vẫn không hiện, nhưng thành tên của ô ("Black", "True Navy"…). */
body.noah-v2 .wcpa_form_outer .wcpa_form_item .color-group .wcpa_color label label { display: block; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }

/* Tổng tiền (đổi theo size có phụ thu) ngay trên ô số lượng */
body.noah-v2.single-product .noah-pdp-info form.cart .wcpa_price_summary { width: 100%; margin: 4px 0 14px; padding: 0; border: 0; }
body.noah-v2.single-product .noah-pdp-info form.cart .wcpa_price_summary ul { margin: 0; }
body.noah-v2.single-product .noah-pdp-info form.cart .wcpa_price_summary li.wcpa_total { display: flex; align-items: baseline; gap: 10px; padding: 0; font-size: 20px !important; }
body.noah-v2.single-product .noah-pdp-info form.cart .wcpa_price_summary li.wcpa_total::before { content: "Total"; font-size: 14px; font-weight: 600; color: var(--noah-muted); }

/* Ô số lượng: nhãn trái, khung viên thuốc có nút − và + */
/* WCPA ép form về block (!important); Additional CSS cho .quantity rộng 100% */
body.noah-v2.single-product .noah-pdp-info form.cart { display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 14px; row-gap: 0; }
body.noah-v2.single-product .noah-pdp-info form.cart > :is(.wcpa_form_outer, .wcpa_price_summary, .single_add_to_cart_button) { flex: 0 0 100%; }
body.noah-v2.single-product .noah-pdp-info form.cart .qty-text { margin: 0; font-size: 14px; font-weight: 600; color: var(--noah-ink); }
body.noah-v2.single-product .noah-pdp-info form.cart .ux-quantity { display: inline-flex; align-items: center; width: auto; margin: 0 0 16px; overflow: hidden; border: 1px solid #d6d1c8; border-radius: 999px; background: #fff; }
/* Flatsome cho mọi phần tử con của form giãn 100%; nhãn và ô số lượng đứng cùng hàng */
body.noah-v2.single-product .noah-pdp-info form.cart > :is(.qty-text, .ux-quantity) { flex: 0 0 auto; }
body.noah-v2.single-product .noah-pdp-info form.cart .qty-text { margin-bottom: 16px; }
/* Additional CSS của site viền và bo 6px cho nút/ô số lượng (!important) */
body.noah-v2.single-product .noah-pdp-info form.cart .ux-quantity .ux-quantity__button { width: 40px; min-width: 0; height: 42px; margin: 0; padding: 0; border: 0 !important; border-radius: 0 !important; background: none; font-size: 18px; font-weight: 500; color: var(--noah-ink); }
body.noah-v2.single-product .noah-pdp-info form.cart .ux-quantity .ux-quantity__button:hover { background: var(--noah-soft); }
body.noah-v2.single-product .noah-pdp-info form.cart .ux-quantity .qty { width: 40px; height: 42px; margin: 0; padding: 0; border: 0 !important; border-radius: 0 !important; box-shadow: none; background: none; font-size: 15px; font-weight: 600; text-align: center; }

/* Nút mua: chữ thường, bo 12px, cao 54px */
body.noah-v2.single-product .noah-pdp-info form.cart .single_add_to_cart_button { min-height: 54px; border-radius: 12px; font-size: 17px; font-weight: 600; letter-spacing: .01em; text-transform: none; }

/* Danh sách cam kết có dấu tick (thay hàng 3 icon) */
body.noah-v2 .noah-trust { display: grid; gap: 8px; margin: 18px 0 20px; padding: 0; list-style: none; }
body.noah-v2 .noah-trust li { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 14px; line-height: 1.45; }
body.noah-v2 .noah-trust .noah-icon { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; color: var(--noah-olive); stroke-width: 2.2; }
body.noah-v2 .noah-pdp-info .product-short-description { margin-bottom: 8px; font-size: 15px; line-height: 1.6; color: #444; }

/* Mục gập/mở: chữ trái, mũi tên phải */
body.noah-v2.single-product .noah-pdp-info .accordion-title { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; padding: 16px 4px; font-size: 15px; font-weight: 600; }
body.noah-v2.single-product .noah-pdp-info .accordion-title .toggle { position: static; width: auto; height: auto; margin: 0; }

/* Khối đánh giá: một thẻ gọn trước "More items to consider"; form chỉ mở khi bấm "Write a review" */
body.noah-v2 .noah-pdp-reviews { margin-top: 36px; }
/* Plugin hiển thị khối ngược (form trên, tóm tắt dưới); trả về thứ tự thường */
body.noah-v2 .noah-pdp-reviews #reviews { display: block; margin: 0; padding: 28px; border: 1px solid var(--noah-line); border-radius: 16px; background: #fff; }
body.noah-v2 .noah-pdp-reviews .woocommerce-Reviews-title { display: none; }
body.noah-v2 .noah-pdp-reviews .wcpr-overall-rating h2 { margin-bottom: 10px; font-size: 24px; }
body.noah-v2 .noah-pdp-reviews .noah-review-toggle { display: inline-flex; align-items: center; min-height: 42px; }
/* Chưa có đánh giá: chỉ tiêu đề, một dòng và nút */
/* Photo Reviews ép bộ lọc hiện bằng #comments … !important; cần ID để thắng */
body.noah-v2 #reviews.noah-no-reviews #comments :is(.wcpr-overall-rating-main, .wcpr-stars-count, .wcpr-filter-container) { display: none !important; }
body.noah-v2 .noah-pdp-reviews .noah-no-reviews .wcpr-overall-rating-and-rating-count { display: block; margin: 0; }
body.noah-v2 .noah-pdp-reviews .noah-no-reviews .woocommerce-noreviews { margin: 0 0 14px; color: var(--noah-muted); }
body.noah-v2 .noah-pdp-reviews #reviews > .col { padding: 0; }
body.noah-v2 .noah-pdp-reviews .noah-review-toggle { margin: 6px 0 0; padding: 0 22px; border: 1px solid var(--noah-ink) !important; border-radius: 999px; background: transparent !important; color: var(--noah-ink) !important; font-size: 14px; font-weight: 600; }
body.noah-v2 .noah-pdp-reviews .noah-review-toggle:hover { background: var(--noah-ink) !important; color: #fff !important; }
body.noah-v2 .noah-pdp-reviews #review_form_wrapper { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--noah-line); }
body.noah-v2 .noah-pdp-reviews #review_form_wrapper[hidden] { display: none; }

/* "More items to consider": tiêu đề trái, chữ thường */
body.noah-v2.single-product .product-section-title-related { padding-top: 40px; font-size: 26px; font-weight: 700; letter-spacing: -.005em; text-transform: none; }
body.noah-v2.single-product .related .product-section-title-related::before { display: none; }

@media only screen and (max-width: 549px) {
	body.noah-v2 .noah-pdp-info .product-title { font-size: 21px; }
	body.noah-v2 .noah-sale { gap: 8px; padding-left: 12px; }
	body.noah-v2 .noah-sale__timer { gap: 4px; }
	body.noah-v2 .noah-sale__box { min-width: 44px; }
	body.noah-v2 .noah-pdp-reviews #reviews { padding: 20px 16px; }
	body.noah-v2.single-product .product-section-title-related { font-size: 22px; }
	body.noah-v2.single-product .related .row { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	body.noah-v2.single-product .related .row > .col { flex: 0 0 46%; max-width: 46%; scroll-snap-align: start; }
}

/*************** TRANG GIỎ HÀNG THEO MACORNER (26/10/2026) ***************/
/* Cột trái: tiêu đề "Your cart (n)", thanh miễn ship, mỗi món một thẻ (ảnh trái; tên, thuộc tính, giá, số lượng + nút xóa bên phải).
   Cột phải: Order summary trong một thẻ, phí ship dạng ô chọn, nút thanh toán, danh sách tick, mã giảm giá. Bỏ dãy bước
   "Shopping cart › Checkout details" và nút "Update cart" (giỏ tự cập nhật khi đổi số lượng). */
body.noah-v2.woocommerce-cart .checkout-page-title { display: none; }
body.noah-v2.woocommerce-cart .cart-container { padding-top: 32px; }
body.noah-v2.woocommerce-cart .woocommerce.row-divided > .col + .col { border-left: 0; }
body.noah-v2 .noah-cart-title { margin: 0 0 16px; font-size: 26px; font-weight: 600; line-height: 1.2; letter-spacing: -.01em; }
body.noah-v2 .noah-cart-title span { font-size: 15px; font-weight: 500; color: var(--noah-muted); vertical-align: 3px; }
body.noah-v2.woocommerce-cart .noah-ship-bar { margin-bottom: 18px; padding: 14px 16px 18px; border-radius: 12px; background: var(--noah-soft); }

body.noah-v2.woocommerce-cart table.cart,
body.noah-v2.woocommerce-cart table.cart tbody { display: block; margin: 0; border: 0; }
body.noah-v2.woocommerce-cart table.cart thead,
body.noah-v2.woocommerce-cart table.cart tbody > tr:not(.cart_item),
body.noah-v2.woocommerce-cart table.cart td.product-subtotal,
body.noah-v2.woocommerce-cart table.cart .mobile-product-price { display: none !important; }
body.noah-v2.woocommerce-cart table.cart tr.cart_item { display: grid; grid-template-columns: 132px auto auto 1fr; grid-template-rows: auto auto 1fr; grid-template-areas: "thumb name name name" "thumb price price price" "thumb qty remove ."; column-gap: 18px; row-gap: 8px; margin: 0 0 14px; padding: 16px; border: 1px solid var(--noah-line); border-radius: 14px; background: #fff; }
body.noah-v2.woocommerce-cart table.cart tr.cart_item td { display: block; width: auto; max-width: none; padding: 0; border: 0; text-align: left; }
body.noah-v2.woocommerce-cart table.cart tr.cart_item td::before { display: none; }
body.noah-v2.woocommerce-cart table.cart td.product-thumbnail { grid-area: thumb; }
body.noah-v2.woocommerce-cart table.cart td.product-thumbnail img { display: block; width: 132px; max-width: none; height: 132px; object-fit: cover; border-radius: 10px; background: var(--noah-soft); }
body.noah-v2.woocommerce-cart table.cart td.product-name { grid-area: name; font-size: 15px; font-weight: 500; line-height: 1.4; }
body.noah-v2.woocommerce-cart table.cart td.product-name > a { color: var(--noah-ink); }
body.noah-v2.woocommerce-cart table.cart td.product-name > a:hover { color: var(--fs-color-primary); }
body.noah-v2.woocommerce-cart table.cart dl.variation { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; margin: 8px 0 0; font-size: 13px; line-height: 1.5; }
body.noah-v2.woocommerce-cart table.cart dl.variation dt { margin: 0; font-weight: 400; color: var(--noah-muted); }
body.noah-v2.woocommerce-cart table.cart dl.variation dd { margin: 0; font-weight: 600; color: var(--noah-ink); }
body.noah-v2.woocommerce-cart table.cart dl.variation dd p { display: flex; align-items: center; margin: 0; }
/* Ô màu của WCPA (ký tự ■ 20px) thành chấm tròn; chấm của Size không mang nghĩa nên ẩn. */
body.noah-v2.woocommerce-cart table.cart dl.variation .wcpa_cart_val span[style] { display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 50%; background: currentColor; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); font-size: 0 !important; vertical-align: 0; }
body.noah-v2.woocommerce-cart table.cart dl.variation dd.variation-Size .wcpa_cart_val span[style] { display: none; }
body.noah-v2.woocommerce-cart table.cart tr.cart_item td.product-price { grid-area: price; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 17px; font-weight: 600; color: var(--noah-ink); }
body.noah-v2.woocommerce-cart table.cart td.product-price del { font-size: 14px; font-weight: 400; color: var(--noah-muted); opacity: 1; }
body.noah-v2.woocommerce-cart table.cart td.product-price ins { text-decoration: none; color: var(--fs-color-primary); }
body.noah-v2 .noah-cart-off { padding: 1px 8px; border-radius: 999px; background: var(--fs-color-primary); color: #fff; font-size: 12px; font-weight: 600; line-height: 1.6; }
body.noah-v2.woocommerce-cart table.cart td.product-quantity { grid-area: qty; align-self: end; }
body.noah-v2.woocommerce-cart table.cart td.product-remove { grid-area: remove; align-self: end; }
body.noah-v2.woocommerce-cart .woocommerce-cart-form .ux-quantity { display: inline-flex; align-items: center; height: 40px; margin: 0; border: 1px solid var(--noah-line); border-radius: 999px; overflow: hidden; background: #fff; }
body.noah-v2.woocommerce-cart .woocommerce-cart-form .ux-quantity .ux-quantity__button { width: 38px; min-width: 0; height: 38px; min-height: 0; margin: 0; padding: 0; border: 0 !important; border-radius: 0 !important; background: none; box-shadow: none; font-size: 18px; font-weight: 500; line-height: 38px; color: var(--noah-ink); }
body.noah-v2.woocommerce-cart .woocommerce-cart-form .ux-quantity .ux-quantity__button:hover { background: var(--noah-soft); }
body.noah-v2.woocommerce-cart .woocommerce-cart-form .ux-quantity .qty { width: 34px; height: 38px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; font-size: 15px; text-align: center; }
body.noah-v2.woocommerce-cart table.cart td.product-remove a.remove { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0; border: 1px solid var(--noah-line) !important; border-radius: 50%; background: #fff; color: var(--noah-ink) !important; font-size: 0; line-height: 1; }
body.noah-v2.woocommerce-cart table.cart td.product-remove a.remove:hover { border-color: var(--fs-color-primary) !important; background: #fff; color: var(--fs-color-primary) !important; }
body.noah-v2.woocommerce-cart table.cart td.product-remove a.remove .noah-icon { width: 18px; height: 18px; }

body.noah-v2.woocommerce-cart .cart-sidebar { padding: 22px 22px 24px; border: 1px solid var(--noah-line); border-radius: 14px; background: #fff; }
body.noah-v2.woocommerce-cart .cart_totals > table { margin: 0; }
body.noah-v2.woocommerce-cart .cart_totals > table thead th { padding: 0 0 10px; border: 0; font-size: 22px; font-weight: 600; letter-spacing: -.01em; text-transform: none; color: var(--noah-ink); }
body.noah-v2.woocommerce-cart .cart_totals tbody th,
body.noah-v2.woocommerce-cart .cart_totals tbody td { padding: 12px 0; border-color: var(--noah-line); font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--noah-ink); }
body.noah-v2.woocommerce-cart .cart_totals .order-total th,
body.noah-v2.woocommerce-cart .cart_totals .order-total td { padding-top: 14px; border-bottom: 0; font-size: 18px; font-weight: 700; }
body.noah-v2:is(.woocommerce-cart, .woocommerce-checkout) .shipping__table,
body.noah-v2:is(.woocommerce-cart, .woocommerce-checkout) .shipping__table :is(tbody, tr, th, td) { display: block; width: 100%; margin: 0; padding: 0; border: 0; text-align: left; }
body.noah-v2:is(.woocommerce-cart, .woocommerce-checkout) .shipping__table th { margin-bottom: 10px; }
body.noah-v2:is(.woocommerce-cart, .woocommerce-checkout) .shipping__table td::before { display: none; }
body.noah-v2:is(.woocommerce-cart, .woocommerce-checkout) #shipping_method { margin: 0; }
body.noah-v2:is(.woocommerce-cart, .woocommerce-checkout) #shipping_method li { position: relative; margin: 0 0 8px; padding: 0; list-style: none; }
body.noah-v2:is(.woocommerce-cart, .woocommerce-checkout) #shipping_method input[type="radio"] { position: absolute; top: 50%; left: 14px; width: 16px; height: 16px; margin: -8px 0 0; accent-color: var(--fs-color-primary); }
body.noah-v2:is(.woocommerce-cart, .woocommerce-checkout) #shipping_method label { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 12px; margin: 0; padding: 10px 14px 10px 40px; border: 1px solid var(--noah-line); border-radius: 10px; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 1.35; text-align: left; }
body.noah-v2:is(.woocommerce-cart, .woocommerce-checkout) #shipping_method input[type="hidden"] + label { padding-left: 14px; cursor: default; }
body.noah-v2:is(.woocommerce-cart, .woocommerce-checkout) #shipping_method input:checked + label { border-color: var(--fs-color-primary); background: #fdf5f0; box-shadow: inset 0 0 0 1px var(--fs-color-primary); }
body.noah-v2 .noah-ship__name { grid-column: 1; font-weight: 600; }
body.noah-v2 .noah-ship__eta { grid-column: 1; font-size: 12.5px; color: var(--noah-muted); }
body.noah-v2 .noah-ship__price { grid-column: 2; grid-row: 1 / span 2; font-weight: 600; }
/* Phí ship trong nước Mỹ như nhau ở mọi bang, nên bỏ dòng "Shipping to CO." */
body.noah-v2.woocommerce-cart .cart_totals .woocommerce-shipping-destination { display: none; }
body.noah-v2.woocommerce-cart .wc-proceed-to-checkout { padding: 16px 0 0; }
body.noah-v2.woocommerce-cart .wc-proceed-to-checkout .checkout-button { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 54px; margin: 0 0 18px; border-radius: 12px; font-size: 16px; font-weight: 600; letter-spacing: 0; text-transform: none; }
body.noah-v2.woocommerce-cart .wc-proceed-to-checkout .checkout-button .noah-icon { width: 19px; height: 19px; }
body.noah-v2.woocommerce-cart .wc-proceed-to-checkout .noah-trust { margin: 0; }
body.noah-v2.woocommerce-cart .wc-proceed-to-checkout .noah-trust li { font-size: 13px; }
body.noah-v2.woocommerce-cart .ux-cart-coupon { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--noah-line); }
body.noah-v2.woocommerce-cart .ux-cart-coupon .coupon { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
body.noah-v2.woocommerce-cart .ux-cart-coupon .widget-title { grid-column: 1 / -1; margin: 0 0 2px; padding: 0; border: 0; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; }
body.noah-v2.woocommerce-cart .ux-cart-coupon .widget-title .icon-tag { color: var(--noah-olive); }
body.noah-v2.woocommerce-cart .ux-cart-coupon #coupon_code { height: 44px; margin: 0; border-radius: 10px; }
/* Nút có lớp .expand của Flatsome (padding 0 !important), nên phải ép lại. */
body.noah-v2.woocommerce-cart .ux-cart-coupon .coupon .button { width: auto; height: 44px; min-height: 0; margin: 0; padding: 0 18px !important; border: 1px solid var(--noah-ink); border-radius: 10px; background: #fff; box-shadow: none; color: var(--noah-ink); font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 42px; text-transform: none; }
body.noah-v2.woocommerce-cart .ux-cart-coupon .coupon .button:hover { background: var(--noah-ink); color: #fff; }

body.noah-v2 .noah-cart-more { margin-top: 48px; }
body.noah-v2 .noah-cart-more h2 { margin: 0 0 18px; font-size: 26px; font-weight: 700; letter-spacing: -.005em; text-align: center; }
body.noah-v2.woocommerce-cart .return-to-shop { display: none; }
body.noah-v2 .noah-cart-empty { max-width: 460px; margin: 8px auto 0; text-align: center; }
body.noah-v2 .noah-cart-empty__icon { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin-bottom: 14px; border-radius: 50%; background: var(--noah-soft); color: var(--noah-olive); }
body.noah-v2 .noah-cart-empty__icon .noah-icon { width: 32px; height: 32px; }
body.noah-v2 .noah-cart-empty h1 { margin: 0 0 8px; font-size: 26px; font-weight: 600; }
body.noah-v2 .noah-cart-empty p { margin: 0 0 18px; color: var(--noah-muted); }
body.noah-v2 .noah-cart-empty .button { min-height: 46px; margin: 0; padding: 0 28px; border-radius: 999px; font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; }

body.noah-v2 .noah-cart-bar { display: none; }
@media only screen and (max-width: 849px) {
	body.noah-v2 .noah-cart-bar { position: fixed; z-index: 30; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--noah-line); background: #fff; box-shadow: 0 -6px 18px rgba(0, 0, 0, .06); }
	body.noah-v2 .noah-cart-bar[hidden] { display: none; }
	body.noah-v2 .noah-cart-bar p { display: flex; flex-direction: column; margin: 0; line-height: 1.25; }
	body.noah-v2 .noah-cart-bar p span { font-size: 12px; color: var(--noah-muted); }
	body.noah-v2 .noah-cart-bar p strong { font-size: 18px; }
	body.noah-v2 .noah-cart-bar .button { min-height: 46px; margin: 0; padding: 0 24px; border-radius: 12px; font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; }
	body.noah-v2.woocommerce-cart .cart-collaterals { margin-top: 10px; }
}
@media only screen and (max-width: 549px) {
	body.noah-v2.woocommerce-cart .cart-container { padding-top: 20px; }
	body.noah-v2 .noah-cart-title { font-size: 22px; }
	body.noah-v2.woocommerce-cart table.cart tr.cart_item { grid-template-columns: 96px 1fr 40px; grid-template-rows: auto auto auto; grid-template-areas: "thumb name remove" "thumb price price" "qty qty qty"; column-gap: 12px; row-gap: 10px; padding: 12px; }
	body.noah-v2.woocommerce-cart table.cart td.product-thumbnail img { width: 96px; height: 96px; }
	body.noah-v2.woocommerce-cart table.cart td.product-name { font-size: 14px; }
	body.noah-v2.woocommerce-cart table.cart td.product-remove { align-self: start; }
	body.noah-v2.woocommerce-cart .cart-sidebar { padding: 18px 16px 20px; }
	body.noah-v2 .noah-cart-more h2 { font-size: 22px; }
	body.noah-v2 .noah-cart-more .products { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	body.noah-v2 .noah-cart-more .products > .col { flex: 0 0 46%; max-width: 46%; scroll-snap-align: start; }
}

/*************** TRANG THANH TOÁN THEO PETLOVEREMBROIDERY (26/10/2026) ***************/
/* Dãy bước gọn trên dải nền nhạt; dòng "Have a coupon?"; cột trái Billing details + Payment information (thẻ, nút Place order);
   cột phải khung "Your order" nền nhạt, dính khi cuộn. Ô nhập có nhãn ở trên (tắt nhãn nổi của Flatsome). Mobile: khung đơn hàng lên đầu. */
body.noah-v2.woocommerce-checkout .checkout-page-title { margin-bottom: 0; padding: 14px 0; border-bottom: 1px solid var(--noah-line); background: var(--noah-soft); }
body.noah-v2.woocommerce-checkout .checkout-page-title .page-title-inner { min-height: 0; padding-top: 0; }
body.noah-v2.woocommerce-checkout .checkout-breadcrumbs { font-size: 15px; font-weight: 600; letter-spacing: 0; line-height: 1.4; text-transform: none; }
body.noah-v2.woocommerce-checkout .checkout-breadcrumbs a { color: var(--noah-muted); }
body.noah-v2.woocommerce-checkout .checkout-breadcrumbs a.current { color: var(--noah-ink); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
body.noah-v2.woocommerce-checkout .checkout-breadcrumbs .divider { margin: 0 12px; color: var(--noah-muted); }
body.noah-v2.woocommerce-checkout .cart-container { padding-top: 28px; }

/* Custom CSS của Flatsome ẩn dòng này (từ khi ô coupon bị dời vào khung đơn hàng); nay coupon về lại đây. */
body.noah-v2.woocommerce-checkout .woocommerce-form-coupon-toggle { display: block; }
body.noah-v2.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { margin: 0 0 18px; padding: 0; border: 0; background: none; font-size: 15px; color: var(--noah-ink); }
/* Lớp medium-text-center của Flatsome canh giữa bằng !important dưới 850px. */
body.noah-v2.woocommerce-checkout .woocommerce-form-coupon-toggle .message-container { padding: 0; text-align: left !important; }
body.noah-v2.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before { display: none; }
body.noah-v2.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon { margin-left: 4px; font-weight: 600; color: var(--noah-ink); text-decoration: underline; text-underline-offset: 3px; }
body.noah-v2.woocommerce-checkout form.checkout_coupon { max-width: 560px; margin: 0 0 24px; padding: 16px; border: 1px dashed var(--noah-line); border-radius: 12px; background: #fff; }
body.noah-v2.woocommerce-checkout form.checkout_coupon .input-text { height: 46px; margin: 0; border-radius: 8px; }
/* Nút có lớp .expand của Flatsome (padding 0 !important), nên phải ép lại. */
body.noah-v2.woocommerce-checkout form.checkout_coupon .button { min-height: 46px; margin: 0; padding: 0 22px !important; border-radius: 8px; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; }

body.noah-v2.woocommerce-checkout #customer_details h3,
body.noah-v2.woocommerce-checkout .noah-pay-title,
body.noah-v2.woocommerce-checkout #order_review_heading { margin: 0 0 16px; padding: 0; border: 0; font-size: 22px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; text-transform: none; color: var(--noah-ink); }
body.noah-v2.woocommerce-checkout .noah-pay-title { margin-top: 30px; }
body.noah-v2.woocommerce-checkout .woocommerce-billing-fields { padding-top: 0; border-top: 0; }
body.noah-v2.woocommerce-checkout form.checkout .form-row { margin-bottom: 16px; }
body.noah-v2.woocommerce-checkout form.checkout .form-row > label { margin: 0 0 6px; font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--noah-ink); }
body.noah-v2.woocommerce-checkout form.checkout .form-row > label .optional { font-size: 12px; font-weight: 400; color: var(--noah-muted); }
body.noah-v2.woocommerce-checkout form.checkout .form-row :is(input.input-text, select, textarea) { height: 46px; margin: 0; padding: 0 14px; border: 1px solid var(--noah-line); border-radius: 8px; background: #fff; box-shadow: none; font-size: 15px; color: var(--noah-ink); }
body.noah-v2.woocommerce-checkout form.checkout .form-row :is(input.input-text, select, textarea):focus { border-color: var(--noah-ink); box-shadow: 0 0 0 3px rgba(26, 26, 26, .06); }
body.noah-v2.woocommerce-checkout form.checkout .select2-container .select2-selection--single { height: 46px; border: 1px solid var(--noah-line); border-radius: 8px; background: #fff; }
body.noah-v2.woocommerce-checkout form.checkout .select2-container .select2-selection__rendered { padding-left: 14px; font-size: 15px; line-height: 44px; color: var(--noah-ink); }
body.noah-v2.woocommerce-checkout form.checkout .select2-container .select2-selection__arrow { height: 44px; }
body.noah-v2.woocommerce-checkout form.checkout .woocommerce-invalid :is(input.input-text, .select2-selection) { border-color: #b3261e; }
body.noah-v2.woocommerce-checkout #ship-to-different-address { margin: 4px 0 0; font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; }

body.noah-v2.woocommerce-checkout #payment { padding: 0; border: 0; border-radius: 0; background: none; }
body.noah-v2.woocommerce-checkout #payment ul.payment_methods { margin: 0; padding: 0; border: 0; }
body.noah-v2.woocommerce-checkout #payment ul.payment_methods > li { margin: 0 0 12px; padding: 16px; border: 1px solid var(--noah-line); border-radius: 12px; background: #fff; list-style: none; }
body.noah-v2.woocommerce-checkout #payment ul.payment_methods > li > label { display: block; margin: 0; font-size: 15px; font-weight: 600; line-height: 26px; color: var(--noah-ink); }
body.noah-v2.woocommerce-checkout #payment .payment_box { margin: 12px 0 0; padding: 14px; border-radius: 10px; background: var(--noah-soft); font-size: 14px; color: var(--noah-muted); }
body.noah-v2.woocommerce-checkout #payment .payment_box::before { display: none; }
body.noah-v2.woocommerce-checkout #payment .payment_box p { margin: 0 0 10px; }
body.noah-v2.woocommerce-checkout #payment .place-order { margin: 0; padding: 4px 0 0; }
body.noah-v2.woocommerce-checkout #payment .noah-checkout-assure { margin: 0 0 16px; border-radius: 12px; }
body.noah-v2.woocommerce-checkout #payment #place_order { width: 100%; min-height: 54px; margin: 0; border-radius: 12px; font-size: 16px; font-weight: 600; letter-spacing: 0; text-transform: none; }

body.noah-v2.woocommerce-checkout form.checkout .large-5 .col-inner.has-border { padding: 28px 28px 24px; border: 0; border-radius: 16px; background: var(--noah-soft); }
/* Flatsome cho khung này overflow auto (sm-touch-scroll) nên trên mobile hiện thanh cuộn dọc thừa và cắt mép phải. */
body.noah-v2.woocommerce-checkout .checkout-sidebar { position: relative; overflow: visible; }
body.noah-v2 .noah-edit-cart { position: absolute; top: 6px; right: 0; font-size: 14px; font-weight: 600; color: var(--noah-ink); text-decoration: underline; text-underline-offset: 3px; }
body.noah-v2.woocommerce-checkout #order_review table.shop_table { margin: 0; border: 0; }
body.noah-v2.woocommerce-checkout #order_review thead th { padding: 0 0 10px; border-bottom: 1px solid var(--noah-line); font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--noah-muted); }
body.noah-v2.woocommerce-checkout #order_review tbody td { border-color: var(--noah-line); }
body.noah-v2.woocommerce-checkout #order_review td.product-name { position: relative; min-height: 84px; padding: 14px 10px 14px 70px; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--noah-ink); }
body.noah-v2 .noah-review-thumb { position: absolute; top: 14px; left: 0; width: 56px; height: 56px; overflow: hidden; border: 1px solid var(--noah-line); border-radius: 8px; background: #fff; }
body.noah-v2 .noah-review-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.noah-v2.woocommerce-checkout #order_review td.product-name .product-quantity { font-weight: 600; color: var(--noah-muted); }
body.noah-v2.woocommerce-checkout #order_review dl.variation { display: grid; grid-template-columns: auto 1fr; gap: 0 6px; margin: 4px 0 0; font-size: 12.5px; line-height: 1.5; }
body.noah-v2.woocommerce-checkout #order_review dl.variation dt { margin: 0; font-weight: 400; color: var(--noah-muted); }
body.noah-v2.woocommerce-checkout #order_review dl.variation dd { margin: 0; font-weight: 600; }
body.noah-v2.woocommerce-checkout #order_review dl.variation dd p { display: flex; align-items: center; margin: 0; }
body.noah-v2.woocommerce-checkout #order_review dl.variation .wcpa_cart_val span[style] { display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 50%; background: currentColor; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); font-size: 0 !important; }
body.noah-v2.woocommerce-checkout #order_review dl.variation dd.variation-Size .wcpa_cart_val span[style] { display: none; }
body.noah-v2.woocommerce-checkout #order_review td.product-total { padding-top: 14px; vertical-align: top; font-size: 14px; font-weight: 600; }
body.noah-v2.woocommerce-checkout #order_review tfoot :is(th, td) { padding: 12px 0; border-color: var(--noah-line); font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--noah-ink); }
body.noah-v2.woocommerce-checkout #order_review tfoot .order-total :is(th, td) { padding-top: 14px; font-size: 18px; font-weight: 700; }
body.noah-v2.woocommerce-checkout #order_review tfoot tr.noah-review-ship-bar td { padding: 12px 0 0; border: 0; text-align: left; }
body.noah-v2.woocommerce-checkout #order_review .noah-ship-bar { padding: 0; }
body.noah-v2.woocommerce-checkout #order_review .noah-ship-bar p { margin-bottom: 10px; font-size: 13px; font-weight: 500; }

@media only screen and (max-width: 849px) {
	body.noah-v2.woocommerce-checkout form.checkout > .row > .large-5 { order: -1; margin-bottom: 8px; }
	body.noah-v2.woocommerce-checkout form.checkout_coupon { max-width: none; }
}
@media only screen and (max-width: 549px) {
	body.noah-v2.woocommerce-checkout .checkout-page-title { padding: 10px 0; }
	body.noah-v2.woocommerce-checkout .cart-container { padding-top: 20px; }
	body.noah-v2.woocommerce-checkout form.checkout .large-5 .col-inner.has-border { padding: 20px 16px 16px; }
	body.noah-v2.woocommerce-checkout #customer_details h3,
	body.noah-v2.woocommerce-checkout .noah-pay-title,
	body.noah-v2.woocommerce-checkout #order_review_heading { font-size: 20px; }
}

/*************** TRANG CẢM ƠN / ORDER RECEIVED (26/10/2026) ***************/
/* Khối đầu trang (dấu tick, lời cảm ơn, 4 ô thông tin, "What happens next"); dưới là chi tiết đơn (trái) và địa chỉ + hỗ trợ (phải).
   Khung is-well bên phải của Flatsome trùng nội dung với khối đầu trang nên ẩn. */
body.noah-v2.woocommerce-order-received .woocommerce-order > .large-5 { display: none; }
body.noah-v2.woocommerce-order-received .woocommerce-order > .large-7 { display: grid; flex-basis: 100%; max-width: 100%; grid-template-columns: minmax(0, 1fr) 380px; align-items: start; gap: 24px 28px; }
body.noah-v2 .noah-ty__hero { max-width: 640px; margin: 12px auto 28px; text-align: center; }
body.noah-v2 .noah-ty__icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin-bottom: 14px; border-radius: 50%; background: #eef1e6; color: var(--noah-olive); }
body.noah-v2 .noah-ty__icon .noah-icon { width: 30px; height: 30px; stroke-width: 2.2; }
body.noah-v2 .noah-ty__eyebrow { margin: 0 0 6px; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--noah-olive); }
body.noah-v2 .noah-ty__hero h1 { margin: 0 0 10px; font-size: 34px; font-weight: 700; line-height: 1.15; letter-spacing: -.015em; }
body.noah-v2 .noah-ty__lead { margin: 0; font-size: 16px; line-height: 1.6; color: var(--noah-muted); }
/* Flatsome cho dl chữ hoa, dt/dd inline-block. */
body.noah-v2 .noah-ty__facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 20px; opacity: 1; font-size: inherit; letter-spacing: 0; text-transform: none; overflow: hidden; border: 1px solid var(--noah-line); border-radius: 16px; background: #fff; }
body.noah-v2 .noah-ty__facts > div { padding: 16px 20px; border-left: 1px solid var(--noah-line); }
body.noah-v2 .noah-ty__facts > div:first-child { border-left: 0; }
body.noah-v2 .noah-ty__facts dt { display: block; margin: 0 0 4px; font-size: 12px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; color: var(--noah-muted); }
body.noah-v2 .noah-ty__facts dd { display: block; margin: 0; font-size: 16px; text-transform: none; font-weight: 600; color: var(--noah-ink); }
body.noah-v2 .noah-ty__next { margin: 0 0 8px; padding: 22px 24px; border-radius: 16px; background: var(--noah-soft); }
body.noah-v2 .noah-ty__next h2 { margin: 0 0 16px; font-size: 18px; font-weight: 600; text-transform: none; letter-spacing: 0; }
body.noah-v2 .noah-ty__next ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 24px; margin: 0; padding: 0; list-style: none; }
body.noah-v2 .noah-ty__next li { display: grid; grid-template-columns: 40px 1fr; column-gap: 12px; row-gap: 2px; margin: 0; }
body.noah-v2 .noah-ty__step-icon { display: flex; grid-row: span 2; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--noah-olive); }
body.noah-v2 .noah-ty__step-icon .noah-icon { width: 20px; height: 20px; }
body.noah-v2 .noah-ty__next li strong { font-size: 15px; font-weight: 600; color: var(--noah-ink); }
body.noah-v2 .noah-ty__next li > span:last-child { font-size: 13.5px; line-height: 1.5; color: var(--noah-muted); }

body.noah-v2.woocommerce-order-received .woocommerce-order-details { grid-column: 1; grid-row: 1 / span 2; margin: 0; padding: 24px; border: 1px solid var(--noah-line); border-radius: 16px; background: #fff; }
body.noah-v2.woocommerce-order-received .woocommerce-customer-details { grid-column: 2; grid-row: 1; margin: 0; padding: 22px 24px; border-radius: 16px; background: var(--noah-soft); }
body.noah-v2.woocommerce-order-received :is(.woocommerce-order-details__title, .woocommerce-column__title, .noah-ty-help h2) { margin: 0 0 14px; font-size: 20px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; text-transform: none; color: var(--noah-ink); }
body.noah-v2.woocommerce-order-received .order_details { margin: 0; border: 0; }
body.noah-v2.woocommerce-order-received .order_details thead th { padding: 0 0 10px; border-bottom: 1px solid var(--noah-line); font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--noah-muted); }
body.noah-v2.woocommerce-order-received .order_details tbody td { border-color: var(--noah-line); }
body.noah-v2.woocommerce-order-received .order_details td.product-name { position: relative; min-height: 84px; padding: 14px 10px 14px 70px; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--noah-ink); }
body.noah-v2.woocommerce-order-received .order_details td.product-name > a { color: var(--noah-ink); }
body.noah-v2.woocommerce-order-received .order_details td.product-name .product-quantity { font-weight: 600; color: var(--noah-muted); }
body.noah-v2.woocommerce-order-received .order_details .wc-item-meta { display: grid; grid-template-columns: auto 1fr; gap: 0 6px; margin: 6px 0 0; padding: 0; list-style: none; font-size: 12.5px; line-height: 1.5; }
body.noah-v2.woocommerce-order-received .order_details .wc-item-meta li { display: contents; }
body.noah-v2.woocommerce-order-received .order_details .wc-item-meta-label { font-weight: 400; color: var(--noah-muted); }
body.noah-v2.woocommerce-order-received .order_details .wc-item-meta p { margin: 0; font-weight: 600; }
body.noah-v2.woocommerce-order-received .order_details .wc-item-meta .wcpa_cart_val span[style] { display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 50%; background: currentColor; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); font-size: 0 !important; }
body.noah-v2.woocommerce-order-received .order_details td.product-total { padding-top: 14px; vertical-align: top; font-size: 14px; font-weight: 600; text-align: right; }
body.noah-v2.woocommerce-order-received .order_details tfoot :is(th, td) { padding: 12px 0; border-color: var(--noah-line); font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--noah-ink); }
body.noah-v2.woocommerce-order-received .order_details tfoot td { text-align: right; }
body.noah-v2.woocommerce-order-received .order_details tfoot .shipped_via { display: block; font-size: 12px; color: var(--noah-muted); }
/* Dòng Total: dòng cuối, hoặc dòng ngay trên "Actions" (đơn chưa thanh toán có nút Pay / Cancel). */
body.noah-v2.woocommerce-order-received .order_details tfoot tr:is(:last-child:not(:has(.order-actions--heading)), :has(+ tr > .order-actions--heading)) :is(th, td) { font-size: 18px; font-weight: 700; }
body.noah-v2.woocommerce-order-received .order_details tfoot .order-actions-button { min-height: 0; margin: 0 0 0 8px; padding: 0 16px; border-radius: 8px; font-size: 13px; line-height: 34px; text-transform: none; letter-spacing: 0; }

body.noah-v2.woocommerce-order-received .woocommerce-customer-details .col2-set { display: grid; gap: 18px; width: auto; margin: 0; }
body.noah-v2.woocommerce-order-received .woocommerce-customer-details .col2-set > div { float: none; width: auto; max-width: none; padding: 0; }
body.noah-v2.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title { margin-bottom: 6px; font-size: 15px; }
body.noah-v2.woocommerce-order-received .woocommerce-customer-details address { margin: 0; padding: 0; border: 0; font-size: 14px; font-style: normal; line-height: 1.6; color: var(--noah-ink); }

body.noah-v2 .noah-ty-help { grid-column: 2; grid-row: 2; padding: 22px 24px; border: 1px solid var(--noah-line); border-radius: 16px; background: #fff; }
body.noah-v2 .noah-ty-help h2 { font-size: 17px; }
body.noah-v2 .noah-ty-help p { margin: 0 0 12px; font-size: 14px; color: var(--noah-muted); }
body.noah-v2 .noah-ty-help__links { display: grid; gap: 4px; margin: 0 !important; }
body.noah-v2 .noah-ty-help__links a { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 14px; font-weight: 600; color: var(--noah-ink); }
body.noah-v2 .noah-ty-help__links a:hover { color: var(--fs-color-primary); }
body.noah-v2 .noah-ty-help__links .noah-icon { width: 18px; height: 18px; color: var(--noah-olive); }
body.noah-v2 .noah-ty-more { grid-column: 1 / -1; margin: 8px 0 0; text-align: center; }
body.noah-v2 .noah-ty-more .button { min-height: 48px; margin: 0; padding: 0 32px; border-radius: 999px; font-size: 15px; font-weight: 600; letter-spacing: 0; line-height: 48px; text-transform: none; }

@media only screen and (max-width: 849px) {
	body.noah-v2.woocommerce-order-received .woocommerce-order > .large-7 { grid-template-columns: minmax(0, 1fr); }
	body.noah-v2.woocommerce-order-received :is(.woocommerce-order-details, .woocommerce-customer-details, .noah-ty-help) { grid-column: 1; grid-row: auto; }
	body.noah-v2 .noah-ty__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.noah-v2 .noah-ty__facts > div:nth-child(3) { border-left: 0; }
	body.noah-v2 .noah-ty__facts > div:nth-child(n+3) { border-top: 1px solid var(--noah-line); }
	body.noah-v2 .noah-ty__next ol { grid-template-columns: minmax(0, 1fr); }
}
@media only screen and (max-width: 549px) {
	body.noah-v2 .noah-ty__hero { margin-top: 4px; }
	body.noah-v2 .noah-ty__hero h1 { font-size: 26px; }
	body.noah-v2 .noah-ty__lead { font-size: 15px; }
	body.noah-v2 .noah-ty__facts > div { padding: 14px 16px; }
	body.noah-v2 .noah-ty__facts dd { font-size: 15px; }
	body.noah-v2 .noah-ty__next,
	body.noah-v2.woocommerce-order-received :is(.woocommerce-order-details, .woocommerce-customer-details),
	body.noah-v2 .noah-ty-help { padding: 18px 16px; }
}

/*************** TRANG BLOG VÀ BÀI VIẾT (26/10/2026) ***************/
/* Cùng ngôn ngữ với trang danh mục: đường dẫn, khối ô liu có H1 và link bộ sưu tập. Trang blog: bài mới nhất là thẻ lớn, các bài
   khác xếp lưới 3 cột. Bài viết: khối ô liu có tiêu đề và ảnh, mục lục dính bên trái cột chữ 720px, rồi hàng sản phẩm trên nền ô liu
   nhạt và "Keep reading". Bố cục ở template-parts/posts/layout-no-sidebar.php và functions.php. */
body.noah-v2 .noah-blog { padding-bottom: 32px; }
body.noah-v2 .noah-blog-crumbs { margin: 0 0 12px; font-size: 14px; line-height: 1.5; color: var(--noah-muted); }
body.noah-v2 .noah-blog-crumbs a { color: var(--noah-muted); transition: color .15s ease-out; }
body.noah-v2 .noah-blog-crumbs a:hover { color: var(--noah-ink); }
body.noah-v2 .noah-blog-crumbs [aria-current] { font-weight: 600; color: var(--noah-ink); }
body.noah-v2 .noah-blog-crumbs .divider { margin: 0 8px; opacity: .6; }
body.noah-v2 .noah-blog-hero { margin-bottom: 40px; }
body.noah-v2 .noah-blog-hero h1 + .noah-cat-links { margin-top: 18px; }
body.noah-v2 .noah-post-meta { display: flex; flex-wrap: wrap; align-items: center; margin: 0; font-size: 14px; line-height: 1.5; color: var(--noah-muted); }
body.noah-v2 .noah-post-meta > * + *::before { content: "·"; margin: 0 8px; }

/* Bài mới nhất: ảnh 7 phần, chữ 5 phần */
body.noah-v2 .noah-blog-lead { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: 48px; margin: 0 0 56px; }
body.noah-v2 .noah-blog-lead--text { grid-template-columns: minmax(0, 720px); }
body.noah-v2 .noah-blog-lead__image { display: block; overflow: hidden; border-radius: 16px; background: var(--noah-soft); }
body.noah-v2 .noah-blog-lead__image img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .6s cubic-bezier(.16, 1, .3, 1); }
body.noah-v2 .noah-blog-lead:hover .noah-blog-lead__image img { transform: scale(1.03); }
body.noah-v2 .noah-blog-lead h2 { margin: 0 0 14px; font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -.015em; text-wrap: balance; }
body.noah-v2 .noah-blog-lead h2 a { color: var(--noah-ink); transition: color .2s ease-out; }
body.noah-v2 .noah-blog-lead:hover h2 a { color: var(--fs-color-primary); }
body.noah-v2 .noah-blog-lead__excerpt { margin: 0 0 16px; font-size: 17px; line-height: 1.65; color: #444; }
body.noah-v2 .noah-blog-lead .noah-mc-pill { margin-top: 24px; }

/* Lưới thẻ bài: link tiêu đề phủ cả thẻ */
body.noah-v2 .noah-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px 28px; }
body.noah-v2 .noah-blog-card { position: relative; display: flex; flex-direction: column; }
body.noah-v2 .noah-blog-card__image { overflow: hidden; margin-bottom: 16px; border-radius: 12px; background: var(--noah-soft); }
body.noah-v2 .noah-blog-card__image img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .6s cubic-bezier(.16, 1, .3, 1); }
body.noah-v2 .noah-blog-card:hover .noah-blog-card__image img { transform: scale(1.04); }
body.noah-v2 .noah-blog-card__title { margin: 0 0 8px; font-size: 19px; font-weight: 600; line-height: 1.35; }
body.noah-v2 .noah-blog-card__title a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--noah-ink); transition: color .2s ease-out; }
body.noah-v2 .noah-blog-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: 12px; }
body.noah-v2 .noah-blog-card:hover .noah-blog-card__title a { color: var(--fs-color-primary); }
body.noah-v2 .noah-blog-card__title a:focus-visible { outline: 0; }
body.noah-v2 .noah-blog-card__title a:focus-visible::after { outline: 2px solid var(--noah-olive); outline-offset: 6px; }
body.noah-v2 .noah-blog-card__excerpt { display: -webkit-box; overflow: hidden; margin: 0 0 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 15px; line-height: 1.6; color: var(--noah-muted); }
body.noah-v2 .noah-blog-card .noah-post-meta { margin-top: auto; font-size: 13.5px; }
body.noah-v2 .noah-blog .nav-pagination { margin-top: 48px; }

/* Bài viết: khối ô liu (chữ trái, ảnh phải) */
body.noah-v2 .noah-post-hero { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 48px; margin: 8px 0 48px; padding: 40px 48px; overflow: hidden; border-radius: 20px; background: var(--noah-olive); color: #fff; }
body.noah-v2 .noah-post-hero--media { grid-template-columns: minmax(0, 1fr) minmax(0, 560px); padding: 28px 28px 28px 48px; }
body.noah-v2 .noah-post-hero .noah-blog-crumbs,
body.noah-v2 .noah-post-hero .noah-blog-crumbs a { margin-bottom: 18px; color: rgba(255, 255, 255, .85); }
body.noah-v2 .noah-post-hero .noah-blog-crumbs a:hover { color: #fff; }
body.noah-v2 .noah-post-hero h1 { margin: 0 0 18px; font-size: 42px; font-weight: 700; line-height: 1.15; letter-spacing: -.02em; color: #fff; text-wrap: balance; }
body.noah-v2 .noah-post-hero__dek { max-width: 560px; margin: 0 0 18px; font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, .9); }
body.noah-v2 .noah-post-hero .noah-post-meta { font-size: 15px; color: rgba(255, 255, 255, .85); }
body.noah-v2 .noah-post-hero__media img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 14px; }
body.noah-v2 .noah-post-hero a:focus-visible { outline-color: #fff; }

/* Thân bài: mục lục ở lề trái, cột chữ 720px ở giữa */
body.noah-v2 .noah-post-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 720px) minmax(0, 1fr); gap: 56px; }
body.noah-v2 .noah-post-main { grid-column: 2; min-width: 0; }
body.noah-v2 .noah-post-toc { grid-column: 1; grid-row: 1; justify-self: end; align-self: start; position: sticky; top: 140px; width: 100%; max-width: 240px; }
body.noah-v2 .noah-post-toc__title { margin: 0 0 12px; font-size: 15px; font-weight: 700; color: var(--noah-ink); }
body.noah-v2 .noah-post-toc__toggle { display: none; }
body.noah-v2 .noah-post-toc ol { margin: 0; padding: 0 0 0 10px; border-left: 1px solid var(--noah-line); list-style: none; }
body.noah-v2 .noah-post-toc li { margin: 0; }
body.noah-v2 .noah-post-toc ol a { display: block; margin: 2px 0; padding: 7px 12px; border-radius: 8px; font-size: 14.5px; line-height: 1.4; color: var(--noah-muted); transition: background-color .25s ease-out, color .25s ease-out; }
body.noah-v2 .noah-post-toc ol a:hover { color: var(--noah-ink); }
body.noah-v2 .noah-post-toc ol a.is-active { background: #eef1e6; color: var(--noah-olive); font-weight: 600; }
html:has(.noah-post-toc) { scroll-behavior: smooth; }

/* Chữ bài viết: 17px, đoạn đầu lớn hơn, link cam gỉ gạch chân */
body.noah-v2 .noah-post-content { padding: 0; font-size: 17px; line-height: 1.75; color: #2b2b2b; }
body.noah-v2 .noah-post-content p { margin: 0 0 1.25em; line-height: 1.75; }
body.noah-v2 .noah-post-content > p:first-child { font-size: 19px; line-height: 1.7; color: var(--noah-ink); }
body.noah-v2 .noah-post-content h2 { margin: 48px 0 14px; font-size: 27px; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; scroll-margin-top: 140px; }
body.noah-v2 .noah-post-content h3 { margin: 32px 0 10px; font-size: 20px; font-weight: 600; line-height: 1.35; scroll-margin-top: 140px; }
body.noah-v2 .noah-post-content a { color: var(--fs-color-primary); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
body.noah-v2 .noah-post-content a:hover { text-decoration-thickness: 2px; }
body.noah-v2 .noah-post-content :is(ul, ol) { margin: 0 0 1.4em; padding-left: 1.4em; }
body.noah-v2 .noah-post-content li { margin: 0 0 .5em; padding-left: 4px; }
body.noah-v2 .noah-post-content li::marker { color: var(--noah-olive); }
body.noah-v2 .noah-post-content img { border-radius: 12px; }

/* Chia sẻ: một hàng dưới bài */
body.noah-v2 .noah-post-share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 40px 0 0; padding-top: 24px; border-top: 1px solid var(--noah-line); }
body.noah-v2 .noah-post-share > span { font-size: 15px; font-weight: 600; }
body.noah-v2 .noah-post-share .social-icons { margin: 0; }
body.noah-v2 .noah-post-share .button.icon { margin: 0 8px 0 0; border: 1px solid var(--noah-line); background: #fff; color: var(--noah-ink); transition: background-color .2s ease-out, border-color .2s ease-out, color .2s ease-out; }
body.noah-v2 .noah-post-share .button.icon:hover { border-color: var(--noah-olive); background: var(--noah-olive); color: #fff; }

/* Hàng sản phẩm trên nền ô liu nhạt, rồi "Keep reading" */
body.noah-v2 :is(.noah-post-shop, .noah-post-more) .noah-row-head { flex-wrap: nowrap; align-items: center; margin-bottom: 20px; }
body.noah-v2 :is(.noah-post-shop, .noah-post-more) .noah-row-head h2 { min-width: 0; margin: 0; font-size: 28px; font-weight: 700; letter-spacing: -.01em; }
body.noah-v2 :is(.noah-post-shop, .noah-post-more) .noah-row-head p { flex: 0 0 auto; }
body.noah-v2 .noah-post-shop { margin-top: 64px; padding: 32px 32px 16px; border-radius: 20px; background: #eef1e6; }
body.noah-v2 .noah-post-more { margin-top: 64px; }

@media only screen and (min-width: 850px) and (max-width: 1199px) {
	body.noah-v2 .noah-post-hero--media { grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: 36px; padding-left: 36px; }
	body.noah-v2 .noah-post-hero h1 { font-size: 36px; }
	body.noah-v2 .noah-post-body { grid-template-columns: 200px minmax(0, 720px); gap: 40px; }
	body.noah-v2 .noah-post-toc { max-width: none; }
	body.noah-v2 .noah-blog-lead { gap: 32px; }
	body.noah-v2 .noah-blog-lead h2 { font-size: 28px; }
}
@media only screen and (max-width: 849px) {
	/* Lề 20px thay cho 15px của Flatsome: trang đọc dài, chữ không sát mép màn hình */
	body.noah-v2 .noah-blog { padding-right: 20px; padding-left: 20px; }
	body.noah-v2 .noah-blog-hero { margin-bottom: 28px; }
	body.noah-v2 .noah-blog-lead { grid-template-columns: minmax(0, 1fr); gap: 18px; margin-bottom: 40px; }
	body.noah-v2 .noah-blog-lead h2 { margin-bottom: 10px; font-size: 25px; }
	body.noah-v2 .noah-blog-lead__excerpt { font-size: 16px; }
	body.noah-v2 .noah-blog-lead .noah-mc-pill { margin-top: 18px; }
	body.noah-v2 .noah-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 20px; }
	body.noah-v2 .noah-post-hero,
	body.noah-v2 .noah-post-hero--media { grid-template-columns: minmax(0, 1fr); gap: 22px; margin-bottom: 24px; padding: 22px 20px 20px; border-radius: 16px; }
	body.noah-v2 .noah-post-hero h1 { margin-bottom: 14px; font-size: 28px; }
	body.noah-v2 .noah-post-hero__dek { font-size: 16px; }
	body.noah-v2 .noah-post-hero .noah-post-meta { font-size: 14px; }
	/* Tác giả một dòng, ngày · thời gian đọc dòng dưới, để dấu chấm không rớt xuống đầu dòng */
	body.noah-v2 .noah-post-hero .noah-post-meta > :first-child { flex-basis: 100%; }
	body.noah-v2 .noah-post-hero .noah-post-meta > :nth-child(2)::before { content: none; }
	body.noah-v2 .noah-post-hero__media img { border-radius: 12px; }
	body.noah-v2 .noah-post-body { grid-template-columns: minmax(0, 1fr); gap: 0; }
	body.noah-v2 .noah-post-main { grid-column: 1; }
	body.noah-v2 .noah-post-toc { grid-column: 1; position: static; max-width: none; margin-bottom: 28px; border: 1px solid var(--noah-line); border-radius: 12px; background: #fff; }
	body.noah-v2 .noah-post-toc__title { display: none; }
	body.noah-v2 .noah-post-toc__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 50px; margin: 0; padding: 0 16px; border: 0; background: none; box-shadow: none; font: inherit; font-size: 15px; font-weight: 600; letter-spacing: 0; line-height: 1.4; text-transform: none; color: var(--noah-ink); }
	body.noah-v2 .noah-post-toc__toggle .noah-icon { width: 20px; height: 20px; transition: transform .25s ease-out; }
	body.noah-v2 .noah-post-toc.is-open .noah-post-toc__toggle .noah-icon { transform: rotate(180deg); }
	body.noah-v2 .noah-post-toc ol { display: none; margin: 0 16px 14px; }
	body.noah-v2 .noah-post-toc.is-open ol { display: block; }
	body.noah-v2 .noah-post-content { font-size: 16.5px; }
	body.noah-v2 .noah-post-content > p:first-child { font-size: 18px; }
	body.noah-v2 .noah-post-content h2 { margin-top: 36px; font-size: 23px; scroll-margin-top: 90px; }
	body.noah-v2 :is(.noah-post-shop, .noah-post-more) .noah-row-head h2 { font-size: 20px; line-height: 1.3; }
	body.noah-v2 .noah-post-shop { margin-top: 48px; padding: 22px 0 8px 16px; border-radius: 16px; }
	body.noah-v2 .noah-post-shop .noah-row-head { padding-right: 16px; }
	body.noah-v2 .noah-post-shop .products { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	body.noah-v2 .noah-post-shop .products > .col { flex: 0 0 46%; max-width: 46%; scroll-snap-align: start; }
	body.noah-v2 .noah-post-more { margin-top: 48px; }
}
@media only screen and (max-width: 549px) {
	body.noah-v2 .noah-blog-grid { grid-template-columns: minmax(0, 1fr); }
	body.noah-v2 .noah-post-shop .products > .col { flex-basis: 62%; max-width: 62%; }
	body.noah-v2 .noah-post-more .noah-blog-grid { display: flex; gap: 16px; overflow-x: auto; margin-right: -20px; padding-right: 20px; scroll-snap-type: x mandatory; scrollbar-width: none; }
	body.noah-v2 .noah-post-more .noah-blog-card { flex: 0 0 78%; scroll-snap-align: start; }
}
@media (prefers-reduced-motion: reduce) {
	body.noah-v2 :is(.noah-blog-lead__image, .noah-blog-card__image) img { transition: none; }
	html:has(.noah-post-toc) { scroll-behavior: auto; }
}