/* pdl · mypham · Giao diện "Sen vàng" — Mỹ phẩm Lợi Phương: design system + mọi trang/template Bricks.
 * Nguồn bố cục: sites/cty-mypham/design-src/ (build_all.py). Class theo SUIT CSS: pdl-mypham-Component-descendant--modifier.
 * Màu: Bricks › Color Palette "Lợi Phương · …" (design-src/palette.py) → var(--pdl-mypham-color-*); file này không gõ mã hex.
 * Bricks đặt html{font-size:62.5%} → dùng px, không dùng rem.
 */

/* ========================================================== 1. Token */
:root {
	--pdl-mypham-font-sans: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

	--pdl-mypham-width-content: 1200px;
	--pdl-mypham-space-gutter: clamp(18px, 4vw, 40px);
	--pdl-mypham-space-section: clamp(64px, 8vw, 112px);
	--pdl-mypham-space-head: clamp(32px, 4vw, 52px);
	--pdl-mypham-radius-card: 22px;
	--pdl-mypham-radius-small: 12px;
	--pdl-mypham-radius-pill: 999px;
	--pdl-mypham-shadow-soft: 0 18px 44px -26px rgba(44, 34, 27, .38);
	--pdl-mypham-shadow-lift: 0 30px 64px -30px rgba(44, 34, 27, .45);
	--pdl-mypham-shadow-gold: 0 14px 30px -14px rgba(143, 107, 34, .7);
	--pdl-mypham-ease: cubic-bezier(.2, .7, .2, 1);
	--pdl-mypham-header-height: 78px;
}

/* ========================================================== 2. Nền tảng */
html { scroll-behavior: smooth; }
body {
	font-family: var(--pdl-mypham-font-sans);
	font-size: 16px;
	line-height: 1.7;
	color: var(--pdl-mypham-color-body);
	background: var(--pdl-mypham-color-paper);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
body ::selection { background: var(--pdl-mypham-color-gold-200); color: var(--pdl-mypham-color-ink); }
[id] { scroll-margin-top: calc(var(--pdl-mypham-header-height) + 24px); }
:focus-visible { outline: 2px solid var(--pdl-mypham-color-gold-600); outline-offset: 3px; border-radius: 6px; }
a { color: inherit; transition: color .25s var(--pdl-mypham-ease); }
h1, h2, h3, h4, h5, h6 { font-family: var(--pdl-mypham-font-sans); color: var(--pdl-mypham-color-ink); font-weight: 600; line-height: 1.25; letter-spacing: -.015em; }
img { max-width: 100%; }
.pdl-mypham-Heading, .pdl-mypham-UsageStep-number, .pdl-mypham-Process-number, .pdl-mypham-ErrorPage-code, .pdl-mypham-CbmpCard-number { font-variant-numeric: lining-nums; }

/* ========================================================== 3. Bố cục chung */
.pdl-mypham-Section { width: 100%; padding-block: var(--pdl-mypham-space-section); position: relative; display: block; }
.pdl-mypham-Section--tight { padding-block: clamp(40px, 5vw, 64px) var(--pdl-mypham-space-section); }
.pdl-mypham-Section--paper { background: var(--pdl-mypham-color-paper); }
.pdl-mypham-Section--cream { background: var(--pdl-mypham-color-cream); }
.pdl-mypham-Section--dark { background: var(--pdl-mypham-color-night); color: var(--pdl-mypham-color-on-dark-muted); }
.pdl-mypham-Section--dark :where(h1, h2, h3, h4) { color: var(--pdl-mypham-color-on-dark); }

.pdl-mypham-Container {
	width: 100%;
	max-width: calc(var(--pdl-mypham-width-content) + 2 * var(--pdl-mypham-space-gutter));
	margin-inline: auto;
	padding-inline: var(--pdl-mypham-space-gutter);
	display: block;
	position: relative;
}

/* ========================================================== 4. Chữ */
.pdl-mypham-Eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--pdl-mypham-color-gold-700);
}
.pdl-mypham-Eyebrow::before { content: ""; width: 26px; height: 1.5px; background: currentColor; opacity: .7; }
.pdl-mypham-Eyebrow--light { color: var(--pdl-mypham-color-gold-300); }

.pdl-mypham-Heading { margin: 0; }
.pdl-mypham-Heading--display { font-size: clamp(36px, 5.4vw, 62px); line-height: 1.14; font-weight: 700; letter-spacing: -.025em; }
.pdl-mypham-Heading--section { font-size: clamp(28px, 3.4vw, 42px); line-height: 1.2; font-weight: 700; }
.pdl-mypham-Heading--sub { font-size: clamp(22px, 2.4vw, 28px); font-weight: 700; margin-bottom: 18px; }
.pdl-mypham-Heading em { font-style: normal; color: var(--pdl-mypham-color-lotus-600); position: relative; white-space: nowrap; }
.pdl-mypham-Heading em::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: .06em;
	height: .2em;
	border-radius: 999px;
	background: var(--pdl-mypham-color-lotus-100);
	z-index: -1;
}
.pdl-mypham-Lead { margin: 18px 0 0; font-size: clamp(16px, 1.4vw, 18px); line-height: 1.75; color: var(--pdl-mypham-color-body); max-width: 640px; }
.pdl-mypham-Section--dark .pdl-mypham-Lead { color: var(--pdl-mypham-color-on-dark-muted); }
.pdl-mypham-Prose p { margin: 0 0 16px; font-size: 17px; line-height: 1.8; }
.pdl-mypham-Prose p:last-child { margin-bottom: 0; }

.pdl-mypham-TextLink {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	font-size: 15px;
	color: var(--pdl-mypham-color-gold-700);
	text-decoration: none;
	border-bottom: 1.5px solid var(--pdl-mypham-color-gold-200);
	padding-bottom: 2px;
}
.pdl-mypham-TextLink:hover { color: var(--pdl-mypham-color-ink); border-color: var(--pdl-mypham-color-ink); }

.pdl-mypham-Icon { display: inline-grid; place-items: center; flex: none; }
.pdl-mypham-Icon svg { width: 100%; height: 100%; }

/* Đầu khối */
.pdl-mypham-SectionHead { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 48px; margin-bottom: var(--pdl-mypham-space-head); flex-wrap: wrap; }
.pdl-mypham-SectionHead-titleGroup { max-width: 720px; }
.pdl-mypham-SectionHead--center { justify-content: center; text-align: center; }
.pdl-mypham-SectionHead--center .pdl-mypham-Lead { margin-inline: auto; }
.pdl-mypham-SectionHead--center .pdl-mypham-Eyebrow::after { content: ""; width: 26px; height: 1.5px; background: currentColor; opacity: .7; }

/* Đường dẫn */
.pdl-mypham-Breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 22px; padding: 0; list-style: none; font-size: 14px; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-Breadcrumb li + li::before { content: "/"; margin-right: 6px; opacity: .5; }
.pdl-mypham-Breadcrumb a { text-decoration: none; }
.pdl-mypham-Breadcrumb a:hover { color: var(--pdl-mypham-color-gold-700); }

/* Nhãn nhỏ */
.pdl-mypham-ChipRow { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.pdl-mypham-Chip {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	margin: 0;
	padding: 0 14px;
	border-radius: var(--pdl-mypham-radius-pill);
	border: 1px solid var(--pdl-mypham-color-line-strong);
	background: var(--pdl-mypham-color-white);
	font-size: 14px;
	font-weight: 500;
	color: var(--pdl-mypham-color-body);
}
.pdl-mypham-Chip--need { background: var(--pdl-mypham-color-lotus-50); border-color: var(--pdl-mypham-color-lotus-200); color: var(--pdl-mypham-color-lotus-700); font-weight: 600; }

/* ========================================================== 5. Nút */
.pdl-mypham-ButtonRow { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; align-items: center; }
.pdl-mypham-ButtonRow--center { justify-content: center; }
.pdl-mypham-Button.bricks-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 50px;
	padding: 0 26px;
	border-radius: var(--pdl-mypham-radius-pill);
	border: 1.5px solid transparent;
	font-family: var(--pdl-mypham-font-sans);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .01em;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: transform .25s var(--pdl-mypham-ease), background-color .25s, color .25s, border-color .25s, box-shadow .25s;
}
.pdl-mypham-Button.bricks-button:hover { transform: translateY(-2px); }
.pdl-mypham-Button--primary.bricks-button { background: var(--pdl-mypham-color-gold-600); color: var(--pdl-mypham-color-white); box-shadow: var(--pdl-mypham-shadow-gold); }
.pdl-mypham-Button--primary.bricks-button:hover { background: var(--pdl-mypham-color-gold-800); color: var(--pdl-mypham-color-white); }
.pdl-mypham-Button--gold.bricks-button { background: linear-gradient(135deg, var(--pdl-mypham-color-gold-200), var(--pdl-mypham-color-gold-300) 55%, var(--pdl-mypham-color-gold)); color: var(--pdl-mypham-color-ink); }
.pdl-mypham-Button--gold.bricks-button:hover { background: var(--pdl-mypham-color-on-dark); color: var(--pdl-mypham-color-ink); }
.pdl-mypham-Button--ghost.bricks-button { background: var(--pdl-mypham-color-white); color: var(--pdl-mypham-color-ink); border-color: var(--pdl-mypham-color-line-strong); }
.pdl-mypham-Button--ghost.bricks-button:hover { border-color: var(--pdl-mypham-color-ink); background: var(--pdl-mypham-color-ink); color: var(--pdl-mypham-color-paper); }
.pdl-mypham-Button--ghostLight.bricks-button { background: transparent; color: var(--pdl-mypham-color-on-dark); border-color: rgba(246, 238, 223, .4); }
.pdl-mypham-Button--ghostLight.bricks-button:hover { background: var(--pdl-mypham-color-on-dark); color: var(--pdl-mypham-color-night); }

/* ========================================================== 6. Header */
.pdl-mypham-SiteHeader { position: relative; z-index: 60; }
.pdl-mypham-SiteTopbar { background: var(--pdl-mypham-color-night); color: var(--pdl-mypham-color-on-dark-muted); font-size: 13px; }
.pdl-mypham-SiteTopbar-inner {
	max-width: calc(var(--pdl-mypham-width-content) + 2 * var(--pdl-mypham-space-gutter));
	margin-inline: auto;
	padding: 0 var(--pdl-mypham-space-gutter);
	min-height: 38px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.pdl-mypham-SiteTopbar-tagline { margin: 0; letter-spacing: .02em; }
.pdl-mypham-SiteTopbar-links { display: flex; gap: 18px; margin: 0; padding: 0; list-style: none; }
.pdl-mypham-SiteTopbar-links a { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; color: var(--pdl-mypham-color-on-dark); }
.pdl-mypham-SiteTopbar-links a:hover { color: var(--pdl-mypham-color-gold-300); }
.pdl-mypham-SiteTopbar-links svg { width: 15px; height: 15px; color: var(--pdl-mypham-color-gold-300); }

.pdl-mypham-SiteHeader-bar {
	background: var(--pdl-mypham-color-paper);
	border-bottom: 1px solid var(--pdl-mypham-color-line);
	transition: box-shadow .3s;
}
/* Thanh chính dính khi cuộn (không dùng backdrop-filter: làm hỏng menu mobile cố định của Bricks) */
.pdl-mypham-SiteHeader.is-scrolled .pdl-mypham-SiteHeader-bar { box-shadow: 0 10px 30px -22px rgba(44, 34, 27, .55); }
.pdl-mypham-SiteHeader-inner {
	max-width: calc(var(--pdl-mypham-width-content) + 2 * var(--pdl-mypham-space-gutter));
	margin-inline: auto;
	padding: 0 var(--pdl-mypham-space-gutter);
	min-height: var(--pdl-mypham-header-height);
	display: flex;
	align-items: center;
	gap: 28px;
}
#brx-header:has(.pdl-mypham-SiteHeader) { position: sticky; top: -38px; z-index: 60; }
body.admin-bar #brx-header:has(.pdl-mypham-SiteHeader) { top: -6px; }

.pdl-mypham-Logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; flex: none; }
.pdl-mypham-Logo-mark { width: 46px; height: auto; display: block; }
.pdl-mypham-Logo-text { display: flex; flex-direction: column; line-height: 1.05; }
.pdl-mypham-Logo-text strong { font-size: 21px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-Logo-text span { margin-top: 4px; font-size: 11px; font-weight: 600; letter-spacing: .36em; text-transform: uppercase; color: var(--pdl-mypham-color-muted); }

.pdl-mypham-SiteHeader-nav { margin-left: auto; }
.pdl-mypham-SiteHeader-nav .bricks-nav-menu { gap: 4px; }
.pdl-mypham-SiteHeader-nav .bricks-nav-menu > li { margin: 0; }
.pdl-mypham-SiteHeader-nav .bricks-nav-menu > li > a {
	position: relative;
	padding: 10px 14px;
	font-size: 15px;
	font-weight: 500;
	color: var(--pdl-mypham-color-ink);
}
.pdl-mypham-SiteHeader-nav .bricks-nav-menu > li > a::after {
	content: "";
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 4px;
	height: 2px;
	border-radius: 2px;
	background: var(--pdl-mypham-color-gold);
	transform: scaleX(0);
	transition: transform .3s var(--pdl-mypham-ease);
}
.pdl-mypham-SiteHeader-nav .bricks-nav-menu > li:hover > a::after,
.pdl-mypham-SiteHeader-nav .bricks-nav-menu > .current-menu-item > a::after { transform: scaleX(1); }
.pdl-mypham-SiteHeader-nav .bricks-nav-menu > .current-menu-item > a { color: var(--pdl-mypham-color-gold-700); }

.pdl-mypham-SiteHeader-actions { display: flex; align-items: center; gap: 16px; flex: none; }
.pdl-mypham-SiteHeader-nav .bricks-nav-menu { flex-wrap: nowrap; white-space: nowrap; }
.pdl-mypham-SiteHeader-phone { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-SiteHeader-phone .pdl-mypham-Icon {
	width: 40px;
	height: 40px;
	padding: 10px;
	border-radius: 50%;
	background: var(--pdl-mypham-color-gold-50);
	color: var(--pdl-mypham-color-gold-700);
	border: 1px solid var(--pdl-mypham-color-gold-100);
}
.pdl-mypham-SiteHeader-phone > span { display: flex; flex-direction: column; font-weight: 700; font-size: 16px; line-height: 1.15; white-space: nowrap; }
.pdl-mypham-SiteHeader-phone small { font-size: 12px; font-weight: 500; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-SiteHeader-phone:hover { color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-SiteHeader-cta.bricks-button { min-height: 46px; padding: 0 22px; }

/* Menu mobile của Bricks */
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu-toggle { color: var(--pdl-mypham-color-ink); width: 26px; }
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu-toggle .bar-top,
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu-toggle .bar-center,
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu-toggle .bar-bottom { height: 2px; width: 26px; border-radius: 2px; }
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu-wrapper { background: var(--pdl-mypham-color-night); width: min(400px, 100%); }
/* ::before của wrapper là lớp nền mặc định của Bricks → tô lại, tên thương hiệu đặt ở ::before của danh sách */
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu-wrapper::before { background-color: var(--pdl-mypham-color-night); }
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu { padding-top: 78px; position: relative; }
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu::before {
	content: "Mỹ phẩm Lợi Phương";
	position: absolute;
	top: 28px;
	left: 30px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--pdl-mypham-color-gold-300);
}
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu > li { border-bottom: 1px solid rgba(246, 238, 223, .1); }
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu > li > a { padding: 16px 30px; font-size: 19px; font-weight: 600; color: var(--pdl-mypham-color-on-dark); }
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu > .current-menu-item > a { color: var(--pdl-mypham-color-gold-300); }
.pdl-mypham-SiteHeader-nav .bricks-mobile-menu-overlay { background: rgba(33, 26, 21, .55); }
.pdl-mypham-SiteHeader-nav.show-mobile-menu .bricks-mobile-menu-toggle { color: var(--pdl-mypham-color-on-dark); z-index: 1000; }
.pdl-mypham-SiteHeader-nav.show-mobile-menu .bricks-mobile-menu-toggle span { background-color: var(--pdl-mypham-color-on-dark) !important; }

/* ========================================================== 7. Hũ kem minh hoạ (SVG từ [pdl_mypham_pack]) */
.pdl-mypham-PackFrame { width: 100%; }
.pdl-mypham-Pack {
	--pdl-mypham-Pack-lidLight: var(--pdl-mypham-color-gold-100);
	--pdl-mypham-Pack-lid: var(--pdl-mypham-color-gold);
	--pdl-mypham-Pack-lidDark: var(--pdl-mypham-color-gold-600);
	--pdl-mypham-Pack-body: var(--pdl-mypham-color-lotus-100);
	--pdl-mypham-Pack-bodyLight: var(--pdl-mypham-color-white);
	--pdl-mypham-Pack-accent: var(--pdl-mypham-color-lotus-600);
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
	filter: drop-shadow(0 18px 22px rgba(44, 34, 27, .12));
}
.pdl-mypham-Pack--nam { --pdl-mypham-Pack-body: var(--pdl-mypham-color-amber-100); --pdl-mypham-Pack-accent: var(--pdl-mypham-color-amber-700); }
.pdl-mypham-Pack--mun { --pdl-mypham-Pack-body: var(--pdl-mypham-color-leaf-100); --pdl-mypham-Pack-accent: var(--pdl-mypham-color-leaf-700); }
.pdl-mypham-Pack--snow {
	/* White Snow: hũ tím như bao bì thật */
	--pdl-mypham-Pack-lidLight: var(--pdl-mypham-color-violet-100);
	--pdl-mypham-Pack-lid: var(--pdl-mypham-color-violet);
	--pdl-mypham-Pack-lidDark: var(--pdl-mypham-color-violet-700);
	--pdl-mypham-Pack-body: var(--pdl-mypham-color-violet-100);
	--pdl-mypham-Pack-bodyLight: var(--pdl-mypham-color-violet-50);
}
/* Ảnh chụp thật đã tách nền (thay cho hình vẽ) */
.pdl-mypham-PackPhoto { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 18px 20px rgba(44, 34, 27, .16)); }
.pdl-mypham-ProductCard-media:has(.pdl-mypham-PackPhoto), .pdl-mypham-NeedCard-media:has(.pdl-mypham-PackPhoto), .pdl-mypham-LinePanel-media:has(.pdl-mypham-PackPhoto) { padding-inline: 10%; }

/* Thumbnail thống nhất ([pdl_mypham_pack shot="1"]): ảnh vuông cùng một style; chưa có ảnh chụp → hình vẽ trên ảnh bục trống cùng style */
.pdl-mypham-PackShot {
	--pdl-mypham-PackShot-artWidth: 40%;
	--pdl-mypham-PackShot-artBottom: 32%;
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
	background: var(--pdl-mypham-color-cream);
}
.pdl-mypham-PackShot-image, .pdl-mypham-PackShot-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--pdl-mypham-ease); }
.pdl-mypham-PackShot-art { position: absolute; left: 50%; bottom: var(--pdl-mypham-PackShot-artBottom); width: var(--pdl-mypham-PackShot-artWidth); transform: translateX(-50%); transition: transform .6s var(--pdl-mypham-ease); }
.pdl-mypham-ProductCard-media:has(.pdl-mypham-PackShot), .pdl-mypham-NeedCard-media:has(.pdl-mypham-PackShot), .pdl-mypham-LinePanel-media:has(.pdl-mypham-PackShot) { padding: 0; background: none; }
.pdl-mypham-ProductCard:hover .pdl-mypham-PackShot-image, .pdl-mypham-NeedCard:hover .pdl-mypham-PackShot-image { transform: scale(1.04); }
.pdl-mypham-ProductCard:hover .pdl-mypham-PackShot-art, .pdl-mypham-NeedCard:hover .pdl-mypham-PackShot-art { transform: translateX(-50%) translateY(-6px); }
.pdl-mypham-Gallery--illustration .pdl-mypham-PackShot { border-radius: var(--pdl-mypham-radius-card); }

/* Thư viện ảnh trang chi tiết */
.pdl-mypham-ProductHero-media:has(.pdl-mypham-Gallery) { display: block; padding: 0; background: none; border: 0; overflow: visible; }
.pdl-mypham-ProductHero-media:has(.pdl-mypham-Gallery) .pdl-mypham-ProductHero-lotus { display: none; }
.pdl-mypham-ProductHero-gallery { width: 100%; min-width: 0; }
.pdl-mypham-ProductHero-inner > * { min-width: 0; }
.pdl-mypham-Chip.brxe-shortcode { width: auto; }
.pdl-mypham-Gallery { position: relative; width: 100%; min-width: 0; }
.pdl-mypham-Gallery-track { display: flex; width: 100%; overflow-x: auto; box-shadow: var(--pdl-mypham-shadow-soft); scroll-snap-type: x mandatory; border-radius: 24px; scrollbar-width: none; background: var(--pdl-mypham-color-white); }
.pdl-mypham-Gallery-track::-webkit-scrollbar { display: none; }
.pdl-mypham-Gallery-slide { flex: 0 0 100%; margin: 0; scroll-snap-align: center; aspect-ratio: 1; }
.pdl-mypham-Gallery-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.pdl-mypham-Gallery-thumbs { display: flex; gap: 8px; margin-top: 12px; overflow-x: auto; scrollbar-width: none; }
.pdl-mypham-Gallery-thumb { flex: none; width: 68px; height: 68px; padding: 0; border: 2px solid transparent; border-radius: 14px; overflow: hidden; background: var(--pdl-mypham-color-white); cursor: pointer; opacity: .7; transition: opacity .2s, border-color .2s; }
.pdl-mypham-Gallery-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pdl-mypham-Gallery-thumb.is-active, .pdl-mypham-Gallery-thumb:hover { opacity: 1; border-color: var(--pdl-mypham-color-gold); }
.pdl-mypham-Gallery--illustration { padding: 0; }
.pdl-mypham-Gallery-note { margin: 14px 0 0; text-align: center; font-size: 12.5px; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-Pack-shadow { fill: rgba(44, 34, 27, .1); }
.pdl-mypham-Pack-label { fill: var(--pdl-mypham-color-white); stroke: var(--pdl-mypham-color-line); stroke-width: 1; }
.pdl-mypham-Pack-rim { fill: var(--pdl-mypham-Pack-lidDark); opacity: .55; }
.pdl-mypham-Pack-shine { stroke: rgba(255, 255, 255, .7); stroke-width: 4; stroke-linecap: round; fill: none; }
.pdl-mypham-Pack-brand { font: 700 9.5px var(--pdl-mypham-font-sans); letter-spacing: .2em; fill: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-Pack-word { font: 700 22px var(--pdl-mypham-font-sans); letter-spacing: -.01em; fill: var(--pdl-mypham-Pack-accent); }
.pdl-mypham-Pack-line { font: 600 7.5px var(--pdl-mypham-font-sans); letter-spacing: .3em; fill: var(--pdl-mypham-color-muted); }

/* ========================================================== 8. Trang chủ */
.pdl-mypham-HomeHero {
	position: relative;
	overflow: hidden;
	padding: clamp(48px, 6vw, 88px) 0 clamp(56px, 7vw, 100px);
	background:
		radial-gradient(60% 70% at 85% 30%, var(--pdl-mypham-color-lotus-50), transparent 70%),
		radial-gradient(50% 60% at 10% 90%, var(--pdl-mypham-color-gold-50), transparent 70%),
		var(--pdl-mypham-color-paper);
}
.pdl-mypham-HomeHero-lotus { position: absolute; right: -60px; top: -40px; width: 420px; color: var(--pdl-mypham-color-gold-200); opacity: .55; pointer-events: none; }
.pdl-mypham-HomeHero-lotus svg, .pdl-mypham-PageHero-lotus svg, .pdl-mypham-Cta-lotus svg, .pdl-mypham-SiteFooter-lotus svg,
.pdl-mypham-ProductHero-lotus svg, .pdl-mypham-ErrorPage-lotus svg { width: 100%; height: auto; display: block; }
.pdl-mypham-HomeHero-inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.pdl-mypham-HomeHero-title { max-width: 620px; }
.pdl-mypham-HomeHero-lead { max-width: 560px; }
.pdl-mypham-HomeHero-hotline { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 26px 0 0; font-size: 15px; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-HomeHero-hotline .pdl-mypham-Icon { width: 18px; height: 18px; color: var(--pdl-mypham-color-gold-600); }
.pdl-mypham-HomeHero-hotline a { font-weight: 700; color: var(--pdl-mypham-color-ink); text-decoration: none; }
.pdl-mypham-HomeHero-hotline a:hover { color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-HomeHero-hotline i { font-style: normal; opacity: .5; }

.pdl-mypham-HomeHero-visual { position: relative; aspect-ratio: 1 / .9; display: grid; place-items: center; }
.pdl-mypham-HomeHero-halo {
	position: absolute;
	inset: 6% 8%;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 45%, var(--pdl-mypham-color-white), var(--pdl-mypham-color-lotus-100) 60%, var(--pdl-mypham-color-gold-100));
	box-shadow: inset 0 0 0 1px var(--pdl-mypham-color-gold-100), 0 40px 80px -50px rgba(143, 107, 34, .6);
}
.pdl-mypham-HomeHero-halo::after {
	content: "";
	position: absolute;
	inset: -18px;
	border-radius: 50%;
	border: 1px dashed var(--pdl-mypham-color-gold-200);
	animation: pdl-mypham-spin 60s linear infinite;
}
.pdl-mypham-HomeHero-packs { position: relative; display: grid; grid-template-columns: 1fr 1.3fr 1fr; align-items: end; width: 100%; margin-top: 6%; }
.pdl-mypham-HomeHero-packs > :nth-child(1) { transform: translateX(16%) rotate(-6deg); }
.pdl-mypham-HomeHero-packs > :nth-child(2) { position: relative; z-index: 2; margin-bottom: 8%; }
.pdl-mypham-HomeHero-packs > :nth-child(3) { transform: translateX(-16%) rotate(6deg); }

.pdl-mypham-FloatBadge {
	position: absolute;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 18px 12px 12px;
	border-radius: 16px;
	background: var(--pdl-mypham-color-white);
	box-shadow: var(--pdl-mypham-shadow-soft);
	font-size: 13px;
	line-height: 1.35;
	color: var(--pdl-mypham-color-muted);
	animation: pdl-mypham-float 6s ease-in-out infinite;
}
.pdl-mypham-FloatBadge strong { display: block; font-size: 14px; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-FloatBadge .pdl-mypham-Icon { width: 38px; height: 38px; padding: 9px; border-radius: 12px; background: var(--pdl-mypham-color-gold-50); color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-FloatBadge--top { top: 6%; left: 0; }
.pdl-mypham-FloatBadge--bottom { bottom: 4%; right: 0; animation-delay: -3s; }
.pdl-mypham-FloatBadge--bottom .pdl-mypham-Icon { background: var(--pdl-mypham-color-lotus-50); color: var(--pdl-mypham-color-lotus-600); }

@keyframes pdl-mypham-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes pdl-mypham-spin { to { transform: rotate(360deg); } }

/* Hero có ảnh sản phẩm (AI dựng từ ảnh chụp thật): ảnh chiếm 64% bên phải, hoà vào nền giấy bên trái */
.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop) { background: var(--pdl-mypham-color-paper); min-height: min(600px, 78vh); display: flex; align-items: center; }
.pdl-mypham-HomeHero-backdrop { position: absolute; inset: 0 0 0 auto; width: 64%; height: 100%; object-fit: cover; object-position: 100% 60%; }
.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop)::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(255, 252, 247, 1) 0%, rgba(255, 252, 247, 1) 36%, rgba(255, 252, 247, .75) 44%, rgba(255, 252, 247, 0) 58%);
	pointer-events: none;
}
.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop) .pdl-mypham-HomeHero-inner { position: relative; z-index: 2; display: block; }
.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop) .pdl-mypham-HomeHero-content { max-width: 600px; }
.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop) .pdl-mypham-HomeHero-title { max-width: 600px; }

/* Cách dùng có ảnh */
.pdl-mypham-UsageLayout { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(28px, 4vw, 56px); align-items: center; }
.pdl-mypham-UsageMedia { position: relative; border-radius: 28px; overflow: hidden; aspect-ratio: 4 / 5; box-shadow: var(--pdl-mypham-shadow-soft); }
.pdl-mypham-UsageMedia-image { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; display: block; }
.pdl-mypham-UsageContent .pdl-mypham-UsageSteps { grid-template-columns: repeat(2, 1fr); gap: 14px; }
.pdl-mypham-UsageContent .pdl-mypham-SectionHead { margin-bottom: 28px; }

/* Thành phần: ảnh chất kem */
.pdl-mypham-IngredientSpot .pdl-mypham-Container { display: grid; grid-template-columns: .85fr 1.15fr; gap: 28px clamp(28px, 4vw, 56px); align-items: center; }
.pdl-mypham-IngredientSpot-media { grid-row: span 2; position: relative; border-radius: 28px; overflow: hidden; aspect-ratio: 4 / 5; }
.pdl-mypham-IngredientSpot-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.pdl-mypham-IngredientSpot-caption {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	margin: 0;
	padding: 12px 16px;
	border-radius: 14px;
	background: rgba(33, 26, 21, .72);
	font-size: 14px;
	line-height: 1.5;
	color: var(--pdl-mypham-color-on-dark);
}
.pdl-mypham-IngredientSpot .pdl-mypham-SectionHead { margin-bottom: 0; }
.pdl-mypham-IngredientSpot .pdl-mypham-IngredientGrid { grid-template-columns: repeat(2, 1fr); }

/* Dải ảnh đầm sen (Giới thiệu) */
.pdl-mypham-LotusBand { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; min-height: 560px; padding: 0 0 clamp(40px, 6vw, 72px); }
.pdl-mypham-LotusBand-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pdl-mypham-LotusBand::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(33, 26, 21, .85) 0%, rgba(33, 26, 21, .45) 45%, rgba(33, 26, 21, 0) 80%); }
.pdl-mypham-LotusBand .pdl-mypham-Container { position: relative; z-index: 2; }
.pdl-mypham-LotusBand-content { max-width: 640px; }
.pdl-mypham-LotusBand-title { color: var(--pdl-mypham-color-on-dark); }
.pdl-mypham-LotusBand-lead { color: var(--pdl-mypham-color-on-dark); }

/* Ảnh trong hero trang con */
.pdl-mypham-PageHero-image { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 28px; box-shadow: var(--pdl-mypham-shadow-lift); display: block; }
.pdl-mypham-PageHero-image--portrait { aspect-ratio: 4 / 5; }
.pdl-mypham-PageHero-photo { width: 100%; max-width: 420px; height: auto; display: block; filter: drop-shadow(0 30px 34px rgba(44, 34, 27, .22)); }

/* Dải cam kết */
.pdl-mypham-TrustStrip { background: var(--pdl-mypham-color-white); border-block: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-TrustStrip-list { display: grid; grid-template-columns: repeat(4, 1fr); }
.pdl-mypham-TrustStrip-item { display: flex; align-items: center; gap: 14px; padding: 24px 20px; }
.pdl-mypham-TrustStrip-item + .pdl-mypham-TrustStrip-item { border-left: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-TrustStrip-icon { width: 46px; height: 46px; padding: 11px; border-radius: 50%; background: var(--pdl-mypham-color-gold-50); color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-TrustStrip-body { display: flex; flex-direction: column; }
.pdl-mypham-TrustStrip-title { margin: 0; font-size: 15px; font-weight: 700; color: var(--pdl-mypham-color-ink); line-height: 1.35; }
.pdl-mypham-TrustStrip-text { margin: 2px 0 0; font-size: 13.5px; color: var(--pdl-mypham-color-muted); line-height: 1.45; }

/* Nhu cầu */
.pdl-mypham-NeedGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.pdl-mypham-NeedCard {
	--pdl-mypham-NeedCard-tint: var(--pdl-mypham-color-lotus-50);
	--pdl-mypham-NeedCard-accent: var(--pdl-mypham-color-lotus-600);
	display: flex;
	flex-direction: column;
	border-radius: var(--pdl-mypham-radius-card);
	background: var(--pdl-mypham-color-white);
	border: 1px solid var(--pdl-mypham-color-line);
	text-decoration: none;
	overflow: hidden;
	transition: transform .35s var(--pdl-mypham-ease), box-shadow .35s, border-color .35s;
}
.pdl-mypham-NeedCard--nam { --pdl-mypham-NeedCard-tint: var(--pdl-mypham-color-amber-100); --pdl-mypham-NeedCard-accent: var(--pdl-mypham-color-amber-700); }
.pdl-mypham-NeedCard--mun { --pdl-mypham-NeedCard-tint: var(--pdl-mypham-color-leaf-100); --pdl-mypham-NeedCard-accent: var(--pdl-mypham-color-leaf-700); }
.pdl-mypham-NeedCard:hover { transform: translateY(-6px); box-shadow: var(--pdl-mypham-shadow-lift); border-color: var(--pdl-mypham-color-gold-200); }
.pdl-mypham-NeedCard-media { padding: 34px 26% 18px; background: linear-gradient(180deg, var(--pdl-mypham-NeedCard-tint), var(--pdl-mypham-color-white)); }
.pdl-mypham-NeedCard-media .pdl-mypham-Pack { transition: transform .5s var(--pdl-mypham-ease); }
.pdl-mypham-NeedCard:hover .pdl-mypham-Pack { transform: translateY(-6px) rotate(-3deg); }
.pdl-mypham-NeedCard-body { padding: 8px 28px 28px; display: flex; flex-direction: column; flex: 1; }
.pdl-mypham-NeedCard-icon { width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: var(--pdl-mypham-NeedCard-tint); color: var(--pdl-mypham-NeedCard-accent); margin-bottom: 14px; }
.pdl-mypham-NeedCard-title { margin: 0; font-size: 21px; font-weight: 700; }
.pdl-mypham-NeedCard-text { margin: 10px 0 18px; font-size: 15px; line-height: 1.65; color: var(--pdl-mypham-color-body); }
.pdl-mypham-NeedCard-more { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; color: var(--pdl-mypham-NeedCard-accent); }
.pdl-mypham-NeedCard-more svg, .pdl-mypham-ProductCard-more svg, .pdl-mypham-LinePanel-list svg { width: 18px; height: 18px; transition: transform .3s var(--pdl-mypham-ease); }
.pdl-mypham-NeedCard:hover .pdl-mypham-NeedCard-more svg, .pdl-mypham-ProductCard:hover .pdl-mypham-ProductCard-more svg { transform: translateX(4px); }

/* ========================================================== 9. Thẻ sản phẩm */
.pdl-mypham-ProductGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.pdl-mypham-ProductCard {
	display: flex;
	flex-direction: column;
	border-radius: var(--pdl-mypham-radius-card);
	background: var(--pdl-mypham-color-white);
	border: 1px solid var(--pdl-mypham-color-line);
	text-decoration: none;
	overflow: hidden;
	transition: transform .35s var(--pdl-mypham-ease), box-shadow .35s, border-color .35s;
}
.pdl-mypham-ProductCard[hidden] { display: none; }
.pdl-mypham-ProductCard:hover { transform: translateY(-6px); box-shadow: var(--pdl-mypham-shadow-lift); border-color: var(--pdl-mypham-color-gold-200); }
.pdl-mypham-ProductCard-media {
	position: relative;
	padding: 36px 24% 22px;
	background: radial-gradient(70% 70% at 50% 40%, var(--pdl-mypham-color-white), var(--pdl-mypham-color-cream));
	border-bottom: 1px solid var(--pdl-mypham-color-line);
}
.pdl-mypham-ProductCard-media .pdl-mypham-Pack { transition: transform .5s var(--pdl-mypham-ease); }
.pdl-mypham-ProductCard:hover .pdl-mypham-Pack { transform: translateY(-6px) scale(1.03); }
.pdl-mypham-ProductCard-need {
	position: absolute;
	top: 14px;
	left: 14px;
	padding: 5px 12px;
	border-radius: var(--pdl-mypham-radius-pill);
	background: var(--pdl-mypham-color-white);
	border: 1px solid var(--pdl-mypham-color-line);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--pdl-mypham-color-body);
}
.pdl-mypham-ProductCard-body { padding: 22px 24px 24px; display: flex; flex-direction: column; flex: 1; }
.pdl-mypham-ProductCard-line { margin: 0 0 6px; font-size: 12.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-ProductCard-title { margin: 0; font-size: 19px; line-height: 1.35; font-weight: 700; }
.pdl-mypham-ProductCard-text { margin: 10px 0 18px; font-size: 14.5px; line-height: 1.6; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-ProductCard-footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 16px; border-top: 1px dashed var(--pdl-mypham-color-line-strong); }
.pdl-mypham-ProductCard-more { display: inline-flex; align-items: center; gap: 6px; flex: none; white-space: nowrap; font-size: 14.5px; font-weight: 600; color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-ProductCard-footer > .brxe-shortcode { flex: 1 1 auto; min-width: 0; }
.pdl-mypham-Price { font-size: 18px; font-weight: 700; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-Price-regular { margin-left: 6px; font-size: .78em; font-weight: 500; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-ProductHero-cart:not(:empty) { margin-top: 22px; }
.pdl-mypham-SiteHeader-cart { display: flex; align-items: center; }
.pdl-mypham-Price--contact { font-size: 14.5px; font-weight: 600; color: var(--pdl-mypham-color-lotus-600); }
.pdl-mypham-ProductGrid--compact .pdl-mypham-ProductCard-text { display: none; }

/* Hai nhãn hàng */
.pdl-mypham-LineSection-inner { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.pdl-mypham-LineIntro .pdl-mypham-ButtonRow, .pdl-mypham-LineIntro > .pdl-mypham-Button { margin-top: 28px; }
.pdl-mypham-LineGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.pdl-mypham-LinePanel { border-radius: var(--pdl-mypham-radius-card); overflow: hidden; background: var(--pdl-mypham-color-cream); border: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-LinePanel--white-snow { background: var(--pdl-mypham-color-white); }
.pdl-mypham-LinePanel-media { padding: 28px 30% 6px; }
.pdl-mypham-LinePanel-body { padding: 8px 24px 22px; }
.pdl-mypham-LinePanel-kicker { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-LinePanel-title { margin: 2px 0 12px; font-size: 26px; font-weight: 700; color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-LinePanel-list { margin: 0; padding: 0; list-style: none; }
.pdl-mypham-LinePanel-list li + li { border-top: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-LinePanel-list a { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 10px; padding: 12px 0; text-decoration: none; font-weight: 600; font-size: 15px; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-LinePanel-list a span { grid-column: 1 / -1; font-size: 12.5px; font-weight: 500; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-LinePanel-list a svg { grid-row: 2; grid-column: 2; color: var(--pdl-mypham-color-gold-600); }
.pdl-mypham-LinePanel-list a:hover { color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-LinePanel-list a:hover svg { transform: translateX(4px); }

/* Cách dùng */
.pdl-mypham-UsageSteps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; counter-reset: step; }
.pdl-mypham-UsageStep { position: relative; padding: 28px 24px; border-radius: var(--pdl-mypham-radius-card); background: var(--pdl-mypham-color-white); border: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-UsageStep-icon { width: 48px; height: 48px; padding: 12px; border-radius: 50%; background: var(--pdl-mypham-color-lotus-50); color: var(--pdl-mypham-color-lotus-600); }
.pdl-mypham-UsageStep-number { position: absolute; top: 22px; right: 24px; margin: 0; font-size: 34px; font-weight: 700; line-height: 1; color: var(--pdl-mypham-color-gold-100); }
.pdl-mypham-UsageStep-title { margin: 18px 0 6px; font-size: 18px; font-weight: 700; }
.pdl-mypham-UsageStep-text { margin: 0; font-size: 15px; line-height: 1.6; color: var(--pdl-mypham-color-body); }

/* Thành phần nổi bật (nền tối) */
.pdl-mypham-IngredientSpot { overflow: hidden; }
.pdl-mypham-IngredientGrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(246, 238, 223, .12); border: 1px solid rgba(246, 238, 223, .12); border-radius: var(--pdl-mypham-radius-card); overflow: hidden; }
.pdl-mypham-IngredientCard { padding: 30px 26px; background: var(--pdl-mypham-color-night); }
.pdl-mypham-IngredientCard-name { margin: 0 0 10px; font-size: 19px; font-weight: 700; color: var(--pdl-mypham-color-gold-300); }
.pdl-mypham-IngredientCard-text { margin: 0; font-size: 15px; line-height: 1.65; color: var(--pdl-mypham-color-on-dark-muted); }

/* Cách mua */
.pdl-mypham-BuyGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.pdl-mypham-BuyCard { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 30px 28px; border-radius: var(--pdl-mypham-radius-card); background: var(--pdl-mypham-color-white); border: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-BuyCard--featured { background: linear-gradient(160deg, var(--pdl-mypham-color-gold-50), var(--pdl-mypham-color-lotus-50)); border-color: var(--pdl-mypham-color-gold-200); }
.pdl-mypham-BuyCard-icon { width: 50px; height: 50px; padding: 12px; border-radius: 14px; background: var(--pdl-mypham-color-gold-50); color: var(--pdl-mypham-color-gold-700); border: 1px solid var(--pdl-mypham-color-gold-100); }
.pdl-mypham-BuyCard-title { margin: 8px 0 0; font-size: 20px; font-weight: 700; }
.pdl-mypham-BuyCard-text { margin: 0 0 8px; font-size: 15px; line-height: 1.65; }
.pdl-mypham-BuyCard-text a { font-weight: 700; color: var(--pdl-mypham-color-ink); text-decoration: none; }
.pdl-mypham-BuyCard-text a:hover { color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-BuyCard .pdl-mypham-TextLink, .pdl-mypham-BuyCard .pdl-mypham-Button { margin-top: auto; }

/* CTA */
.pdl-mypham-Cta { padding-top: 0; }
.pdl-mypham-Section--cream + .pdl-mypham-Cta, .pdl-mypham-Section--dark + .pdl-mypham-Cta { padding-top: var(--pdl-mypham-space-section); }
.pdl-mypham-Cta-panel {
	position: relative;
	overflow: hidden;
	padding: clamp(40px, 6vw, 80px);
	border-radius: 30px;
	background:
		radial-gradient(60% 90% at 100% 0%, rgba(222, 140, 156, .28), transparent 60%),
		radial-gradient(50% 80% at 0% 100%, rgba(196, 154, 69, .25), transparent 60%),
		var(--pdl-mypham-color-night);
	color: var(--pdl-mypham-color-on-dark-muted);
}
.pdl-mypham-Cta-lotus { position: absolute; right: -30px; bottom: -40px; width: 380px; color: var(--pdl-mypham-color-gold-300); opacity: .22; pointer-events: none; }
.pdl-mypham-Cta-content { position: relative; max-width: 680px; }
.pdl-mypham-Cta-title { color: var(--pdl-mypham-color-on-dark); }
.pdl-mypham-Cta-lead { color: var(--pdl-mypham-color-on-dark-muted); }

/* ========================================================== 10. Trang con */
.pdl-mypham-PageHero {
	position: relative;
	overflow: hidden;
	padding-block: clamp(44px, 6vw, 84px);
	background:
		radial-gradient(55% 80% at 90% 10%, var(--pdl-mypham-color-lotus-50), transparent 70%),
		linear-gradient(180deg, var(--pdl-mypham-color-cream), var(--pdl-mypham-color-paper));
	border-bottom: 1px solid var(--pdl-mypham-color-line);
}
.pdl-mypham-PageHero-lotus { position: absolute; right: 4%; bottom: -30px; width: 300px; color: var(--pdl-mypham-color-gold-200); opacity: .6; pointer-events: none; }
.pdl-mypham-PageHero-inner { display: grid; grid-template-columns: 1.3fr .7fr; gap: 48px; align-items: center; }
.pdl-mypham-PageHero--textOnly .pdl-mypham-PageHero-inner { grid-template-columns: minmax(0, 860px); }
.pdl-mypham-PageHero-lead { max-width: 680px; }
.pdl-mypham-PageHero-visual { display: grid; place-items: center; }
.pdl-mypham-PageHero-mark { width: min(240px, 70%); height: auto; filter: drop-shadow(0 30px 40px rgba(143, 107, 34, .3)); }

/* Giới thiệu */
.pdl-mypham-Story-inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(32px, 5vw, 72px); align-items: start; }
.pdl-mypham-Story-text .pdl-mypham-Heading { margin-bottom: 22px; }
.pdl-mypham-FactCard { padding: 34px; border-radius: var(--pdl-mypham-radius-card); background: var(--pdl-mypham-color-white); border: 1px solid var(--pdl-mypham-color-line); box-shadow: var(--pdl-mypham-shadow-soft); }
.pdl-mypham-FactCard-logo { width: 190px; height: auto; display: block; margin: 0 auto 22px; }
.pdl-mypham-FactList { margin: 0; display: grid; gap: 0; }
.pdl-mypham-FactList > div { display: grid; grid-template-columns: 150px 1fr; gap: 12px; padding: 13px 0; border-top: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-FactList dt { font-size: 13.5px; font-weight: 600; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-FactList dd { margin: 0; font-size: 15px; font-weight: 500; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-FactList--compact > div { grid-template-columns: 1fr; gap: 2px; padding: 11px 0; }

.pdl-mypham-ValueGrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.pdl-mypham-ValueCard { padding: 30px 26px; border-radius: var(--pdl-mypham-radius-card); background: var(--pdl-mypham-color-white); border: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-ValueCard-icon { width: 50px; height: 50px; padding: 12px; border-radius: 50%; background: var(--pdl-mypham-color-gold-50); color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-ValueCard-title { margin: 18px 0 8px; font-size: 19px; font-weight: 700; }
.pdl-mypham-ValueCard-text { margin: 0; font-size: 15px; line-height: 1.65; }

/* Bảng */
.pdl-mypham-TableWrap { overflow-x: auto; border-radius: var(--pdl-mypham-radius-card); border: 1px solid var(--pdl-mypham-color-line); background: var(--pdl-mypham-color-white); }
.pdl-mypham-Table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 640px; }
.pdl-mypham-Table th { text-align: left; padding: 16px 20px; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--pdl-mypham-color-muted); background: var(--pdl-mypham-color-cream); border-bottom: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-Table td { padding: 16px 20px; border-bottom: 1px solid var(--pdl-mypham-color-line); vertical-align: top; color: var(--pdl-mypham-color-body); }
.pdl-mypham-Table tr:last-child td { border-bottom: 0; }
.pdl-mypham-Table td strong { color: var(--pdl-mypham-color-ink); white-space: nowrap; }
.pdl-mypham-Table a { font-weight: 600; color: var(--pdl-mypham-color-ink); text-decoration: none; }
.pdl-mypham-Table a:hover { color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-Table--compare td:first-child span { display: block; margin-top: 2px; font-size: 13px; color: var(--pdl-mypham-color-muted); }

/* Bộ lọc sản phẩm */
.pdl-mypham-FilterBar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 30px; }
.pdl-mypham-FilterBar-label { margin-right: 6px; font-size: 14px; font-weight: 600; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-FilterBar-button {
	min-height: 44px;
	padding: 0 18px;
	border-radius: var(--pdl-mypham-radius-pill);
	border: 1px solid var(--pdl-mypham-color-line-strong);
	background: var(--pdl-mypham-color-white);
	font: 500 14.5px var(--pdl-mypham-font-sans);
	color: var(--pdl-mypham-color-body);
	cursor: pointer;
	transition: background-color .2s, color .2s, border-color .2s;
}
.pdl-mypham-FilterBar-button:hover { border-color: var(--pdl-mypham-color-ink); color: var(--pdl-mypham-color-ink); }
.pdl-mypham-FilterBar-button[aria-pressed="true"] { background: var(--pdl-mypham-color-ink); border-color: var(--pdl-mypham-color-ink); color: var(--pdl-mypham-color-paper); }
.pdl-mypham-FilterBar-empty { margin: 24px 0 0; padding: 24px; text-align: center; border-radius: var(--pdl-mypham-radius-card); background: var(--pdl-mypham-color-cream); }

/* Quy trình (nền tối) */
.pdl-mypham-Process-inner { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(32px, 5vw, 72px); align-items: start; }
.pdl-mypham-Process-intro { position: sticky; top: calc(var(--pdl-mypham-header-height) + 32px); }
.pdl-mypham-Process-intro > .pdl-mypham-Button { margin-top: 30px; }
.pdl-mypham-Process-steps { display: grid; gap: 14px; }
.pdl-mypham-Process-step { display: grid; grid-template-columns: 72px 1fr; gap: 18px; padding: 24px 26px; border-radius: var(--pdl-mypham-radius-card); background: rgba(246, 238, 223, .04); border: 1px solid rgba(246, 238, 223, .12); }
.pdl-mypham-Process-number { margin: 0; font-size: 38px; font-weight: 700; line-height: 1; color: var(--pdl-mypham-color-gold-300); }
.pdl-mypham-Process-title { margin: 0 0 6px; font-size: 19px; font-weight: 700; }
.pdl-mypham-Process-text { margin: 0; font-size: 15px; line-height: 1.65; color: var(--pdl-mypham-color-on-dark-muted); }

/* Hỏi đáp */
.pdl-mypham-FaqSection-inner { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(32px, 5vw, 72px); align-items: start; }
.pdl-mypham-FaqSection-head .pdl-mypham-SectionHead { margin-bottom: 0; }
.pdl-mypham-Faq { display: grid; gap: 12px; }
.pdl-mypham-Faq-item { border-radius: 18px; background: var(--pdl-mypham-color-white); border: 1px solid var(--pdl-mypham-color-line); transition: border-color .25s, box-shadow .25s; }
.pdl-mypham-Faq-item[open] { border-color: var(--pdl-mypham-color-gold-200); box-shadow: var(--pdl-mypham-shadow-soft); }
.pdl-mypham-Faq-question { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; font-size: 17px; font-weight: 600; color: var(--pdl-mypham-color-ink); cursor: pointer; list-style: none; }
.pdl-mypham-Faq-question::-webkit-details-marker { display: none; }
.pdl-mypham-Faq-toggle { position: relative; width: 28px; height: 28px; flex: none; border-radius: 50%; background: var(--pdl-mypham-color-gold-50); }
.pdl-mypham-Faq-toggle::before, .pdl-mypham-Faq-toggle::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.8px; margin: -.9px 0 0 -6px; border-radius: 2px; background: var(--pdl-mypham-color-gold-700); transition: transform .3s var(--pdl-mypham-ease); }
.pdl-mypham-Faq-toggle::after { transform: rotate(90deg); }
.pdl-mypham-Faq-item[open] .pdl-mypham-Faq-toggle::after { transform: rotate(0); }
.pdl-mypham-Faq-answer { padding: 0 24px 22px; }
.pdl-mypham-Faq-answer p { margin: 0; font-size: 15.5px; line-height: 1.75; }

/* Liên hệ */
.pdl-mypham-ContactLayout { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: stretch; }
.pdl-mypham-ContactInfo { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-content: start; }
.pdl-mypham-ContactCard { display: flex; gap: 14px; padding: 22px; border-radius: 18px; background: var(--pdl-mypham-color-white); border: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-ContactCard-icon { width: 44px; height: 44px; padding: 10px; border-radius: 12px; background: var(--pdl-mypham-color-gold-50); color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-ContactCard-title { margin: 0 0 6px; font-size: 15px; font-weight: 700; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-ContactCard-body p { margin: 0 0 4px; font-size: 15px; line-height: 1.6; }
.pdl-mypham-ContactCard-body a { font-weight: 600; color: var(--pdl-mypham-color-ink); text-decoration: none; }
.pdl-mypham-ContactCard-body a:hover { color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-ContactOrder { grid-column: 1 / -1; padding: 28px; border-radius: 18px; background: linear-gradient(150deg, var(--pdl-mypham-color-gold-50), var(--pdl-mypham-color-lotus-50)); border: 1px solid var(--pdl-mypham-color-gold-200); }
.pdl-mypham-ContactOrder-title { margin: 0; font-size: 21px; font-weight: 700; }
.pdl-mypham-ContactOrder-text { margin: 8px 0 18px; font-size: 15px; }
.pdl-mypham-Map { min-height: 420px; border-radius: var(--pdl-mypham-radius-card); overflow: hidden; border: 1px solid var(--pdl-mypham-color-line); background: var(--pdl-mypham-color-cream); }
.pdl-mypham-Map .brxe-shortcode, .pdl-mypham-Map-frame { width: 100%; height: 100%; min-height: 420px; border: 0; display: block; }

/* ========================================================== 11. Trang chi tiết sản phẩm */
.pdl-mypham-ProductHero { padding: clamp(32px, 4vw, 56px) 0 clamp(56px, 7vw, 96px); background: linear-gradient(180deg, var(--pdl-mypham-color-cream), var(--pdl-mypham-color-paper)); }
.pdl-mypham-ProductHero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.pdl-mypham-ProductHero-media {
	position: relative;
	display: grid;
	place-items: center;
	padding: 12% 16% 8%;
	border-radius: 32px;
	background: radial-gradient(70% 70% at 50% 42%, var(--pdl-mypham-color-white), var(--pdl-mypham-color-lotus-50) 70%, var(--pdl-mypham-color-gold-50));
	border: 1px solid var(--pdl-mypham-color-line);
	overflow: hidden;
}
.pdl-mypham-ProductHero-lotus { position: absolute; left: -40px; bottom: -30px; width: 260px; color: var(--pdl-mypham-color-gold-200); opacity: .5; }
.pdl-mypham-ProductHero-pack { position: relative; width: 100%; }
.pdl-mypham-ProductHero-caption { position: relative; margin: 18px 0 0; font-size: 12.5px; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-ProductHero-title { margin: 0; font-size: clamp(30px, 3.6vw, 46px); line-height: 1.2; font-weight: 700; }
.pdl-mypham-ProductHero-priceRow { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 24px; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-ProductHero-price .pdl-mypham-Price { font-size: 28px; }
.pdl-mypham-ProductHero-price .pdl-mypham-Price-regular { margin-left: 6px; font-size: .78em; font-weight: 500; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-ProductHero-cart:not(:empty) { margin-top: 22px; }
.pdl-mypham-SiteHeader-cart { display: flex; align-items: center; }
.pdl-mypham-Price--contact { font-size: 20px; }
.pdl-mypham-ProductHero-cbmp { margin: 0; font-size: 14px; font-weight: 500; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-ProductHero-assurance { display: grid; gap: 10px; margin: 28px 0 0; padding: 0; list-style: none; font-size: 14.5px; color: var(--pdl-mypham-color-body); }
.pdl-mypham-ProductHero-assurance li { display: flex; align-items: center; gap: 10px; }
.pdl-mypham-ProductHero-assurance svg { width: 20px; height: 20px; flex: none; color: var(--pdl-mypham-color-gold-600); }

.pdl-mypham-ProductDetail-inner { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: clamp(28px, 4vw, 56px); align-items: start; }
.pdl-mypham-InfoGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pdl-mypham-InfoCard { padding: 24px; border-radius: 18px; background: var(--pdl-mypham-color-white); border: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-InfoCard-title { margin: 0 0 8px; font-size: 16px; font-weight: 700; color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-InfoCard-text { margin: 0; font-size: 15.5px; line-height: 1.7; }
.pdl-mypham-Notice { margin-top: 16px; padding: 22px 24px; border-radius: 18px; background: var(--pdl-mypham-color-lotus-50); border: 1px solid var(--pdl-mypham-color-lotus-100); }
.pdl-mypham-Notice-title { margin: 0 0 6px; font-size: 16px; font-weight: 700; color: var(--pdl-mypham-color-lotus-700); }
.pdl-mypham-Notice-text { margin: 0; font-size: 15px; line-height: 1.7; }
.pdl-mypham-ProductDetail-ingredients { margin-top: 44px; }
.pdl-mypham-IngredientTable { width: 100%; border-collapse: collapse; font-size: 15px; background: var(--pdl-mypham-color-white); border-radius: 18px; overflow: hidden; box-shadow: 0 0 0 1px var(--pdl-mypham-color-line); }
.pdl-mypham-IngredientTable th { text-align: left; padding: 14px 18px; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--pdl-mypham-color-muted); background: var(--pdl-mypham-color-sand); }
.pdl-mypham-IngredientTable td { padding: 12px 18px; border-top: 1px solid var(--pdl-mypham-color-line); color: var(--pdl-mypham-color-ink); }
.pdl-mypham-IngredientTable td:first-child { width: 64px; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-IngredientTable td:last-child { width: 110px; font-weight: 600; white-space: nowrap; }
.pdl-mypham-IngredientTable-note { margin: 12px 0 0; font-size: 13px; color: var(--pdl-mypham-color-muted); }

.pdl-mypham-ProductDetail-aside { position: sticky; top: calc(var(--pdl-mypham-header-height) + 24px); display: grid; gap: 16px; }
.pdl-mypham-CbmpCard { padding: 28px; border-radius: var(--pdl-mypham-radius-card); background: var(--pdl-mypham-color-white); border: 1px solid var(--pdl-mypham-color-gold-200); box-shadow: var(--pdl-mypham-shadow-soft); }
.pdl-mypham-CbmpCard-icon { width: 46px; height: 46px; padding: 11px; border-radius: 12px; background: var(--pdl-mypham-color-gold-50); color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-CbmpCard-kicker { margin: 16px 0 4px; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-CbmpCard-number { margin: 0 0 8px; font-size: 26px; font-weight: 700; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-AsideCta { display: grid; gap: 10px; padding: 26px; border-radius: var(--pdl-mypham-radius-card); background: var(--pdl-mypham-color-night); color: var(--pdl-mypham-color-on-dark-muted); }
.pdl-mypham-AsideCta-title { margin: 0; font-size: 19px; font-weight: 700; color: var(--pdl-mypham-color-on-dark); }
.pdl-mypham-AsideCta-text { margin: 0 0 8px; font-size: 14.5px; line-height: 1.6; }
.pdl-mypham-AsideCta .pdl-mypham-Button--ghost.bricks-button { background: transparent; color: var(--pdl-mypham-color-on-dark); border-color: rgba(246, 238, 223, .35); }

/* ========================================================== 12. Popup Đặt mua + form */
.brx-popup-content:has(> .pdl-mypham-OrderPopup) { width: min(580px, calc(100vw - 24px)); max-width: 580px; padding: 0; background: transparent; box-shadow: none; }
.brx-popup:has(.pdl-mypham-OrderPopup) .brx-popup-backdrop { background: rgba(33, 26, 21, .6); }
.pdl-mypham-OrderPopup { width: 100%; max-height: calc(100vh - 32px); overflow-y: auto; padding: 30px clamp(20px, 4vw, 34px) 24px; border-radius: 26px; background: var(--pdl-mypham-color-paper); box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .5); }
.pdl-mypham-OrderPopup-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
.pdl-mypham-OrderPopup-mark { width: 44px; height: auto; flex: none; }
.pdl-mypham-OrderPopup-titleGroup { flex: 1; }
.pdl-mypham-OrderPopup-title { margin: 0; font-size: 22px; font-weight: 700; }
.pdl-mypham-OrderPopup-text { margin: 4px 0 0; font-size: 14.5px; line-height: 1.55; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-OrderPopup-close { width: 38px; height: 38px; flex: none; display: grid; place-items: center; padding: 9px; border: 0; border-radius: 50%; background: var(--pdl-mypham-color-sand); color: var(--pdl-mypham-color-ink); cursor: pointer; }
.pdl-mypham-OrderPopup-close:hover { background: var(--pdl-mypham-color-ink); color: var(--pdl-mypham-color-paper); }
.pdl-mypham-OrderPopup-close svg { width: 100%; height: 100%; }
.pdl-mypham-OrderPopup-hotline { margin: 16px 0 0; text-align: center; font-size: 14px; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-OrderPopup-hotline a { font-weight: 700; color: var(--pdl-mypham-color-ink); text-decoration: none; }

.pdl-mypham-OrderForm { row-gap: 0; column-gap: 0; margin-inline: -6px; }
.pdl-mypham-OrderForm .form-group { padding: 0 6px 14px; margin: 0; }
.pdl-mypham-OrderForm .submit-button-wrapper { padding-inline: 6px; }
.pdl-mypham-OrderForm label { display: block; margin-bottom: 6px; font-size: 13.5px; font-weight: 600; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-OrderForm input, .pdl-mypham-OrderForm select, .pdl-mypham-OrderForm textarea {
	width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	border: 1px solid var(--pdl-mypham-color-line-strong);
	border-radius: 12px;
	background: var(--pdl-mypham-color-white);
	font: 400 15px var(--pdl-mypham-font-sans);
	color: var(--pdl-mypham-color-ink);
	transition: border-color .2s, box-shadow .2s;
}
.pdl-mypham-OrderForm textarea { min-height: 92px; resize: vertical; }
.pdl-mypham-OrderForm input:focus, .pdl-mypham-OrderForm select:focus, .pdl-mypham-OrderForm textarea:focus { outline: 0; border-color: var(--pdl-mypham-color-gold-600); box-shadow: 0 0 0 3px var(--pdl-mypham-color-gold-100); }
.pdl-mypham-OrderForm ::placeholder { color: var(--pdl-mypham-color-muted); opacity: .75; }
.pdl-mypham-OrderForm .submit-button-wrapper { width: 100%; margin-top: 6px; }
.pdl-mypham-OrderForm .bricks-button[type="submit"] {
	width: 100%;
	min-height: 52px;
	border-radius: var(--pdl-mypham-radius-pill);
	background: var(--pdl-mypham-color-gold-600);
	color: var(--pdl-mypham-color-white);
	font: 600 16px var(--pdl-mypham-font-sans);
	box-shadow: var(--pdl-mypham-shadow-gold);
}
.pdl-mypham-OrderForm .bricks-button[type="submit"]:hover { background: var(--pdl-mypham-color-gold-800); }
.pdl-mypham-OrderForm .required { color: var(--pdl-mypham-color-lotus-600); }
.pdl-mypham-OrderForm .message { width: 100%; margin-top: 8px; padding: 14px 16px; border-radius: 12px; font-size: 14.5px; }
.pdl-mypham-OrderForm .message.success { background: var(--pdl-mypham-color-leaf-100); color: var(--pdl-mypham-color-leaf-700); }
.pdl-mypham-OrderForm .message.error { background: var(--pdl-mypham-color-lotus-50); color: var(--pdl-mypham-color-lotus-700); }

/* Bộ chọn nhiều sản phẩm (trường HTML trong form) */
.pdl-mypham-OrderForm .form-group:has(.pdl-mypham-OrderPicker) { width: 100%; }
.pdl-mypham-OrderPicker { width: 100%; }
.pdl-mypham-OrderPicker-label { margin: 0 0 8px; font-size: 13.5px; font-weight: 600; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-OrderPicker-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.pdl-mypham-OrderPicker-item {
	--pdl-mypham-OrderPicker-tint: var(--pdl-mypham-color-lotus);
	display: grid;
	grid-template-columns: 10px 1fr auto;
	align-items: center;
	gap: 12px;
	padding: 8px 8px 8px 14px;
	border: 1px solid var(--pdl-mypham-color-line);
	border-radius: 14px;
	background: var(--pdl-mypham-color-white);
	transition: border-color .2s, background-color .2s;
}
.pdl-mypham-OrderPicker-item--nam { --pdl-mypham-OrderPicker-tint: var(--pdl-mypham-color-amber); }
.pdl-mypham-OrderPicker-item--mun { --pdl-mypham-OrderPicker-tint: var(--pdl-mypham-color-leaf); }
.pdl-mypham-OrderPicker-item.is-selected { border-color: var(--pdl-mypham-color-gold-300); background: var(--pdl-mypham-color-gold-50); }
.pdl-mypham-OrderPicker-swatch { width: 10px; height: 10px; border-radius: 50%; background: var(--pdl-mypham-OrderPicker-tint); }
.pdl-mypham-OrderPicker-name { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.pdl-mypham-OrderPicker-name strong { font-size: 14.5px; font-weight: 600; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-OrderPicker-name small { font-size: 12.5px; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-OrderPicker-stepper { display: inline-flex; align-items: center; border: 1px solid var(--pdl-mypham-color-line-strong); border-radius: var(--pdl-mypham-radius-pill); background: var(--pdl-mypham-color-white); }
.pdl-mypham-OrderPicker-stepper button {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	font: 500 20px/1 var(--pdl-mypham-font-sans);
	color: var(--pdl-mypham-color-gold-700);
	cursor: pointer;
	touch-action: manipulation;
}
.pdl-mypham-OrderPicker-stepper button:hover { background: var(--pdl-mypham-color-gold-50); }
.pdl-mypham-OrderPicker-qty { min-width: 22px; text-align: center; font-weight: 700; font-size: 15px; color: var(--pdl-mypham-color-ink); font-variant-numeric: tabular-nums; }
.pdl-mypham-OrderPicker-summary { margin: 10px 0 2px; font-size: 13.5px; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-OrderPicker-summary.is-filled { color: var(--pdl-mypham-color-gold-700); font-weight: 600; }

/* ========================================================== 13. 404 */
.pdl-mypham-ErrorPage { text-align: center; background: linear-gradient(180deg, var(--pdl-mypham-color-cream), var(--pdl-mypham-color-paper)); }
.pdl-mypham-ErrorPage-inner { max-width: 720px; }
.pdl-mypham-ErrorPage-lotus { display: block; width: 120px; margin: 0 auto 12px; color: var(--pdl-mypham-color-gold); }
.pdl-mypham-ErrorPage-code { margin: 0; font-size: clamp(80px, 12vw, 140px); font-weight: 700; line-height: 1; color: var(--pdl-mypham-color-gold-200); }
.pdl-mypham-ErrorPage .pdl-mypham-Lead { margin-inline: auto; }

/* ========================================================== 14. Footer */
.pdl-mypham-SiteFooter { position: relative; overflow: hidden; background: var(--pdl-mypham-color-night); color: var(--pdl-mypham-color-on-dark-muted); font-size: 15px; }
.pdl-mypham-SiteFooter-lotus { position: absolute; right: -80px; top: -60px; width: 420px; color: var(--pdl-mypham-color-gold); opacity: .08; pointer-events: none; }
.pdl-mypham-SiteFooter-inner {
	position: relative;
	max-width: calc(var(--pdl-mypham-width-content) + 2 * var(--pdl-mypham-space-gutter));
	margin-inline: auto;
	padding: clamp(56px, 7vw, 88px) var(--pdl-mypham-space-gutter) 0;
}
.pdl-mypham-SiteFooter-grid { display: grid; grid-template-columns: 1.4fr 1.1fr .8fr 1.1fr; gap: 40px; padding-bottom: 48px; }
.pdl-mypham-SiteFooter-logo, a.pdl-mypham-SiteFooter-logo img { width: 170px; height: auto; display: block; }
.pdl-mypham-SiteFooter-motto { margin: 20px 0 16px; font-size: 15px; font-weight: 500; color: var(--pdl-mypham-color-gold-300); }
.pdl-mypham-SiteFooter-heading { margin: 0 0 18px; font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--pdl-mypham-color-on-dark); }
.pdl-mypham-SiteFooter-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; line-height: 1.55; }
.pdl-mypham-SiteFooter-list strong { color: var(--pdl-mypham-color-on-dark); font-weight: 600; }
.pdl-mypham-SiteFooter-list a { text-decoration: none; color: var(--pdl-mypham-color-on-dark-muted); }
.pdl-mypham-SiteFooter-list a:hover { color: var(--pdl-mypham-color-gold-300); }
.pdl-mypham-SiteFooter-contact .pdl-mypham-SiteFooter-list span { display: block; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--pdl-mypham-color-gold-300); }
.pdl-mypham-SiteFooter-contact .pdl-mypham-Button { margin-top: 22px; }
.pdl-mypham-SiteFooter-bottom { padding: 20px 0 24px; border-top: 1px solid rgba(246, 238, 223, .12); text-align: center; }
/* Một dòng duy nhất trên mọi màn hình */
.pdl-mypham-SiteFooter-copyright { margin: 0; font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pdl-mypham-SiteFooter-copyright span { margin-inline: 6px; opacity: .5; }
.pdl-mypham-SiteFooter-copyright b { font-weight: 400; }
.pdl-mypham-SiteFooter-companyShort { display: none; }
@media (max-width: 480px) {
	.pdl-mypham-SiteFooter-copyright { font-size: 12.5px; }
	.pdl-mypham-SiteFooter-companyFull { display: none; }
	.pdl-mypham-SiteFooter-companyShort { display: inline; }
}

/* Thanh liên hệ dưới đáy màn hình (chỉ mobile) */
.pdl-mypham-MobileBar { display: none; }

/* ========================================================== 15. Hiệu ứng hiện dần (chỉ khi có JS, tắt khi giảm chuyển động) */
.pdl-mypham-js [data-pdl-mypham-reveal]:not([data-pdl-mypham-reveal="stagger"]) { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--pdl-mypham-ease), transform .8s var(--pdl-mypham-ease); }
.pdl-mypham-js [data-pdl-mypham-reveal="stagger"] > * { opacity: 0; transform: translateY(24px); transition: opacity .7s var(--pdl-mypham-ease) var(--pdl-mypham-reveal-delay, 0ms), transform .7s var(--pdl-mypham-ease) var(--pdl-mypham-reveal-delay, 0ms); }
.pdl-mypham-js [data-pdl-mypham-reveal].is-visible,
.pdl-mypham-js [data-pdl-mypham-reveal="stagger"].is-visible > * { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.pdl-mypham-js [data-pdl-mypham-reveal], .pdl-mypham-js [data-pdl-mypham-reveal="stagger"] > * { opacity: 1 !important; transform: none !important; transition: none !important; }
	.pdl-mypham-FloatBadge, .pdl-mypham-HomeHero-halo::after { animation: none; }
}

/* ========================================================== 16. Responsive */
@media (max-width: 1240px) {
	.pdl-mypham-SiteHeader-phone > span { display: none; }
}

@media (max-width: 1100px) {
	.pdl-mypham-SiteHeader-nav .bricks-nav-menu > li > a { padding-inline: 10px; }
	.pdl-mypham-SiteFooter-grid { grid-template-columns: 1fr 1fr; }
	.pdl-mypham-IngredientGrid, .pdl-mypham-ValueGrid, .pdl-mypham-UsageSteps { grid-template-columns: repeat(2, 1fr); }
	.pdl-mypham-ProductDetail-inner { grid-template-columns: 1fr; }
	.pdl-mypham-ProductDetail-aside { position: static; grid-template-columns: 1fr 1fr; }
	.pdl-mypham-LineSection-inner { grid-template-columns: 1fr; }
}

@media (max-width: 991px) {
	:root { --pdl-mypham-header-height: 70px; }
	.pdl-mypham-SiteTopbar-tagline { display: none; }
	.pdl-mypham-SiteTopbar-inner { justify-content: center; }
	.pdl-mypham-SiteHeader-inner { gap: 16px; }
	.pdl-mypham-SiteHeader-nav { order: 3; margin-left: 0; }
	.pdl-mypham-SiteHeader-actions { margin-left: auto; }
	.pdl-mypham-HomeHero-inner, .pdl-mypham-PageHero-inner, .pdl-mypham-Story-inner, .pdl-mypham-Process-inner,
	.pdl-mypham-FaqSection-inner, .pdl-mypham-ContactLayout, .pdl-mypham-ProductHero-inner { grid-template-columns: 1fr; }
	.pdl-mypham-HomeHero-visual { max-width: 560px; width: 100%; margin-inline: auto; }
	.pdl-mypham-PageHero-visual { display: none; }
	.pdl-mypham-UsageLayout, .pdl-mypham-IngredientSpot .pdl-mypham-Container { grid-template-columns: 1fr; }
	.pdl-mypham-UsageMedia, .pdl-mypham-IngredientSpot-media { aspect-ratio: 16 / 10; grid-row: auto; }
	/* Hero: ảnh nằm trên, chữ bên dưới */
	.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop) { display: flex; flex-direction: column; align-items: stretch; min-height: 0; padding: 0 0 40px; }
	.pdl-mypham-HomeHero-backdrop { position: relative; width: 100%; height: auto; aspect-ratio: 4 / 3; object-position: 55% 40%; }
	.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop)::before { inset: auto 0 0; top: calc(100vw * .75 - 120px); height: 120px; background: linear-gradient(180deg, rgba(255, 252, 247, 0), var(--pdl-mypham-color-paper)); }
	.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop) .pdl-mypham-HomeHero-inner { margin-top: -28px; }
	.pdl-mypham-Process-intro { position: static; }
	.pdl-mypham-ProductGrid, .pdl-mypham-NeedGrid, .pdl-mypham-BuyGrid { grid-template-columns: repeat(2, 1fr); }
	.pdl-mypham-TrustStrip-list { grid-template-columns: repeat(2, 1fr); }
	.pdl-mypham-TrustStrip-item:nth-child(3) { border-left: 0; }
	.pdl-mypham-TrustStrip-item:nth-child(n + 3) { border-top: 1px solid var(--pdl-mypham-color-line); }
	.pdl-mypham-ProductHero-media { max-width: 520px; width: 100%; margin-inline: auto; }
}

@media (max-width: 767px) {
	body { padding-bottom: 68px; }
	.pdl-mypham-SiteTopbar { display: none; }
	#brx-header:has(.pdl-mypham-SiteHeader) { top: 0; }
	.pdl-mypham-SiteHeader-cta.bricks-button { display: none; }
	.pdl-mypham-Logo-mark { width: 40px; }
	.pdl-mypham-Logo-text strong { font-size: 18px; }
	.pdl-mypham-ProductGrid, .pdl-mypham-NeedGrid, .pdl-mypham-BuyGrid, .pdl-mypham-LineGrid, .pdl-mypham-InfoGrid,
	.pdl-mypham-IngredientGrid, .pdl-mypham-ValueGrid, .pdl-mypham-UsageSteps, .pdl-mypham-ContactInfo,
	.pdl-mypham-ProductDetail-aside, .pdl-mypham-SiteFooter-grid { grid-template-columns: 1fr; }
	.pdl-mypham-TrustStrip-list { grid-template-columns: 1fr 1fr; }
	.pdl-mypham-TrustStrip-item { flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px 12px; }
	.pdl-mypham-ProductCard-media { padding-inline: 30%; }
	.pdl-mypham-FloatBadge { padding: 8px 12px 8px 8px; font-size: 12px; }
	.pdl-mypham-FloatBadge .pdl-mypham-Icon { width: 32px; height: 32px; padding: 7px; }
	.pdl-mypham-FactList > div { grid-template-columns: 1fr; gap: 2px; }
	.pdl-mypham-ButtonRow .pdl-mypham-Button.bricks-button { flex: 1 1 auto; }
	.pdl-mypham-Process-step { grid-template-columns: 1fr; gap: 8px; }
	.pdl-mypham-MobileBar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 80;
		display: grid;
		grid-template-columns: 1fr 1fr 1.3fr;
		gap: 8px;
		padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
		background: var(--pdl-mypham-color-paper);
		border-top: 1px solid var(--pdl-mypham-color-line);
		box-shadow: 0 -10px 30px -20px rgba(44, 34, 27, .5);
	}
	.pdl-mypham-Button--mobileBar.bricks-button, .pdl-mypham-Button--mobileBarPrimary.bricks-button { min-height: 46px; padding: 0 10px; font-size: 14.5px; }
	.pdl-mypham-Button--mobileBar.bricks-button { background: var(--pdl-mypham-color-white); color: var(--pdl-mypham-color-ink); border-color: var(--pdl-mypham-color-line-strong); }
	.pdl-mypham-Button--mobileBarPrimary.bricks-button { background: var(--pdl-mypham-color-gold-600); color: var(--pdl-mypham-color-white); }

	/* Lưới sản phẩm 2 cột gọn trên điện thoại */
	.pdl-mypham-ProductGrid { grid-template-columns: 1fr 1fr; gap: 12px; }
	.pdl-mypham-ProductCard { border-radius: 18px; }
	.pdl-mypham-ProductCard-media { padding: 30px 14% 12px; }
	.pdl-mypham-ProductCard-need { top: 8px; left: 8px; right: 8px; padding: 3px 8px; font-size: 11px; text-align: center; }
	.pdl-mypham-ProductCard-body { padding: 12px 12px 14px; }
	.pdl-mypham-ProductCard-line { font-size: 10.5px; letter-spacing: .1em; margin-bottom: 4px; }
	.pdl-mypham-ProductCard-title { font-size: 15px; }
	.pdl-mypham-ProductCard-text { display: none; }
	.pdl-mypham-ProductCard-footer { margin-top: 10px; padding-top: 10px; flex-direction: column; align-items: flex-start; gap: 4px; }
	.pdl-mypham-ProductCard-more { font-size: 13px; }
	.pdl-mypham-Price--contact { font-size: 13px; }

	/* Nhu cầu: vuốt ngang thay vì xếp chồng 3 thẻ cao */
	.pdl-mypham-NeedGrid {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: 78%;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		margin-inline: calc(-1 * var(--pdl-mypham-space-gutter));
		padding: 4px var(--pdl-mypham-space-gutter) 16px;
		scrollbar-width: none;
	}
	.pdl-mypham-NeedGrid::-webkit-scrollbar { display: none; }
	.pdl-mypham-NeedCard { scroll-snap-align: start; }
	.pdl-mypham-NeedCard-media { padding: 24px 28% 10px; }
	.pdl-mypham-NeedCard-body { padding: 4px 20px 22px; }

	/* Bộ lọc: một hàng vuốt ngang, dính dưới header */
	.pdl-mypham-FilterBar {
		position: sticky;
		top: var(--pdl-mypham-header-height);
		z-index: 20;
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-inline: calc(-1 * var(--pdl-mypham-space-gutter));
		padding: 10px var(--pdl-mypham-space-gutter);
		background: var(--pdl-mypham-color-paper);
		scrollbar-width: none;
	}
	.pdl-mypham-FilterBar::-webkit-scrollbar { display: none; }
	.pdl-mypham-FilterBar-label { display: none; }
	.pdl-mypham-FilterBar-button { flex: none; min-height: 44px; white-space: nowrap; }

	/* Bảng → thẻ */
	.pdl-mypham-TableWrap { overflow: visible; border: 0; background: transparent; }
	.pdl-mypham-Table { min-width: 0; }
	.pdl-mypham-Table thead { display: none; }
	.pdl-mypham-Table, .pdl-mypham-Table tbody, .pdl-mypham-Table tr, .pdl-mypham-Table td { display: block; width: 100%; }
	.pdl-mypham-Table tr { margin-bottom: 10px; padding: 14px 16px; border: 1px solid var(--pdl-mypham-color-line); border-radius: 16px; background: var(--pdl-mypham-color-white); }
	.pdl-mypham-Table td { padding: 3px 0; border: 0; }
	.pdl-mypham-Table td[data-label]::before { content: attr(data-label) ": "; font-size: 12.5px; font-weight: 600; color: var(--pdl-mypham-color-muted); }
	.pdl-mypham-Table td:first-child { font-size: 16px; padding-bottom: 6px; }

	/* Popup đặt mua: dạng bottom sheet */
	.brx-popup:has(.pdl-mypham-OrderPopup) { align-items: flex-end; padding: 0; }
	.brx-popup-content:has(> .pdl-mypham-OrderPopup) { width: 100vw; max-width: 100vw; }
	.pdl-mypham-OrderPopup { max-height: 92vh; border-radius: 24px 24px 0 0; padding: 22px 16px calc(18px + env(safe-area-inset-bottom)); }
	.pdl-mypham-OrderPopup-head { margin-bottom: 14px; }
	.pdl-mypham-OrderPopup-mark { width: 36px; }
	.pdl-mypham-OrderPopup-title { font-size: 19px; }
	.pdl-mypham-OrderPopup-text { font-size: 13.5px; }
	.pdl-mypham-OrderPicker-item { gap: 10px; padding-left: 12px; }
	.pdl-mypham-OrderForm input, .pdl-mypham-OrderForm select, .pdl-mypham-OrderForm textarea { font-size: 16px; } /* không bị iOS phóng to */

	/* Trang chi tiết: cột phụ gọn */
	.pdl-mypham-ProductHero-title { font-size: 28px; }
	.pdl-mypham-ProductHero-media { border-radius: 24px; }
	.pdl-mypham-InfoCard { padding: 18px; }
	.pdl-mypham-Section { padding-block: 56px; }
	.pdl-mypham-Section--tight { padding-top: 24px; }
}

/* ========================================================== 12. Lớp "Atelier" — nhận diện thương hiệu mỹ phẩm (27/10)
 * Một font không chân (Be Vietnam Pro) nhưng đổi nhịp: tiêu đề nét mảnh 300, nhãn & nút in hoa giãn rộng, đường kẻ mảnh vàng.
 * Đặt cuối file để đè lên lớp cũ; responsive của lớp này nằm ngay dưới. */
.pdl-mypham-Heading--display { font-size: clamp(40px, 5.6vw, 74px); line-height: 1.06; font-weight: 300; letter-spacing: -.04em; }
.pdl-mypham-Heading--section { font-size: clamp(30px, 3.6vw, 48px); line-height: 1.14; font-weight: 300; letter-spacing: -.03em; }
.pdl-mypham-Heading em { font-weight: 500; }
.pdl-mypham-Heading em::after { display: none; }
.pdl-mypham-Eyebrow { font-size: 12px; font-weight: 500; letter-spacing: .3em; }
.pdl-mypham-Eyebrow::before, .pdl-mypham-SectionHead--center .pdl-mypham-Eyebrow::after { width: 40px; height: 1px; }
.pdl-mypham-Eyebrow--center::after { content: ""; width: 40px; height: 1px; background: currentColor; opacity: .7; }
.pdl-mypham-Lead { font-weight: 300; color: var(--pdl-mypham-color-body); }
.pdl-mypham-Button.bricks-button { min-height: 52px; padding: 0 30px; font-size: 12.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.pdl-mypham-Button--primary.bricks-button { box-shadow: none; }
.pdl-mypham-Button--primary.bricks-button:hover { box-shadow: var(--pdl-mypham-shadow-gold); }
.pdl-mypham-MobileBar .pdl-mypham-Button.bricks-button { min-height: 46px; padding: 0 10px; letter-spacing: .02em; text-transform: none; font-size: 14.5px; }

/* Hero: chữ lớn nét mảnh, nhãn vàng */
.pdl-mypham-HomeHero-title em { display: inline-block; }
.pdl-mypham-HomeHero-lead { max-width: 480px; }
.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop)::before {
	background: linear-gradient(90deg, rgba(255, 252, 247, 1) 0%, rgba(255, 252, 247, 1) 36%, rgba(255, 252, 247, .6) 46%, rgba(255, 252, 247, 0) 60%);
}

/* Dải cam kết: nền nâu đêm, chữ kem, đường kẻ mảnh — như dải thông tin của hãng mỹ phẩm */
.pdl-mypham-TrustStrip { background: var(--pdl-mypham-color-night); border: 0; }
.pdl-mypham-TrustStrip-item { gap: 16px; padding: 28px 24px; }
.pdl-mypham-TrustStrip-item + .pdl-mypham-TrustStrip-item { border-left-color: rgba(246, 238, 223, .12); }
.pdl-mypham-TrustStrip-icon { width: 40px; height: 40px; padding: 9px; background: transparent; border: 1px solid var(--pdl-mypham-color-gold-300); color: var(--pdl-mypham-color-gold-300); opacity: .9; }
.pdl-mypham-TrustStrip-title { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--pdl-mypham-color-on-dark); }
.pdl-mypham-TrustStrip-text { margin-top: 4px; font-size: 13.5px; font-weight: 300; color: var(--pdl-mypham-color-on-dark-muted); }

/* Tuyên ngôn thương hiệu */
.pdl-mypham-Manifesto { background: var(--pdl-mypham-color-paper); text-align: center; overflow: hidden; }
.pdl-mypham-Manifesto-inner { max-width: 1000px; margin-inline: auto; display: flex; flex-direction: column; align-items: center; }
.pdl-mypham-Manifesto-lotus { width: 72px; margin-bottom: 22px; color: var(--pdl-mypham-color-gold); }
.pdl-mypham-Manifesto-text { margin: 4px 0 0; font-size: clamp(24px, 3.1vw, 40px); line-height: 1.42; font-weight: 300; letter-spacing: -.02em; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-Manifesto-text em { font-style: normal; font-weight: 500; color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-Manifesto-stats { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--pdl-mypham-color-line-strong); }
.pdl-mypham-Manifesto-stat { padding: 32px 20px 0; }
.pdl-mypham-Manifesto-stat + .pdl-mypham-Manifesto-stat { border-left: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-Manifesto-stat strong { display: block; font-size: clamp(44px, 4.8vw, 64px); line-height: 1; font-weight: 300; letter-spacing: -.04em; color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-Manifesto-stat span { display: block; margin-top: 14px; font-size: 13.5px; line-height: 1.6; color: var(--pdl-mypham-color-muted); }

/* Bộ sưu tập: 3 thẻ trong container — ảnh campaign dọc, thumbnail sản phẩm nổi góc, chữ gọn trên nền màu bao bì */
.pdl-mypham-Collection { background: var(--pdl-mypham-color-cream); }
.pdl-mypham-CollectionGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(18px, 2.4vw, 32px); }
.pdl-mypham-CollectionCard {
	--pdl-mypham-CollectionCard-tint: var(--pdl-mypham-color-paper);
	--pdl-mypham-CollectionCard-accent: var(--pdl-mypham-color-gold-700);
	display: flex;
	flex-direction: column;
	background: var(--pdl-mypham-CollectionCard-tint);
	border: 1px solid var(--pdl-mypham-color-line);
	border-radius: 2px;
	overflow: hidden;
	transition: transform .5s var(--pdl-mypham-ease), box-shadow .5s var(--pdl-mypham-ease);
}
.pdl-mypham-CollectionCard:hover { transform: translateY(-6px); box-shadow: var(--pdl-mypham-shadow-lift); }
.pdl-mypham-CollectionCard--nam { --pdl-mypham-CollectionCard-tint: var(--pdl-mypham-color-white); }
.pdl-mypham-CollectionCard--mun { --pdl-mypham-CollectionCard-tint: var(--pdl-mypham-color-lime-100); --pdl-mypham-CollectionCard-accent: var(--pdl-mypham-color-leaf-700); }
.pdl-mypham-CollectionCard--ws { --pdl-mypham-CollectionCard-tint: var(--pdl-mypham-color-violet-50); --pdl-mypham-CollectionCard-accent: var(--pdl-mypham-color-violet-700); }
.pdl-mypham-CollectionCard-media { position: relative; display: block; aspect-ratio: 4 / 4.6; overflow: hidden; }
.pdl-mypham-CollectionCard-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: transform 1s var(--pdl-mypham-ease); }
.pdl-mypham-CollectionCard:hover .pdl-mypham-CollectionCard-image { transform: scale(1.04); }
.pdl-mypham-CollectionCard-pack { position: absolute; right: 16px; bottom: 16px; width: 34%; height: auto; aspect-ratio: 1; object-fit: cover; border: 4px solid var(--pdl-mypham-color-white); box-shadow: var(--pdl-mypham-shadow-soft); }
.pdl-mypham-CollectionCard-index { position: absolute; left: 16px; top: 16px; display: grid; place-items: center; width: 46px; height: 46px; background: var(--pdl-mypham-color-white); font-size: 17px; line-height: 1; font-weight: 400; letter-spacing: .02em; color: var(--pdl-mypham-CollectionCard-accent); box-shadow: var(--pdl-mypham-shadow-soft); }
.pdl-mypham-CollectionCard-body { display: flex; flex-direction: column; flex: 1; padding: 26px 26px 24px; }
.pdl-mypham-CollectionCard-kicker { margin: 0 0 10px; font-size: 11.5px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--pdl-mypham-CollectionCard-accent); }
.pdl-mypham-CollectionCard-title { margin: 0; font-size: clamp(22px, 1.9vw, 27px); line-height: 1.2; font-weight: 400; letter-spacing: -.02em; }
.pdl-mypham-CollectionCard-title a { color: inherit; text-decoration: none; }
.pdl-mypham-CollectionCard-tagline { margin: 8px 0 0; font-size: 15.5px; font-weight: 300; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-CollectionCard-meta { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid var(--pdl-mypham-color-line-strong); font-size: 13px; color: var(--pdl-mypham-color-muted); }
.pdl-mypham-CollectionCard-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 20px; }
.pdl-mypham-CollectionCard-actions .pdl-mypham-TextLink { white-space: nowrap; color: var(--pdl-mypham-CollectionCard-accent); border-color: currentColor; font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; }
.pdl-mypham-CollectionCard-actions .pdl-mypham-Button.bricks-button { min-height: 42px; padding: 0 20px; background: transparent; font-size: 11.5px; }

/* Thẻ sản phẩm: góc nhỏ hơn, viền mảnh, tên nét mảnh */
.pdl-mypham-ProductCard { border-radius: 6px; }
.pdl-mypham-ProductCard-title { font-weight: 400; letter-spacing: -.01em; }
.pdl-mypham-ProductCard-line { letter-spacing: .24em; font-weight: 500; }
.pdl-mypham-ProductCard-need { border-radius: 2px; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; border: 0; background: rgba(255, 255, 255, .86); }

@media (max-width: 900px) {
	.pdl-mypham-TrustStrip-item + .pdl-mypham-TrustStrip-item { border-top-color: rgba(246, 238, 223, .12); }
	/* Bộ sưu tập: vuốt ngang trên tablet/điện thoại */
	.pdl-mypham-CollectionGrid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(270px, 78%); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
		margin-inline: calc(-1 * var(--pdl-mypham-space-gutter)); padding: 4px var(--pdl-mypham-space-gutter) 12px; scroll-padding-inline: var(--pdl-mypham-space-gutter); }
	.pdl-mypham-CollectionGrid::-webkit-scrollbar { display: none; }
	.pdl-mypham-CollectionCard { scroll-snap-align: start; }
	.pdl-mypham-CollectionCard:hover { transform: none; }
}
@media (max-width: 600px) {
	.pdl-mypham-Eyebrow { letter-spacing: .18em; font-size: 11px; }
	.pdl-mypham-Eyebrow::before { width: 24px; }
	.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop) .pdl-mypham-HomeHero-inner { margin-top: 8px; }
	.pdl-mypham-Button.bricks-button { padding: 0 22px; letter-spacing: .12em; }
	.pdl-mypham-Manifesto-stats { grid-template-columns: 1fr; }
	.pdl-mypham-Manifesto-stat { display: flex; align-items: center; gap: 18px; padding: 20px 0; text-align: left; }
	.pdl-mypham-Manifesto-stat + .pdl-mypham-Manifesto-stat { border-left: 0; border-top: 1px solid var(--pdl-mypham-color-line); }
	.pdl-mypham-Manifesto-stat strong { flex: none; width: 92px; font-size: 44px; }
	.pdl-mypham-Manifesto-stat span { margin: 0; }
	.pdl-mypham-TrustStrip-item { padding: 20px 14px; }
	.pdl-mypham-TrustStrip-title { font-size: 11px; letter-spacing: .1em; }
	.pdl-mypham-ProductCard-need { font-size: 9.5px; letter-spacing: .06em; }
}

/* Hero campaign (người mẫu + sản phẩm): desktop chia đôi — chữ 44% trái trên nền giấy, ảnh 56% phải, mép nối hoà nhẹ */
@media (min-width: 992px) {
	.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop) { min-height: min(680px, 82vh); }
	.pdl-mypham-HomeHero-backdrop { width: 57%; object-position: 51% 42%; }
	.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop)::before {
		background: linear-gradient(90deg, rgba(255, 252, 247, 1) 0%, rgba(255, 252, 247, 1) 43%, rgba(255, 252, 247, .5) 45.5%, rgba(255, 252, 247, 0) 49%);
	}
	.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop) .pdl-mypham-HomeHero-content { max-width: 520px; }
	.pdl-mypham-HomeHero-title { font-size: clamp(40px, 4.6vw, 66px); }
}

/* ========================================================== 13. "Atelier" cho trang con + trang chi tiết sản phẩm (27/10)
 * Cùng ngôn ngữ trang chủ: góc gần vuông, viền mảnh, số thứ tự nét mảnh, biểu tượng viền vàng, hero ảnh campaign có khung lệch. */
:root { --pdl-mypham-radius-card: 6px; }

/* Hero trang con: chữ trái, ảnh dọc phải trong khung vàng lệch */
.pdl-mypham-PageHero { padding-block: clamp(40px, 5vw, 76px) clamp(64px, 7vw, 104px); background: var(--pdl-mypham-color-paper); }
.pdl-mypham-PageHero:not(.pdl-mypham-PageHero--textOnly) .pdl-mypham-PageHero-lotus { display: none; }
.pdl-mypham-PageHero-inner { grid-template-columns: 1.05fr .95fr; gap: clamp(40px, 6vw, 96px); }
.pdl-mypham-PageHero-visual { position: relative; display: block; width: 100%; max-width: 500px; justify-self: end; }
.pdl-mypham-PageHero-visual::before { content: ""; position: absolute; inset: 26px -26px -26px 26px; border: 1px solid var(--pdl-mypham-color-gold-300); pointer-events: none; }
.pdl-mypham-PageHero-image, .pdl-mypham-PageHero-image--portrait { position: relative; aspect-ratio: 4 / 5; border-radius: 2px; box-shadow: var(--pdl-mypham-shadow-soft); }
.pdl-mypham-PageHero .pdl-mypham-Heading--display { font-size: clamp(38px, 4.6vw, 64px); }
.pdl-mypham-Breadcrumb ol { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; }

/* Giới thiệu */
.pdl-mypham-Story-text .pdl-mypham-Heading { font-size: clamp(30px, 3.4vw, 46px); }
.pdl-mypham-FactCard { padding: 40px 36px; border-radius: 2px; border-color: var(--pdl-mypham-color-gold-200); border-top: 3px solid var(--pdl-mypham-color-gold); box-shadow: var(--pdl-mypham-shadow-soft); }
.pdl-mypham-FactList dt { font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; }
.pdl-mypham-FactList dd { font-weight: 400; }
.pdl-mypham-ValueGrid { counter-reset: pdl-mypham-value; gap: clamp(24px, 3vw, 40px); }
.pdl-mypham-ValueCard { counter-increment: pdl-mypham-value; padding: 28px 0 0; border: 0; border-top: 1px solid var(--pdl-mypham-color-ink); border-radius: 0; background: transparent; box-shadow: none; }
.pdl-mypham-ValueCard::before { content: counter(pdl-mypham-value, decimal-leading-zero); display: block; font-size: 46px; line-height: 1; font-weight: 300; letter-spacing: -.04em; color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-ValueCard-icon { display: none; }
.pdl-mypham-ValueCard-title { margin-top: 22px; font-size: 20px; font-weight: 500; }
.pdl-mypham-ValueCard-text { font-weight: 300; }

/* Bảng (so sánh, hồ sơ công bố) */
.pdl-mypham-TableWrap { border-radius: 2px; border-color: var(--pdl-mypham-color-line-strong); box-shadow: none; }
.pdl-mypham-Table th { font-size: 11.5px; letter-spacing: .2em; background: var(--pdl-mypham-color-cream); color: var(--pdl-mypham-color-ink); }
.pdl-mypham-Table a { font-weight: 500; }

/* Sản phẩm: bộ lọc dạng nhãn in hoa */
.pdl-mypham-FilterBar { gap: 10px; padding-bottom: 22px; border-bottom: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-FilterBar-label { font-size: 11.5px; letter-spacing: .2em; text-transform: uppercase; }
.pdl-mypham-FilterBar-button { border-radius: 2px; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; background: transparent; }

/* Mua hàng */
.pdl-mypham-BuyCard { border-radius: 2px; background: var(--pdl-mypham-color-white); }
.pdl-mypham-BuyCard--featured { background: var(--pdl-mypham-color-gold-50); border-color: var(--pdl-mypham-color-gold-300); border-top: 3px solid var(--pdl-mypham-color-gold); }
.pdl-mypham-BuyCard-icon, .pdl-mypham-ContactCard-icon, .pdl-mypham-CbmpCard-icon { border-radius: 50%; background: transparent; border: 1px solid var(--pdl-mypham-color-gold-300); color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-BuyCard-title { font-size: 22px; font-weight: 400; letter-spacing: -.01em; }
.pdl-mypham-Faq { gap: 0; border-top: 1px solid var(--pdl-mypham-color-line-strong); }
.pdl-mypham-Faq-item, .pdl-mypham-Faq-item[open] { border: 0; border-bottom: 1px solid var(--pdl-mypham-color-line-strong); border-radius: 0; background: transparent; box-shadow: none; }
.pdl-mypham-Faq-question { padding: 24px 0; font-size: 18px; font-weight: 400; }
.pdl-mypham-Faq-toggle { background: transparent; border: 1px solid var(--pdl-mypham-color-gold-300); }
.pdl-mypham-Faq-answer { padding: 0 48px 26px 0; }
.pdl-mypham-Faq-answer p { font-weight: 300; }

/* Liên hệ */
.pdl-mypham-ContactCard { border-radius: 2px; }
.pdl-mypham-ContactCard-title { font-size: 11.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-ContactCard-body a { font-weight: 500; }
.pdl-mypham-ContactOrder { border-radius: 2px; background: var(--pdl-mypham-color-night); color: var(--pdl-mypham-color-on-dark-muted); }
.pdl-mypham-ContactOrder-title { font-weight: 300; font-size: 26px; color: var(--pdl-mypham-color-on-dark); }
.pdl-mypham-Map { border-radius: 2px; }

/* Trang chi tiết sản phẩm */
.pdl-mypham-ProductHero { background: var(--pdl-mypham-color-paper); }
.pdl-mypham-ProductHero-title { font-size: clamp(34px, 4vw, 56px); line-height: 1.1; font-weight: 300; letter-spacing: -.035em; }
.pdl-mypham-ProductHero-lead { font-size: 18px; }
.pdl-mypham-Gallery-track { border-radius: 2px; }
.pdl-mypham-Gallery-thumb { border-radius: 2px; }
.pdl-mypham-Chip { border-radius: 2px; background: transparent; border-color: var(--pdl-mypham-color-line-strong); font-size: 11.5px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.pdl-mypham-Chip--need { background: var(--pdl-mypham-color-lotus-50); }
.pdl-mypham-ProductHero-price .pdl-mypham-Price { font-weight: 400; }
.pdl-mypham-ProductHero-cbmp { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.pdl-mypham-ProductHero-assurance { padding-top: 22px; border-top: 1px solid var(--pdl-mypham-color-line); font-weight: 300; }
.pdl-mypham-InfoGrid { gap: 0; border-top: 1px solid var(--pdl-mypham-color-ink); }
.pdl-mypham-InfoCard { padding: 26px 26px 26px 0; border: 0; border-bottom: 1px solid var(--pdl-mypham-color-line-strong); border-radius: 0; background: transparent; }
.pdl-mypham-InfoGrid > .pdl-mypham-InfoCard:nth-child(even) { padding-left: 26px; border-left: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-InfoCard-title { font-size: 11.5px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.pdl-mypham-InfoCard-text { font-weight: 300; }
.pdl-mypham-Notice { margin-top: 28px; border-radius: 2px; border: 0; border-left: 3px solid var(--pdl-mypham-color-lotus-600); }
.pdl-mypham-CbmpCard { border-radius: 2px; border-top: 3px solid var(--pdl-mypham-color-gold); }
.pdl-mypham-CbmpCard-number { font-weight: 300; font-size: 30px; letter-spacing: -.02em; }
.pdl-mypham-AsideCta { border-radius: 2px; }
.pdl-mypham-AsideCta-title { font-weight: 300; font-size: 22px; }

@media (max-width: 1100px) {
	.pdl-mypham-PageHero-inner { grid-template-columns: 1fr; }
	.pdl-mypham-PageHero-visual { display: block; justify-self: stretch; max-width: 520px; margin: 12px auto 0; }
	.pdl-mypham-PageHero-visual::before { inset: 16px -12px -16px 12px; }
	.pdl-mypham-PageHero-image, .pdl-mypham-PageHero-image--portrait { aspect-ratio: 4 / 4.2; }
}
@media (max-width: 767px) {
	.pdl-mypham-InfoGrid > .pdl-mypham-InfoCard:nth-child(even) { padding-left: 0; border-left: 0; }
	.pdl-mypham-InfoCard { padding: 22px 0; }
	.pdl-mypham-Faq-question { font-size: 16px; padding: 20px 0; }
	.pdl-mypham-Faq-answer { padding-right: 0; }
	.pdl-mypham-PageHero-visual { margin-right: 12px; }
}
/* Góc gần vuông đồng bộ cho các khối ảnh / khối kêu gọi còn lại */
.pdl-mypham-UsageMedia, .pdl-mypham-IngredientSpot-media, .pdl-mypham-Cta-panel { border-radius: 2px; }
@media (max-width: 767px) { .pdl-mypham-ProductHero-media { border-radius: 2px; } }
/* Hero chia đôi ở khổ 992–1199px: cột chữ hẹp lại để không chạm ảnh */
@media (min-width: 992px) and (max-width: 1199px) {
	.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop) .pdl-mypham-HomeHero-content { max-width: 380px; }
	.pdl-mypham-HomeHero-title { font-size: 44px; }
	.pdl-mypham-HomeHero:has(.pdl-mypham-HomeHero-backdrop) .pdl-mypham-ButtonRow .pdl-mypham-Button.bricks-button { padding: 0 20px; }
}

/* ========================================================== 17. Blog "Kiến thức" (T003 — template #166 bài viết, #168 lưu trữ, trang /kien-thuc/ #172)
 * Đề xuất của worker template cho deploy: nối vào cuối assets/css/pdl-mypham-site.css. Chỉ class pdl-mypham-Post* / Blog*, màu biến --pdl-mypham-color-*, px.
 * Bố cục lưới/cột phụ đã nằm trong cài đặt Bricks của template; file này chỉ lo chữ trong bài, mục lục, phân trang, thẻ bài. */

/* Hero bài: tiêu đề dài nên nhỏ hơn hero trang con */
.pdl-mypham-PostHero .pdl-mypham-PageHero-inner { grid-template-columns: minmax(0, 900px); }
.pdl-mypham-PostHero-title { font-size: clamp(30px, 3.8vw, 52px); }
.pdl-mypham-PostHero .pdl-mypham-Breadcrumb li:last-child a { color: var(--pdl-mypham-color-gold-700); }

/* Nội dung bài (post_content từ Gutenberg) */
.pdl-mypham-PostContent { font-size: 17px; line-height: 1.8; color: var(--pdl-mypham-color-body); }
.pdl-mypham-PostContent > :first-child { margin-top: 0; }
.pdl-mypham-PostContent :where(p, ul, ol, figure, blockquote, table) { margin: 0 0 20px; }
.pdl-mypham-PostContent h2 { margin: 52px 0 18px; font-size: clamp(25px, 2.6vw, 32px); line-height: 1.22; font-weight: 300; letter-spacing: -.025em; }
.pdl-mypham-PostContent h3 { margin: 36px 0 12px; font-size: clamp(19px, 1.8vw, 22px); line-height: 1.35; font-weight: 500; letter-spacing: -.01em; }
.pdl-mypham-PostContent h4 { margin: 28px 0 10px; font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--pdl-mypham-color-gold-700); }
.pdl-mypham-PostContent :where(ul, ol) { padding-left: 24px; }
.pdl-mypham-PostContent li { margin-bottom: 8px; padding-left: 4px; }
.pdl-mypham-PostContent li::marker { color: var(--pdl-mypham-color-gold-600); font-weight: 600; }
.pdl-mypham-PostContent a:not(.bricks-button) { color: var(--pdl-mypham-color-gold-700); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pdl-mypham-PostContent a:not(.bricks-button):hover { color: var(--pdl-mypham-color-ink); }
.pdl-mypham-PostContent strong { font-weight: 600; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-PostContent .wp-block-image { margin-block: 36px; }
.pdl-mypham-PostContent .wp-block-image img { display: block; width: 100%; height: auto; max-height: 560px; object-fit: cover; border-radius: 2px; }
.pdl-mypham-PostContent figcaption { margin-top: 10px; font-size: 13.5px; line-height: 1.5; color: var(--pdl-mypham-color-muted); text-align: center; }
.pdl-mypham-PostContent .wp-block-table { margin-block: 32px; overflow-x: auto; border: 1px solid var(--pdl-mypham-color-line-strong); border-radius: 2px; background: var(--pdl-mypham-color-white); }
.pdl-mypham-PostContent table { width: 100%; margin: 0; border-collapse: collapse; font-size: 15px; line-height: 1.6; }
.pdl-mypham-PostContent th { padding: 14px 18px; text-align: left; font-size: 11.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--pdl-mypham-color-muted); background: var(--pdl-mypham-color-cream); border-bottom: 1px solid var(--pdl-mypham-color-line-strong); }
.pdl-mypham-PostContent td { padding: 14px 18px; vertical-align: top; border-bottom: 1px solid var(--pdl-mypham-color-line); }
.pdl-mypham-PostContent tr:last-child td { border-bottom: 0; }
.pdl-mypham-PostContent blockquote { margin-block: 32px; padding: 4px 0 4px 24px; border-left: 2px solid var(--pdl-mypham-color-gold-300); font-size: 20px; line-height: 1.6; font-weight: 300; color: var(--pdl-mypham-color-ink); }
.pdl-mypham-PostContent blockquote p:last-child { margin-bottom: 0; }

/* Mục lục (element Bricks post-toc) */
.pdl-mypham-PostToc .pdl-mypham-Eyebrow { margin-bottom: 12px; }
.pdl-mypham-PostToc-list .toc-list { margin: 0; padding: 0; list-style: none; }
.pdl-mypham-PostToc-list .toc-list .toc-list { padding-left: 14px; }
.pdl-mypham-PostToc-list .toc-link { display: block; padding: 7px 0 7px 14px; border-left: 1px solid var(--pdl-mypham-color-line-strong); color: var(--pdl-mypham-color-body); text-decoration: none; }
.pdl-mypham-PostToc-list .toc-link:hover, .pdl-mypham-PostToc-list .toc-link.is-active-link { color: var(--pdl-mypham-color-gold-700); border-left-color: var(--pdl-mypham-color-gold-600); }

/* Thẻ bài (dùng chung CollectionCard): tiêu đề nhỏ hơn thẻ sản phẩm, không vuốt ngang trên mobile như CollectionGrid */
.pdl-mypham-PostCard .pdl-mypham-CollectionCard-title { font-size: clamp(19px, 1.6vw, 22px); line-height: 1.3; }
.pdl-mypham-PostCard .pdl-mypham-CollectionCard-tagline { font-size: 15px; line-height: 1.65; color: var(--pdl-mypham-color-body); }
.pdl-mypham-PostCard-media { background: var(--pdl-mypham-color-cream); }
.pdl-mypham-BlogTopic .pdl-mypham-ValueCard-title { margin-top: 0; font-weight: 400; }
.pdl-mypham-BlogTopic .pdl-mypham-ValueCard-title a { color: inherit; text-decoration: none; }

/* Phân trang (element Bricks pagination) */
.pdl-mypham-BlogPagination .page-numbers { display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border: 1px solid var(--pdl-mypham-color-line-strong); border-radius: 2px; font-size: 13px; font-weight: 600; letter-spacing: .1em; color: var(--pdl-mypham-color-ink); text-decoration: none; }
.pdl-mypham-BlogPagination .page-numbers.current, .pdl-mypham-BlogPagination a.page-numbers:hover { background: var(--pdl-mypham-color-ink); border-color: var(--pdl-mypham-color-ink); color: var(--pdl-mypham-color-paper); }

@media (max-width: 600px) {
	.pdl-mypham-PostContent { font-size: 16px; }
	.pdl-mypham-PostContent h2 { margin-top: 40px; }
	.pdl-mypham-PostContent .wp-block-table { margin-inline: calc(-1 * var(--pdl-mypham-space-gutter)); border-inline: 0; border-radius: 0; }
	.pdl-mypham-PostContent table { min-width: 520px; }
}