/* =====================================================
   Ly Nguyễn — design system bổ sung ngoài theme.json
   Vàng mật ong + hồng/tím pastel · dễ thương, tối giản
   ===================================================== */

:root {
	--ln-cream: var(--wp--preset--color--cream, #FFF8EF);
	--ln-surface: var(--wp--preset--color--surface, #fff);
	--ln-cocoa: var(--wp--preset--color--cocoa, #453126);
	--ln-cocoa-soft: var(--wp--preset--color--cocoa-soft, #8A7563);
	--ln-honey: var(--wp--preset--color--honey, #F5A623);
	--ln-honey-deep: var(--wp--preset--color--honey-deep, #B26900);
	--ln-pink: var(--wp--preset--color--pink, #F783AC);
	--ln-pink-soft: var(--wp--preset--color--pink-soft, #FCE4EF);
	--ln-lavender: var(--wp--preset--color--lavender, #9775FA);
	--ln-lavender-soft: var(--wp--preset--color--lavender-soft, #F3EEFF);
	--ln-mint: var(--wp--preset--color--mint, #12B886);
	--ln-radius: 20px;
	--ln-radius-sm: 12px;
	--ln-shadow: 0 6px 24px rgba(69, 49, 38, .08);
	--ln-shadow-lg: 0 14px 40px rgba(69, 49, 38, .14);
	--ln-border: 1px solid rgba(69, 49, 38, .08);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
img { height: auto; }

::selection { background: var(--ln-honey); color: var(--ln-cocoa); }

/* ---------- Nút toàn cục ---------- */
.wp-element-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button[type="submit"] {
	display: inline-block;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	border-radius: 999px;
	background: var(--ln-honey);
	color: var(--ln-cocoa);
	border: none;
	padding: .7em 1.5em;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(245, 166, 35, .35);
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background: var(--ln-cocoa);
	color: var(--ln-cream);
	transform: translateY(-2px);
	box-shadow: var(--ln-shadow-lg);
}
.wp-element-button:active { transform: translateY(0); }
:is(a, button, input, [tabindex]):focus-visible {
	outline: 3px solid var(--ln-lavender);
	outline-offset: 2px;
	border-radius: 6px;
}
.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--ln-cocoa);
	border: 2px solid var(--ln-honey);
	box-shadow: none;
}
.is-style-outline .wp-block-button__link:hover { background: var(--ln-honey); color: var(--ln-cocoa); }
.ln-btn-lg .wp-block-button__link { padding: .85em 1.9em; font-size: 1.05rem; }

/* ---------- Header ---------- */
.ln-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255, 248, 239, .88);
	backdrop-filter: blur(12px) saturate(1.4);
	-webkit-backdrop-filter: blur(12px) saturate(1.4);
	border-bottom: var(--ln-border);
}
.ln-header__bar {
	max-width: 1200px;
	margin-inline: auto;
	padding: .65rem 1.25rem;
	gap: 1.5rem;
}
.ln-logo {
	display: flex;
	align-items: center;
	gap: .5rem;
	text-decoration: none;
	color: var(--ln-cocoa);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800;
	font-size: 1.35rem;
	line-height: 1.05;
}
.ln-logo__emoji { font-size: 1.9rem; transition: transform .3s ease; }
.ln-logo:hover .ln-logo__emoji { transform: rotate(-12deg) scale(1.12); }
.ln-logo__text small {
	display: block;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 500;
	font-size: .68rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ln-pink);
}
.ln-nav a {
	font-weight: 500;
	text-decoration: none;
	color: var(--ln-cocoa);
	padding: .45em .9em;
	border-radius: 999px;
	transition: background .18s ease, color .18s ease;
}
.ln-nav a:hover { background: var(--ln-pink-soft); color: var(--ln-cocoa); }
.ln-header__actions { gap: .75rem; }
.ln-account {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	text-decoration: none;
	color: var(--ln-cocoa);
	font-weight: 500;
	padding: .4em .9em;
	border-radius: 999px;
	border: 1.5px solid rgba(69, 49, 38, .15);
	transition: border-color .18s ease, background .18s ease;
}
.ln-account:hover { border-color: var(--ln-honey); background: #fff; }
.wc-block-mini-cart__button { color: var(--ln-cocoa); }
.wc-block-mini-cart__badge { background: var(--ln-pink); color: #fff; border: none; }

/* ---------- Hero ---------- */
.ln-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(2.5rem, 7vw, 5.5rem) 1.25rem clamp(2rem, 5vw, 4rem);
	background:
		radial-gradient(38rem 24rem at 85% -10%, var(--ln-pink-soft) 0%, transparent 60%),
		radial-gradient(30rem 20rem at -10% 110%, var(--ln-lavender-soft) 0%, transparent 60%),
		var(--ln-cream);
}
.ln-hero__eyebrow {
	display: inline-block;
	background: #fff;
	border: var(--ln-border);
	box-shadow: var(--ln-shadow);
	border-radius: 999px;
	padding: .4em 1.1em;
	font-size: .9rem;
	font-weight: 500;
	margin: 0 0 1.1rem;
}
.ln-hero__title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--giant);
	font-weight: 800;
	line-height: 1.15;
	margin: 0 0 1rem;
	color: var(--ln-cocoa);
}
.ln-highlight {
	background: linear-gradient(transparent 58%, rgba(247, 131, 172, .45) 58%);
	border-radius: 4px;
	padding-inline: .08em;
}
.ln-price-pop { color: var(--ln-honey-deep); }
.ln-hero__sub { font-size: 1.1rem; color: var(--ln-cocoa-soft); max-width: 34rem; margin: 0 0 1.6rem; }
.ln-hero__cta { gap: .8rem; }
.ln-hero__art {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 280px;
}
.ln-hero__cake {
	font-size: clamp(7rem, 14vw, 11rem);
	filter: drop-shadow(0 18px 30px rgba(69, 49, 38, .22));
	animation: ln-float 5s ease-in-out infinite;
}
.ln-sprinkle { position: absolute; font-size: 2rem; animation: ln-float 6s ease-in-out infinite; }
.ln-sprinkle--1 { top: 8%; left: 12%; animation-delay: -1s; }
.ln-sprinkle--2 { bottom: 12%; left: 6%; font-size: 2.4rem; animation-delay: -2.5s; }
.ln-sprinkle--3 { top: 4%; right: 14%; font-size: 2.6rem; animation-delay: -4s; }
.ln-sprinkle--4 { top: 42%; right: 2%; animation-delay: -3s; }
.ln-sprinkle--5 { bottom: 4%; right: 18%; font-size: 2.2rem; animation-delay: -5s; }

/* ---------- Section chung ---------- */
.ln-section { padding: clamp(2.2rem, 5vw, 4rem) 1.25rem; }
.ln-section--surface { background: var(--ln-surface); }
.ln-section--pink { background: var(--ln-pink-soft); }
.ln-section__head { text-align: center; max-width: 640px; margin: 0 auto clamp(1.6rem, 3vw, 2.6rem); }
.ln-section__head h1,
.ln-section__head h2 {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 700;
	margin: 0 0 .5rem;
}
.ln-section__head p { color: var(--ln-cocoa-soft); margin: 0; }
.ln-page-title {
	font-size: var(--wp--preset--font-size--xx-large);
	text-align: center;
	margin-block: 0 1.8rem;
}

/* ---------- Trust strip ---------- */
.ln-trust { padding-block: 0 clamp(1rem, 2vw, 1.5rem); }
.ln-trust__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}
.ln-trust__grid li {
	background: #fff;
	border: var(--ln-border);
	border-radius: var(--ln-radius);
	box-shadow: var(--ln-shadow);
	padding: 1.1rem 1.2rem;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	column-gap: .8rem;
	align-items: center;
}
.ln-trust__grid span { grid-row: span 2; font-size: 1.8rem; }
.ln-trust__grid strong { font-family: var(--wp--preset--font-family--heading); font-size: 1.02rem; }
.ln-trust__grid em { font-style: normal; font-size: .85rem; color: var(--ln-cocoa-soft); }

/* ---------- Card danh mục ---------- */
.ln-cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.ln-cat {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: .45rem;
	padding: 1.8rem 1.6rem 1.5rem;
	border-radius: 24px;
	text-decoration: none;
	color: var(--ln-cocoa);
	box-shadow: var(--ln-shadow);
	transition: transform .2s ease, box-shadow .2s ease;
	overflow: hidden;
}
.ln-cat:hover { transform: translateY(-6px); box-shadow: var(--ln-shadow-lg); }
.ln-cat--honey { background: linear-gradient(150deg, #FFF3D6, #FFE3A9); }
.ln-cat--pink { background: linear-gradient(150deg, #FFEFF6, #FFD6E7); }
.ln-cat--lavender { background: linear-gradient(150deg, #F5F0FF, #E4D9FF); }
.ln-cat__emoji { font-size: 2.6rem; line-height: 1; }
.ln-cat__name { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 1.25rem; }
.ln-cat__desc { font-size: .92rem; color: var(--ln-cocoa-soft); }
.ln-cat__arrow {
	margin-top: .5rem;
	font-size: 1.3rem;
	font-weight: 700;
	transition: transform .2s ease;
}
.ln-cat:hover .ln-cat__arrow { transform: translateX(6px); }

/* ---------- 3 bước mua ---------- */
.ln-steps {
	list-style: none;
	counter-reset: step;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}
.ln-steps li {
	background: #fff;
	border: var(--ln-border);
	border-radius: var(--ln-radius);
	box-shadow: var(--ln-shadow);
	padding: 1.6rem 1.5rem;
	display: flex;
	flex-direction: column;
	gap: .4rem;
}
.ln-steps__num {
	width: 2.4rem;
	height: 2.4rem;
	display: grid;
	place-items: center;
	border-radius: 999px;
	background: var(--ln-honey);
	color: var(--ln-cocoa);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800;
	font-size: 1.15rem;
	margin-bottom: .4rem;
	box-shadow: 0 4px 12px rgba(245, 166, 35, .4);
}
.ln-steps li:nth-child(2) .ln-steps__num { background: var(--ln-pink); color: #fff; box-shadow: 0 4px 12px rgba(247, 131, 172, .4); }
.ln-steps li:nth-child(3) .ln-steps__num { background: var(--ln-lavender); color: #fff; box-shadow: 0 4px 12px rgba(151, 117, 250, .4); }
.ln-steps strong { font-family: var(--wp--preset--font-family--heading); font-size: 1.1rem; }
.ln-steps em { font-style: normal; color: var(--ln-cocoa-soft); font-size: .92rem; }

/* ---------- Feedback ---------- */
.ln-feedback-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.ln-feedback-grid img { border-radius: var(--ln-radius); box-shadow: var(--ln-shadow); width: 100%; object-fit: cover; }
.ln-feedback-ph {
	margin: 0;
	background: #fff;
	border: 2px dashed rgba(69, 49, 38, .2);
	border-radius: var(--ln-radius);
	min-height: 240px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .6rem;
	text-align: center;
	color: var(--ln-cocoa-soft);
}
.ln-feedback-ph span { font-size: 2.4rem; }
.ln-feedback-ph small { color: var(--ln-pink); }

/* ---------- FB card + lead form ---------- */
.ln-fb-card,
.ln-lead {
	background: #fff;
	border: var(--ln-border);
	border-radius: 24px;
	box-shadow: var(--ln-shadow);
	padding: 2rem 1.8rem;
	height: 100%;
}
.ln-lead { background: linear-gradient(160deg, #fff, var(--ln-lavender-soft)); }
.ln-fb-card h2, .ln-lead__title { font-size: 1.5rem; margin-top: 0; }
.ln-fb-note {
	background: var(--ln-cream);
	border-radius: var(--ln-radius-sm);
	padding: .9rem 1rem;
	font-size: .88rem;
	color: var(--ln-cocoa-soft);
}
.ln-lead-form { display: flex; flex-direction: column; gap: .8rem; margin-top: 1rem; }
.ln-lead-form input[type="text"] {
	width: 100%;
	border: 1.5px solid rgba(69, 49, 38, .15);
	border-radius: var(--ln-radius-sm);
	padding: .75em 1em;
	font: inherit;
	background: #fff;
	transition: border-color .18s ease, box-shadow .18s ease;
}
.ln-lead-form input[type="text"]:focus {
	outline: none;
	border-color: var(--ln-honey);
	box-shadow: 0 0 0 4px rgba(245, 166, 35, .18);
}
.ln-lead-form .ln-consent { display: flex; gap: .5rem; align-items: flex-start; font-size: .85rem; color: var(--ln-cocoa-soft); }
.ln-lead-form .ln-consent input { margin-top: .25em; accent-color: var(--ln-honey); }
.ln-lead-form button { align-self: flex-start; }
.ln-lead-success {
	background: #fff;
	border-radius: var(--ln-radius);
	border: 2px solid var(--ln-mint);
	padding: 1.2rem 1.4rem;
	margin-top: 1rem;
}
.ln-hp { position: absolute !important; left: -9999px !important; }

/* ---------- CTA banner ---------- */
.ln-cta-banner {
	text-align: center;
	background: linear-gradient(135deg, #FFE9C2, var(--ln-honey));
	border-radius: 28px;
	box-shadow: var(--ln-shadow-lg);
	padding: clamp(2.2rem, 5vw, 3.5rem) 1.5rem;
}
.ln-cta-banner h2 { font-size: var(--wp--preset--font-size--xx-large); margin: 0 0 .5rem; }
.ln-cta-banner p { margin: 0 0 1.4rem; color: var(--ln-cocoa); }
.ln-cta-banner__btn { background: var(--ln-cocoa); color: var(--ln-cream); }

/* =====================================================
   WooCommerce
   ===================================================== */

/* Ẩn tiêu đề trang shop mặc định (đã có heading riêng) + notice store */
.woocommerce-products-header__title.page-title { text-align: center; font-size: var(--wp--preset--font-size--xx-large); margin-block: 0 .4rem; }
.term-description { text-align: center; max-width: 640px; margin: 0 auto 1.6rem; color: var(--ln-cocoa-soft); }

.woocommerce-breadcrumb { font-size: .85rem; color: var(--ln-cocoa-soft) !important; margin-bottom: 1.4rem !important; }
.woocommerce-breadcrumb a { color: var(--ln-cocoa-soft); }

.woocommerce-result-count { color: var(--ln-cocoa-soft); font-size: .9rem; }
.woocommerce-ordering select {
	border: 1.5px solid rgba(69, 49, 38, .15);
	border-radius: 999px;
	padding: .45em 2.2em .45em 1em;
	background-color: #fff;
	font: inherit;
	font-size: .9rem;
}

/* --- Grid sản phẩm (yêu cầu #1: tên + giá ngay dưới ảnh) --- */
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.4rem;
	margin: 0 0 2rem !important;
	padding: 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	background: #fff;
	border: var(--ln-border);
	border-radius: var(--ln-radius);
	box-shadow: var(--ln-shadow);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform .2s ease, box-shadow .2s ease;
	position: relative;
}
.woocommerce ul.products li.product:hover { transform: translateY(-6px); box-shadow: var(--ln-shadow-lg); }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
}
.woocommerce ul.products li.product img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	margin: 0 !important;
	transition: transform .35s ease;
}
.woocommerce ul.products li.product:hover img { transform: scale(1.05); }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.02rem !important;
	font-weight: 600;
	line-height: 1.35;
	padding: .9rem 1rem .1rem !important;
	color: var(--ln-cocoa);
}
.woocommerce ul.products li.product .price {
	padding: 0 1rem;
	color: var(--ln-honey-deep) !important;
	font-weight: 700;
	font-size: 1.12rem !important;
}
.woocommerce ul.products li.product .price del { color: var(--ln-cocoa-soft); font-weight: 400; opacity: .7; margin-right: .35em; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce ul.products li.product .button {
	margin: .8rem 1rem 1rem !important;
	text-align: center;
	font-size: .92rem;
}
.woocommerce ul.products li.product .added_to_cart {
	margin: -0.4rem 1rem 1rem;
	font-size: .85rem;
	text-align: center;
	color: var(--ln-mint);
	font-weight: 600;
}
.woocommerce span.onsale {
	position: absolute;
	top: .8rem;
	left: .8rem;
	z-index: 2;
	background: var(--ln-pink) !important;
	color: #fff !important;
	border-radius: 999px !important;
	font-weight: 700 !important;
	font-size: .8rem !important;
	line-height: 1 !important;
	padding: .5em .9em !important;
	min-width: 0 !important;
	min-height: 0 !important;
	box-shadow: 0 4px 12px rgba(247, 131, 172, .45);
}

/* --- Trang sản phẩm (yêu cầu #2: khu thanh toán + feedback) --- */
.ln-product div.product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2.5rem; align-items: start; }
.ln-product .woocommerce-product-gallery { width: 100% !important; float: none !important; }
.ln-product .woocommerce-product-gallery__wrapper { border-radius: 24px; overflow: hidden; box-shadow: var(--ln-shadow-lg); }
.ln-product div.product .summary.entry-summary {
	width: 100% !important;
	float: none !important;
	position: sticky;
	top: 92px;
	background: #fff;
	border: var(--ln-border);
	border-radius: 24px;
	box-shadow: var(--ln-shadow);
	padding: 1.8rem 1.8rem 1.6rem;
	margin: 0 !important;
}
.ln-product .product_title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	line-height: 1.25;
	margin: 0 0 .4rem;
}
.ln-product div.product p.price {
	color: var(--ln-honey-deep) !important;
	font-size: 1.9rem !important;
	font-weight: 800;
	font-family: var(--wp--preset--font-family--heading);
	margin-bottom: .6rem !important;
}
.ln-product div.product p.price del { font-size: 1.1rem; color: var(--ln-cocoa-soft); }
.ln-product div.product p.price ins { text-decoration: none; }
.ln-product .woocommerce-product-details__short-description { color: var(--ln-cocoa-soft); font-size: .98rem; }
.ln-product form.cart { margin: 1.2rem 0 .6rem !important; }
.ln-product form.cart .button.single_add_to_cart_button {
	width: 100%;
	font-size: 1.15rem;
	padding: .9em 1.5em;
}
.ln-trust-bullets { list-style: none; margin: 1.1rem 0 0; padding: 0; display: grid; gap: .45rem; }
.ln-trust-bullets li { position: relative; padding-left: 1.7rem; font-size: .92rem; color: var(--ln-cocoa-soft); }
.ln-trust-bullets li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	width: 1.2rem;
	height: 1.2rem;
	display: grid;
	place-items: center;
	border-radius: 999px;
	background: rgba(18, 184, 134, .12);
	color: var(--ln-mint);
	font-weight: 800;
	font-size: .8rem;
}
.ln-product .product_meta { font-size: .85rem; color: var(--ln-cocoa-soft); margin-top: 1rem; }
.ln-product .product_meta a { color: var(--ln-honey-deep); }

/* Tabs → khối mô tả phẳng */
.ln-product .woocommerce-tabs { grid-column: 1 / -1; margin-top: 1rem !important; }
.ln-product .woocommerce-tabs ul.tabs { display: none !important; }
.ln-product .woocommerce-tabs .panel {
	background: #fff;
	border: var(--ln-border);
	border-radius: 24px;
	box-shadow: var(--ln-shadow);
	padding: 2rem !important;
	margin: 0 !important;
}
.ln-product .woocommerce-tabs .panel h2:first-of-type {
	font-size: 1.4rem;
	margin-top: 0;
}

/* Khu feedback (plugin render) */
.ln-feedback { grid-column: 1 / -1; margin-top: 1.5rem; }
.ln-feedback h2 { font-size: 1.5rem; text-align: center; margin: 0 0 1.2rem; }
.ln-feedback__note { text-align: center; color: var(--ln-cocoa-soft); font-size: .9rem; margin-top: .8rem; }

/* Related */
.ln-product .related.products { grid-column: 1 / -1; margin-top: 2.5rem; }
.ln-product .related.products > h2 {
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 1.4rem;
}

/* --- Giỏ hàng & thanh toán --- */
.woocommerce-cart .ln-main .woocommerce,
.woocommerce-checkout .ln-main .woocommerce { max-width: 900px; margin-inline: auto; }
.woocommerce table.shop_table {
	border: var(--ln-border) !important;
	border-radius: var(--ln-radius) !important;
	overflow: hidden;
	background: #fff;
	box-shadow: var(--ln-shadow);
	border-collapse: separate !important;
}
.woocommerce table.shop_table th { background: var(--ln-cream); font-family: var(--wp--preset--font-family--heading); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-color: rgba(69, 49, 38, .06) !important; padding: .9em 1em !important; }
.woocommerce .cart_totals h2, .woocommerce #order_review_heading { font-size: 1.3rem; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	border: 1.5px solid rgba(69, 49, 38, .15);
	border-radius: var(--ln-radius-sm);
	padding: .7em 1em;
	font: inherit;
	background: #fff;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	outline: none;
	border-color: var(--ln-honey);
	box-shadow: 0 0 0 4px rgba(245, 166, 35, .18);
}
.woocommerce form .form-row label { font-weight: 500; font-size: .92rem; }
.woocommerce-checkout #payment {
	background: var(--ln-cream) !important;
	border-radius: var(--ln-radius) !important;
	border: var(--ln-border);
}
.woocommerce-checkout #payment div.payment_box {
	background: #fff !important;
	border-radius: var(--ln-radius-sm);
}
.woocommerce-checkout #payment div.payment_box::before { display: none; }
#ln-marketing-optin-wrap { padding: .4rem 0 .8rem; font-size: .88rem; color: var(--ln-cocoa-soft); display: flex; gap: .5rem; align-items: flex-start; }
#ln-marketing-optin-wrap input { margin-top: .25em; accent-color: var(--ln-honey); }

/* --- Hộp VietQR --- */
.ln-qr {
	background: #fff;
	border: var(--ln-border);
	border-radius: 24px;
	box-shadow: var(--ln-shadow-lg);
	padding: 2rem 1.6rem;
	max-width: 560px;
	margin: 1.5rem auto;
	text-align: center;
}
.ln-qr h2 { font-size: 1.4rem; margin: 0 0 .3rem; }
.ln-qr__sub { color: var(--ln-cocoa-soft); font-size: .92rem; margin: 0 0 1.2rem; }
.ln-qr__img { width: 260px; max-width: 100%; border-radius: var(--ln-radius-sm); border: var(--ln-border); }
.ln-qr__info {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: .5rem 1rem;
	text-align: left;
	margin: 1.2rem 0 0;
	font-size: .95rem;
}
.ln-qr__info dt { color: var(--ln-cocoa-soft); }
.ln-qr__info dd { margin: 0; font-weight: 600; }
.ln-qr__memo { display: inline-block; background: var(--ln-pink-soft); border-radius: 8px; padding: .15em .6em; font-weight: 700; color: var(--ln-cocoa); }
.ln-qr__copy {
	border: none;
	background: var(--ln-lavender-soft);
	color: var(--ln-cocoa);
	border-radius: 8px;
	font-size: .8rem;
	padding: .3em .7em;
	margin-left: .4em;
	cursor: pointer;
}
.ln-qr__note {
	margin-top: 1.2rem;
	background: var(--ln-cream);
	border-radius: var(--ln-radius-sm);
	padding: .9rem 1.1rem;
	font-size: .88rem;
	color: var(--ln-cocoa-soft);
	text-align: left;
}

/* --- Tài khoản --- */
.woocommerce-MyAccount-navigation { width: 100% !important; float: none !important; margin-bottom: 1.5rem; }
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-MyAccount-navigation li a {
	display: inline-block;
	padding: .5em 1.1em;
	border-radius: 999px;
	background: #fff;
	border: var(--ln-border);
	color: var(--ln-cocoa);
	text-decoration: none;
	font-weight: 500;
	font-size: .92rem;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover { background: var(--ln-honey); border-color: var(--ln-honey); }
.woocommerce-MyAccount-content {
	width: 100% !important;
	float: none !important;
	background: #fff;
	border: var(--ln-border);
	border-radius: 24px;
	box-shadow: var(--ln-shadow);
	padding: 1.8rem;
}
.woocommerce-account .woocommerce { max-width: 900px; margin-inline: auto; }

/* Công thức của tôi */
.ln-recipes { display: grid; gap: 1rem; }
.ln-recipe-row {
	display: grid;
	grid-template-columns: 72px 1fr auto;
	gap: 1rem;
	align-items: center;
	border: var(--ln-border);
	border-radius: var(--ln-radius);
	padding: .9rem 1rem;
	background: var(--ln-cream);
}
.ln-recipe-row img { width: 72px; height: 72px; object-fit: cover; border-radius: var(--ln-radius-sm); }
.ln-recipe-row__name { font-weight: 600; font-family: var(--wp--preset--font-family--heading); }
.ln-recipe-row__date { font-size: .82rem; color: var(--ln-cocoa-soft); }
.ln-badge {
	display: inline-block;
	border-radius: 999px;
	font-size: .78rem;
	font-weight: 700;
	padding: .3em .8em;
}
.ln-badge--unlocked { background: rgba(18, 184, 134, .14); color: var(--ln-mint); }
.ln-badge--pending { background: var(--ln-pink-soft); color: var(--ln-pink); }
.ln-badge--vip { background: linear-gradient(135deg, #E7F9F1, #C2F2DE); color: #0B7B5C; }
.ln-vip-banner {
	background: linear-gradient(135deg, #E7F9F1, #D4F5E7);
	border: 1px solid rgba(18, 184, 134, .25);
	border-radius: var(--ln-radius);
	padding: 1rem 1.2rem;
	margin-bottom: 1.2rem;
	font-weight: 500;
}
.ln-vip-banner--progress { background: var(--ln-lavender-soft); border-color: rgba(151, 117, 250, .25); }
.ln-empty { text-align: center; padding: 2.5rem 1rem; }
.ln-empty span { font-size: 3rem; display: block; margin-bottom: .6rem; }

/* --- Thông báo Woo --- */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	border-radius: var(--ln-radius-sm) !important;
	background: #fff !important;
	box-shadow: var(--ln-shadow);
	color: var(--ln-cocoa) !important;
}
.woocommerce-message { border-top-color: var(--ln-mint) !important; }
.woocommerce-info { border-top-color: var(--ln-lavender) !important; }
.woocommerce-error { border-top-color: #E03131 !important; }
.woocommerce-message::before { color: var(--ln-mint); }
.woocommerce-info::before { color: var(--ln-lavender); }

/* =====================================================
   Blog & trang tĩnh
   ===================================================== */
.ln-post-grid { gap: 1.4rem; }
.ln-post-card {
	background: #fff;
	border: var(--ln-border);
	border-radius: var(--ln-radius);
	box-shadow: var(--ln-shadow);
	overflow: hidden;
	padding-bottom: 1.1rem;
	transition: transform .2s ease, box-shadow .2s ease;
	height: 100%;
}
.ln-post-card:hover { transform: translateY(-5px); box-shadow: var(--ln-shadow-lg); }
.ln-post-card .wp-block-post-featured-image { margin: 0 0 .9rem; }
.ln-post-card .wp-block-post-featured-image img { border-radius: 0; }
.ln-post-card__date { padding: 0 1.1rem; font-size: .8rem; color: var(--ln-pink); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.ln-post-card__title { padding: 0 1.1rem; font-size: 1.15rem; margin: .25rem 0 .4rem; line-height: 1.35; }
.ln-post-card__title a { text-decoration: none; color: var(--ln-cocoa); }
.ln-post-card__title a:hover { color: var(--ln-honey-deep); }
.ln-post-card .wp-block-post-excerpt { padding: 0 1.1rem; font-size: .92rem; color: var(--ln-cocoa-soft); }
.ln-post-card .wp-block-post-excerpt__more-link { color: var(--ln-honey-deep); font-weight: 600; text-decoration: none; }
.ln-pagination { margin-top: 2rem; }
.ln-pagination a, .ln-pagination .page-numbers {
	border-radius: 999px;
	padding: .4em .95em;
	background: #fff;
	border: var(--ln-border);
	text-decoration: none;
	color: var(--ln-cocoa);
}
.ln-pagination .current { background: var(--ln-honey); font-weight: 700; }
.ln-single__meta { gap: .8rem; font-size: .85rem; color: var(--ln-pink); margin-bottom: .6rem; }
.ln-single__meta a { color: var(--ln-pink); font-weight: 600; text-decoration: none; }
.ln-single .wp-block-post-content h2 { font-size: 1.5rem; margin-top: 2rem; }
.ln-single__back { margin-top: 2.5rem; }
.ln-back-link { font-weight: 600; text-decoration: none; }
.ln-page .wp-block-post-content h2 { font-size: 1.45rem; margin-top: 1.8rem; }
.ln-page .wp-block-post-content details {
	background: #fff;
	border: var(--ln-border);
	border-radius: var(--ln-radius-sm);
	box-shadow: var(--ln-shadow);
	padding: .9rem 1.2rem;
	margin-bottom: .8rem;
}
.ln-page .wp-block-post-content summary {
	font-weight: 600;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--heading);
}

/* ---------- 404 ---------- */
.ln-404 { text-align: center; padding: 3rem 1rem; }
.ln-404__emoji { font-size: 5rem; display: block; animation: ln-float 4s ease-in-out infinite; }
.ln-404 h1 { font-size: var(--wp--preset--font-size--xx-large); margin: .8rem 0 .4rem; }
.ln-404 p { color: var(--ln-cocoa-soft); margin-bottom: 1.5rem; }

/* ---------- Nút nổi ---------- */
.ln-float {
	position: fixed;
	right: 1rem;
	z-index: 60;
	width: 54px;
	height: 54px;
	display: grid;
	place-items: center;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 800;
	box-shadow: var(--ln-shadow-lg);
	transition: transform .18s ease;
}
.ln-float:hover { transform: scale(1.1); }
.ln-float--zalo { bottom: 1rem; background: #0068FF; color: #fff; font-size: .82rem; letter-spacing: .01em; }

/* ---------- Footer ---------- */
.ln-footer { background: var(--ln-cocoa); color: var(--ln-cream); padding: clamp(2.5rem, 5vw, 4rem) 1.25rem 1.5rem; }
.ln-footer__brand { font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: 1.5rem; margin: 0 0 .5rem; }
.ln-footer__slogan { color: rgba(255, 248, 239, .75); font-size: .95rem; }
.ln-footer__title { color: var(--ln-honey); font-size: 1.05rem; margin: 0 0 .8rem; }
.ln-footer__links { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.ln-footer__links a { color: rgba(255, 248, 239, .85); text-decoration: none; font-size: .95rem; }
.ln-footer__links a:hover { color: var(--ln-pink); }
.ln-footer__bottom {
	margin-top: 2.5rem;
	padding-top: 1.2rem;
	border-top: 1px solid rgba(255, 248, 239, .12);
	text-align: center;
	font-size: .85rem;
	color: rgba(255, 248, 239, .6);
}

/* ---------- Animation ---------- */
@keyframes ln-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-14px); }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
	html { scroll-behavior: auto; }
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.woocommerce ul.products { grid-template-columns: repeat(3, 1fr); }
	.ln-cats { grid-template-columns: 1fr 1fr; }
	.ln-cat--lavender { grid-column: span 2; }
}
@media (max-width: 820px) {
	.ln-product div.product { grid-template-columns: 1fr; gap: 1.5rem; }
	.ln-product div.product .summary.entry-summary { position: static; }
	.ln-steps { grid-template-columns: 1fr; }
	.ln-feedback-grid { grid-template-columns: 1fr 1fr; }
	.ln-hero__art { min-height: 200px; margin-top: 1rem; }
}
@media (max-width: 640px) {
	.woocommerce ul.products { grid-template-columns: repeat(2, 1fr); gap: .9rem; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .92rem !important; padding: .7rem .8rem .1rem !important; }
	.woocommerce ul.products li.product .price { padding: 0 .8rem; font-size: 1rem !important; }
	.woocommerce ul.products li.product .button { margin: .6rem .8rem .8rem !important; font-size: .85rem; padding: .6em 1em; }
	.ln-cats { grid-template-columns: 1fr; }
	.ln-cat--lavender { grid-column: auto; }
	.ln-trust__grid { grid-template-columns: 1fr; }
	.ln-feedback-grid { grid-template-columns: 1fr; }
	.ln-account__label { display: none; }
	.ln-account { border: none; padding: .3em; font-size: 1.2rem; }
	.ln-recipe-row { grid-template-columns: 56px 1fr; }
	.ln-recipe-row__action { grid-column: 2; justify-self: start; }
	.ln-recipe-row img { width: 56px; height: 56px; }
	.ln-qr { padding: 1.5rem 1rem; }
}
