/* ==========================================================================
   LUNA Boutique — giao diện cửa hàng thời trang (child của Marketing SEO Top)
   Màu: nền trắng/kem, hồng đất làm điểm nhấn, chữ than chì.
   Tương phản: chữ #2B2B2B trên nền trắng 14:1; chữ trắng trên nút #2B2B2B 14:1;
   chữ nhấn #8E5843 trên trắng 5.6:1; hồng đất #C8907A chỉ làm nền/viền/đồ hoạ.
   ========================================================================== */

:root {
  --luna-ink: #2B2B2B;
  --luna-ink-2: #4A4440;
  --luna-muted: #6F6660;
  --luna-line: #EAE2DA;
  --luna-line-2: #DCD1C7;
  --luna-bg: #FFFFFF;
  --luna-cream: #FAF6F2;
  --luna-sand: #F3EAE2;
  --luna-rose: #C8907A;
  --luna-rose-deep: #8E5843;
  --luna-rose-soft: #F4E6DF;
  --luna-sale: #B24A3A;
  --luna-ok: #3E7A57;
  --luna-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --luna-sans: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --luna-radius: 4px;
  --luna-radius-lg: 14px;
  --luna-shadow: 0 10px 30px rgba(43, 43, 43, .08);
  --luna-shadow-lg: 0 24px 60px rgba(43, 43, 43, .16);
  --luna-gap: clamp(1rem, 2.4vw, 1.75rem);
  --luna-section: clamp(3rem, 7vw, 6rem);
  --luna-header-h: 72px;
  /* Đồng bộ token của theme cha (typography bài viết, nút) */
  --mtop-font: var(--luna-sans);
  --mtop-primary: #2B2B2B;
  --mtop-primary-dark: #1A1A1A;
  --mtop-accent: #C8907A;
  --mtop-accent-hover: #B57B65;
  --mtop-gold-text: #8E5843;
  --mtop-text: #2B2B2B;
  --mtop-muted: #6F6660;
  --mtop-border: #EAE2DA;
  --mtop-bg-light: #FAF6F2;
}

/* ---------- Nền tảng ---------- */
html { scroll-behavior: smooth; }
body.luna {
  margin: 0;
  background: var(--luna-bg);
  color: var(--luna-ink);
  font-family: var(--luna-sans);
  font-size: 15px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.luna *, .luna *::before, .luna *::after { box-sizing: border-box; }
:where(.luna) img { max-width: 100%; height: auto; display: block; }
/* :where() = độ ưu tiên 0, để class thành phần (nút, thẻ…) luôn thắng màu link/nút mặc định. */
:where(.luna) a { color: inherit; text-decoration: none; }
:where(.luna) a:hover { color: var(--luna-rose-deep); }
.luna :focus-visible { outline: 2px solid var(--luna-rose-deep); outline-offset: 2px; }
:where(.luna) button { font: inherit; color: inherit; }
.luna h1, .luna h2, .luna h3, .luna h4 { font-family: var(--luna-sans); color: var(--luna-ink); line-height: 1.25; margin: 0 0 .5em; font-weight: 600; }
.luna p { margin: 0 0 1em; }
.luna-lock { overflow: hidden; }
.luna-main { display: block; min-height: 40vh; }

.luna-container { width: 100%; max-width: 1320px; margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2.5rem); }
.luna-section { padding-block: var(--luna-section); }
.luna-section--top0 { padding-top: 0; }
.luna-center { text-align: center; margin-top: 2.5rem; }
.luna-empty { color: var(--luna-muted); text-align: center; padding: 2rem 0; }

.luna-eyebrow {
  display: inline-block; font-size: .75rem; font-weight: 600; letter-spacing: .18em;
  text-transform: uppercase; color: var(--luna-rose-deep); margin-bottom: .75rem;
}
.luna-eyebrow--light { color: #F4DCD2; }
.luna-h2, .luna h2.luna-h2, .luna h1.luna-h2 {
  font-family: var(--luna-serif); font-weight: 500; font-size: clamp(1.75rem, 3.4vw, 2.6rem);
  line-height: 1.15; letter-spacing: -.01em; margin: 0 0 .6em;
}
.luna-h2--xl, .luna h2.luna-h2--xl, .luna h1.luna-h2--xl { font-size: clamp(2.1rem, 4.6vw, 3.6rem); }
.luna-h2 em, .luna-hero__title em, .luna-h2--xl em { font-style: italic; color: var(--luna-rose-deep); }
.luna-h3, .luna h2.luna-h3 { font-family: var(--luna-serif); font-weight: 500; font-size: 1.5rem; }
.luna-lead { font-size: 1.1rem; color: var(--luna-ink-2); }
.luna-head { text-align: center; margin-bottom: 2rem; }
.luna-head--row { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; text-align: left; flex-wrap: wrap; }
.luna-link { display: inline-flex; align-items: center; gap: .4rem; font-weight: 500; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.luna-link .luna-ico { width: 16px; height: 16px; }

.luna-ico { width: 22px; height: 22px; flex: none; }

/* ---------- Nút ---------- */
.luna-btn, .luna .button, .luna button.button, .luna input.button, .luna a.button {
  display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
  min-height: 46px; padding: .7rem 1.6rem; border-radius: var(--luna-radius);
  font-family: var(--luna-sans); font-weight: 500; font-size: .92rem; letter-spacing: .02em; line-height: 1.2;
  border: 1px solid var(--luna-ink); background: var(--luna-ink); color: #fff; cursor: pointer;
  text-decoration: none; transition: background-color .2s, color .2s, border-color .2s, transform .15s;
}
.luna-btn .luna-ico { width: 18px; height: 18px; transition: transform .2s; }
.luna-btn:hover .luna-ico { transform: translateX(3px); }
.luna-btn:hover, .luna .button:hover, .luna a.button:hover { background: var(--luna-rose-deep); border-color: var(--luna-rose-deep); color: #fff; }
.luna-btn--outline { background: transparent; color: var(--luna-ink); border-color: var(--luna-line-2); }
.luna-btn--outline:hover { background: var(--luna-ink); color: #fff; border-color: var(--luna-ink); }
.luna-btn--light { background: #fff; color: var(--luna-ink); border-color: #fff; }
.luna-btn--light:hover { background: var(--luna-rose-soft); color: var(--luna-ink); border-color: var(--luna-rose-soft); }
.luna-btn--lg { min-height: 52px; padding: .85rem 2rem; font-size: .95rem; }
.luna-btn--sm { min-height: 38px; padding: .45rem 1rem; font-size: .85rem; }
.luna-btn--block { width: 100%; }
.luna .button.is-loading, .luna-btn.is-loading, .luna button.is-loading { opacity: .6; pointer-events: none; }
.luna .button:disabled, .luna .button.disabled { opacity: .45; cursor: not-allowed; }

.luna-iconbtn {
  display: inline-flex; align-items: center; justify-content: center; position: relative;
  width: 44px; height: 44px; border: 0; background: transparent; border-radius: 50%; cursor: pointer; color: var(--luna-ink);
}
.luna-iconbtn:hover { background: var(--luna-sand); color: var(--luna-ink); }

.luna-chips { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-top: 1.25rem; }
.luna-chips--left { justify-content: flex-start; }
.luna-chip, .luna-chips a {
  display: inline-flex; align-items: center; min-height: 36px; padding: .35rem 1rem; border: 1px solid var(--luna-line-2);
  border-radius: 999px; font-size: .85rem; background: #fff;
}
.luna-chip:hover, .luna-chips a:hover { border-color: var(--luna-ink); color: var(--luna-ink); }
.luna-chip.is-active { background: var(--luna-ink); border-color: var(--luna-ink); color: #fff; }

.luna-crumb, .woocommerce-breadcrumb { font-size: .82rem; color: var(--luna-muted); margin-bottom: .9rem; }
.luna-crumb a:hover { color: var(--luna-ink); text-decoration: underline; }
.luna-crumb__sep { margin: 0 .5rem; color: var(--luna-line-2); }

.mtop-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---------- Thanh thông báo chạy chữ ---------- */
.luna-announce { background: var(--luna-ink); color: #F3EAE2; font-size: .8rem; letter-spacing: .04em; overflow: hidden; height: 36px; display: flex; align-items: center; }
.luna-announce__track { display: flex; width: max-content; animation: luna-marquee 40s linear infinite; }
.luna-announce:hover .luna-announce__track { animation-play-state: paused; }
.luna-announce__list { display: flex; list-style: none; margin: 0; padding: 0; }
.luna-announce__list li { padding: 0 2.5rem; white-space: nowrap; position: relative; }
.luna-announce__list li::after { content: "✦"; position: absolute; right: -.35rem; color: var(--luna-rose); font-size: .65rem; top: 50%; transform: translateY(-50%); }
@keyframes luna-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- Header ---------- */
.luna-header { position: sticky; top: 0; z-index: 60; background: rgba(255, 255, 255, .97); backdrop-filter: saturate(1.4) blur(8px); border-bottom: 1px solid var(--luna-line); transition: box-shadow .25s; }
.admin-bar .luna-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .luna-header { top: 0; } }
.luna-header.is-scrolled { box-shadow: 0 6px 24px rgba(43, 43, 43, .07); }
.luna-header__inner { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: .5rem; min-height: var(--luna-header-h); }
.luna-logo { display: inline-flex; justify-self: center; }
.luna-logo__inner { display: inline-flex; align-items: center; gap: .55rem; line-height: 1; }
.luna-logo__mark { width: 30px; height: 30px; }
.luna-logo__word { font-family: var(--luna-serif); font-size: 1.65rem; font-weight: 600; letter-spacing: .14em; color: var(--luna-ink); }
.luna-logo__sub { font-size: .62rem; letter-spacing: .32em; text-transform: uppercase; color: var(--luna-muted); align-self: flex-end; padding-bottom: .2rem; }
.luna-nav { display: none; }
.luna-actions { display: flex; align-items: center; gap: .1rem; justify-self: end; }
.luna-cart-count {
  position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px;
  background: var(--luna-rose); color: var(--luna-ink); font-size: .68rem; font-weight: 600; line-height: 18px; text-align: center;
}
.luna-cart-count[data-count="0"] { display: none; }
.luna-drawer__title .luna-cart-count { position: static; display: inline; background: none; padding: 0; font-size: inherit; color: inherit; }
.luna-hide-sm { display: none; }

@media (min-width: 992px) {
  .luna-header__inner { grid-template-columns: auto 1fr auto; gap: 2rem; }
  .luna-burger { display: none; }
  .luna-logo { justify-self: start; }
  .luna-hide-sm { display: inline-flex; }
  .luna-nav { display: block; justify-self: center; }
  .luna-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: .25rem; }
  .luna-menu > li { position: relative; }
  .luna-menu > li > a { display: flex; align-items: center; gap: .3rem; min-height: var(--luna-header-h); padding: 0 .9rem; font-size: .88rem; font-weight: 500; letter-spacing: .03em; text-transform: uppercase; position: relative; }
  .luna-menu > li > a::after { content: ""; position: absolute; left: .9rem; right: .9rem; bottom: 18px; height: 1px; background: var(--luna-ink); transform: scaleX(0); transition: transform .25s; transform-origin: left; }
  .luna-menu > li:hover > a::after, .luna-menu > li.current-menu-item > a::after, .luna-menu > li.current-menu-ancestor > a::after { transform: scaleX(1); }
  .luna-menu > li.luna-menu--sale > a { color: var(--luna-sale); }
  .luna-menu > .menu-item-has-children > a::before { content: ""; order: 2; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); margin-left: .2rem; }
  .luna-menu .sub-menu { list-style: none; margin: 0; padding: .75rem 0; position: absolute; top: 100%; left: 0; min-width: 220px; background: #fff; border: 1px solid var(--luna-line); box-shadow: var(--luna-shadow); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s, transform .2s, visibility .2s; z-index: 5; }
  .luna-menu li:hover > .sub-menu, .luna-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
  .luna-menu .sub-menu a { display: block; padding: .5rem 1.4rem; font-size: .9rem; }
  .luna-menu .sub-menu a:hover { background: var(--luna-cream); }
  /* Mega menu: mục cha có class luna-mega */
  .luna-menu > li.luna-mega { position: static; }
  .luna-menu > li.luna-mega > .sub-menu { left: 0; right: 0; width: 100%; padding: 2rem max(2.5rem, calc((100% - 1240px) / 2)); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)) 1.4fr; gap: 1.5rem; border-left: 0; border-right: 0; }
  .luna-menu > li.luna-mega > .sub-menu > li > a { font-family: var(--luna-serif); font-size: 1.15rem; padding: 0 0 .5rem; border-bottom: 1px solid var(--luna-line); margin-bottom: .5rem; }
  .luna-menu > li.luna-mega > .sub-menu > li > a:hover { background: none; }
  .luna-menu > li.luna-mega .sub-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; border: 0; box-shadow: none; padding: 0; min-width: 0; }
  .luna-menu > li.luna-mega .sub-menu .sub-menu a { padding: .3rem 0; color: var(--luna-muted); }
  .luna-menu > li.luna-mega .sub-menu .sub-menu a:hover { color: var(--luna-ink); background: none; }
  .luna-menu > li.luna-mega > .sub-menu > li.luna-mega__promo > a { border: 0; padding: 0; margin: 0; display: block; position: relative; border-radius: var(--luna-radius); overflow: hidden; min-height: 200px; background: var(--luna-rose-soft) var(--luna-promo, none) center/cover no-repeat; color: var(--luna-ink); }
  .luna-menu > li.luna-mega > .sub-menu > li.luna-mega__promo > a span { position: absolute; left: 1rem; bottom: 1rem; background: #fff; padding: .45rem .9rem; font-family: var(--luna-sans); font-size: .82rem; font-weight: 500; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .luna-header__inner { gap: 1rem; }
  .luna-menu > li > a { padding: 0 .55rem; font-size: .8rem; }
  .luna-menu > li > a::after { left: .55rem; right: .55rem; }
  .luna-logo__sub { display: none; }
}

/* Ô tìm kiếm */
.luna-search { border-top: 1px solid var(--luna-line); background: #fff; padding: 1.25rem 0 1.5rem; }
.luna-searchform { display: flex; align-items: center; gap: .6rem; border: 1px solid var(--luna-line-2); border-radius: var(--luna-radius); padding: .3rem .3rem .3rem .9rem; background: #fff; }
.luna-searchform .luna-ico { color: var(--luna-muted); width: 20px; height: 20px; }
.luna-searchform input[type="search"] { flex: 1; border: 0; outline: 0; font: inherit; font-size: 1rem; min-height: 42px; background: transparent; min-width: 0; }
.luna-searchform .luna-btn { min-height: 40px; padding: .4rem 1.2rem; }
.luna-search__tags { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-top: .9rem; font-size: .85rem; color: var(--luna-muted); }
.luna-search__tags a { padding: .2rem .8rem; border-radius: 999px; background: var(--luna-cream); color: var(--luna-ink); }
.luna-search__tags a:hover { background: var(--luna-rose-soft); }

/* ---------- Ngăn kéo + overlay ---------- */
.luna-overlay { position: fixed; inset: 0; background: rgba(30, 24, 20, .45); z-index: 90; opacity: 0; transition: opacity .25s; }
.luna-overlay.is-open { opacity: 1; }
.luna-drawer { position: fixed; top: 0; bottom: 0; z-index: 100; width: min(420px, 92vw); background: #fff; display: flex; flex-direction: column; transition: transform .3s cubic-bezier(.2, .7, .2, 1); box-shadow: var(--luna-shadow-lg); visibility: hidden; }
.luna-drawer.is-open { transform: none; visibility: visible; }
.luna-drawer--left { left: 0; transform: translateX(-100%); }
.luna-drawer--right { right: 0; transform: translateX(100%); }
.luna-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: .9rem 1rem .9rem 1.4rem; border-bottom: 1px solid var(--luna-line); }
.luna-drawer__title { font-size: 1rem; font-weight: 600; letter-spacing: .02em; }
.luna-drawer__body { flex: 1; overflow-y: auto; padding: 1.25rem 1.4rem 2rem; }
.luna-drawer .luna-searchform { margin-bottom: 1rem; }
.luna-mmenu, .luna-mmenu .sub-menu { list-style: none; margin: 0; padding: 0; }
.luna-mmenu > li { border-bottom: 1px solid var(--luna-line); position: relative; }
.luna-mmenu a { display: block; padding: .9rem 2.5rem .9rem 0; font-weight: 500; }
.luna-mmenu .sub-menu { display: none; padding: 0 0 .75rem 1rem; }
.luna-mmenu .sub-menu a { padding: .45rem 0; font-weight: 400; color: var(--luna-ink-2); }
.luna-mmenu li.is-open > .sub-menu { display: block; }
.luna-mmenu__toggle { position: absolute; right: 0; top: .35rem; width: 40px; height: 40px; border: 0; background: none; cursor: pointer; display: grid; place-items: center; }
.luna-mmenu__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.luna-mmenu .luna-mega__promo { display: none; }
.luna-drawer__links { margin-top: 1.5rem; display: grid; gap: .25rem; }
.luna-drawer__links a { display: flex; align-items: center; gap: .6rem; padding: .55rem 0; color: var(--luna-ink-2); }

/* Mini cart (markup WooCommerce) */
.woocommerce-mini-cart { list-style: none; margin: 0; padding: 0; }
.woocommerce-mini-cart-item { position: relative; display: grid; grid-template-columns: 76px 1fr; gap: .4rem 1rem; padding: 1rem 2rem 1rem 0; border-bottom: 1px solid var(--luna-line); font-size: .9rem; }
.woocommerce-mini-cart-item > a:not(.remove) { display: contents; font-weight: 500; }
.woocommerce-mini-cart-item img { grid-row: 1 / span 3; width: 76px; height: 100px; object-fit: cover; border-radius: var(--luna-radius); background: var(--luna-cream); }
.woocommerce-mini-cart-item .variation { grid-column: 2; margin: 0; font-size: .8rem; color: var(--luna-muted); display: flex; flex-wrap: wrap; gap: 0 .35rem; }
.woocommerce-mini-cart-item .variation dt, .woocommerce-mini-cart-item .variation dd { margin: 0; }
.woocommerce-mini-cart-item .variation dd p { margin: 0; }
.woocommerce-mini-cart-item .quantity { grid-column: 2; color: var(--luna-muted); font-size: .85rem; }
.woocommerce-mini-cart-item .quantity .amount { color: var(--luna-ink); font-weight: 600; }
.woocommerce-mini-cart-item a.remove { position: absolute; right: 0; top: .9rem; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: var(--luna-muted); font-size: 1.2rem; line-height: 1; }
.woocommerce-mini-cart-item a.remove:hover { background: var(--luna-sand); color: var(--luna-sale); }
.woocommerce-mini-cart__total { display: flex; justify-content: space-between; padding: 1.1rem 0; font-size: 1rem; margin: 0; }
.woocommerce-mini-cart__total .amount { font-weight: 600; }
.woocommerce-mini-cart__buttons { display: grid; gap: .6rem; margin: 0; }
.woocommerce-mini-cart__buttons .button:not(.checkout) { background: #fff; color: var(--luna-ink); border-color: var(--luna-line-2); }
.woocommerce-mini-cart__buttons .button:not(.checkout):hover { background: var(--luna-cream); color: var(--luna-ink); }
.woocommerce-mini-cart__empty-message { text-align: center; color: var(--luna-muted); padding: 3rem 0; }

/* Thanh freeship */
.luna-freeship { background: var(--luna-cream); border-radius: var(--luna-radius); padding: .8rem 1rem; margin-bottom: 1rem; font-size: .86rem; }
.luna-freeship p { margin: 0 0 .55rem; display: flex; align-items: flex-start; gap: .5rem; line-height: 1.45; }
.luna-freeship .luna-ico { width: 20px; height: 20px; color: var(--luna-rose-deep); }
.luna-freeship__bar { height: 4px; border-radius: 4px; background: var(--luna-line); overflow: hidden; }
.luna-freeship__bar span { display: block; height: 100%; background: var(--luna-rose); border-radius: 4px; transition: width .4s; }

/* Toast */
.luna-toast { position: fixed; left: 50%; bottom: 90px; transform: translateX(-50%); z-index: 120; background: var(--luna-ink); color: #fff; padding: .75rem 1.25rem; border-radius: var(--luna-radius); font-size: .9rem; box-shadow: var(--luna-shadow-lg); max-width: calc(100vw - 2rem); }
.luna-toast.is-err { background: var(--luna-sale); }
.luna-toast.is-ok::before { content: "✓"; margin-right: .5rem; color: var(--luna-rose); }

/* ---------- Hero ---------- */
.luna-hero { position: relative; overflow: hidden; background: var(--luna-sand); min-height: clamp(460px, 70vh, 720px); }
.luna-hero__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .9s ease, visibility .9s; display: flex; align-items: center; }
.luna-hero__slide.is-active { opacity: 1; visibility: visible; }
.luna-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 75% 50%; }
.luna-hero__slide.is-active .luna-hero__img { animation: luna-kenburns 9s ease-out both; }
@keyframes luna-kenburns { from { transform: scale(1.06); } to { transform: scale(1); } }
.luna-hero__content { position: relative; z-index: 2; }
.luna-hero__content > * { max-width: 520px; }
.luna-hero__slide.is-active .luna-hero__content > * { animation: luna-rise .8s both; }
.luna-hero__slide.is-active .luna-hero__content > *:nth-child(2) { animation-delay: .1s; }
.luna-hero__slide.is-active .luna-hero__content > *:nth-child(3) { animation-delay: .2s; }
.luna-hero__slide.is-active .luna-hero__content > *:nth-child(4) { animation-delay: .3s; }
@keyframes luna-rise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
.luna-hero__title, .luna h1.luna-hero__title, .luna h2.luna-hero__title { font-family: var(--luna-serif); font-weight: 500; font-size: clamp(2.4rem, 6vw, 4.6rem); line-height: 1.05; letter-spacing: -.015em; margin-bottom: 1.1rem; }
.luna-hero__text { font-size: 1.05rem; color: var(--luna-ink-2); margin-bottom: 1.8rem; }
.luna-hero__dots { position: absolute; z-index: 3; left: 50%; bottom: 1.5rem; transform: translateX(-50%); display: flex; gap: .6rem; }
.luna-hero__dots button { width: 34px; height: 24px; border: 0; background: none; cursor: pointer; position: relative; padding: 0; }
.luna-hero__dots button::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: rgba(43, 43, 43, .25); }
.luna-hero__dots button.is-active::before { background: var(--luna-ink); }
@media (max-width: 767px) {
  .luna-hero { min-height: 640px; }
  .luna-hero__slide { align-items: flex-start; padding-top: 2rem; }
  .luna-hero__img { top: auto; height: 46%; object-position: 82% 100%; }
  .luna-hero__content > * { max-width: 92%; }
  .luna-hero__text { font-size: .95rem; }
}

/* ---------- Danh mục tròn ---------- */
.luna-cats { padding-bottom: 0; }
.luna-cats__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--luna-gap); }
.luna-cat { display: flex; flex-direction: column; align-items: center; text-align: center; gap: .3rem; }
.luna-cat__img { width: 100%; max-width: 220px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--luna-cream); margin-bottom: .6rem; }
.luna-cat__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.luna-cat:hover .luna-cat__img img { transform: scale(1.07); }
.luna-cat__name { font-family: var(--luna-serif); font-size: 1.2rem; color: var(--luna-ink); }
.luna-cat__count { font-size: .8rem; color: var(--luna-muted); }
@media (max-width: 599px) {
  .luna-cats__list { grid-template-columns: repeat(4, 1fr); gap: .6rem; }
  .luna-cat__name { font-size: .92rem; }
  .luna-cat__count { display: none; }
}

/* ---------- Tabs sản phẩm ---------- */
.luna-tablist { display: flex; justify-content: center; gap: .25rem; margin: -0.5rem 0 2rem; flex-wrap: wrap; }
.luna-tablist [role="tab"] { border: 0; background: none; padding: .55rem 1.1rem; font-size: .95rem; color: var(--luna-muted); cursor: pointer; border-bottom: 1px solid transparent; }
.luna-tablist [role="tab"][aria-selected="true"] { color: var(--luna-ink); border-bottom-color: var(--luna-ink); font-weight: 500; }

/* ---------- Lưới sản phẩm + thẻ ---------- */
.luna ul.products { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem .9rem; }
@media (min-width: 768px) { .luna ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.4rem 1.25rem; } }
@media (min-width: 1100px) { .luna ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); } .luna-shop__main ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .luna-shop__main ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.luna ul.products::before, .luna ul.products::after { display: none; }
.luna-card { position: relative; display: flex; flex-direction: column; min-width: 0; }
.luna-card__media { position: relative; aspect-ratio: 3 / 4; overflow: hidden; background: var(--luna-cream); border-radius: var(--luna-radius); }
.luna-card__link { display: block; height: 100%; }
.luna-card__img, .luna-card__img2 { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .45s ease, transform .8s ease; }
.luna-card__img2 { opacity: 0; }
@media (hover: hover) {
  .luna-card:hover .luna-card__img2 { opacity: 1; }
  .luna-card:hover .luna-card__img, .luna-card:hover .luna-card__img2 { transform: scale(1.04); }
}
.luna-card__badges { position: absolute; top: .7rem; left: .7rem; display: flex; flex-direction: column; gap: .35rem; z-index: 2; pointer-events: none; }
.luna-badge { display: inline-block; padding: .2rem .55rem; font-size: .72rem; font-weight: 600; letter-spacing: .04em; border-radius: 2px; }
.luna-badge--sale { background: var(--luna-sale); color: #fff; }
.luna-badge--new { background: #fff; color: var(--luna-ink); }
.luna-card__soldout { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, .92); padding: .4rem 1rem; font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; }
.luna-card__quick { position: absolute; left: .6rem; right: .6rem; bottom: .6rem; z-index: 3; background: rgba(255, 255, 255, .96); border-radius: var(--luna-radius); padding: .6rem .6rem .65rem; text-align: center; box-shadow: var(--luna-shadow); transform: translateY(calc(100% + 1rem)); transition: transform .3s cubic-bezier(.2, .7, .2, 1); }
.luna-card__quick-label { display: block; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--luna-muted); margin-bottom: .45rem; }
.luna-card__sizes { display: flex; flex-wrap: wrap; justify-content: center; gap: .3rem; }
.luna-card__sizes button { min-width: 38px; height: 34px; border: 1px solid var(--luna-line-2); background: #fff; border-radius: 2px; cursor: pointer; font-size: .82rem; font-weight: 500; }
.luna-card__sizes button:hover { background: var(--luna-ink); color: #fff; border-color: var(--luna-ink); }
.luna-card__sizes button.is-loading { opacity: .5; }
@media (hover: hover) and (min-width: 768px) {
  .luna-card:hover .luna-card__quick, .luna-card__quick:focus-within { transform: none; }
}
@media (hover: none), (max-width: 767px) { .luna-card__quick { display: none; } }
.luna-card__body { padding-top: .8rem; display: flex; flex-direction: column; gap: .3rem; }
.luna-card__swatches { display: flex; gap: .35rem; flex-wrap: wrap; }
.luna-dot { --c: #ddd; width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .12); background: var(--c); padding: 0; cursor: pointer; position: relative; flex: none; }
.luna-dot.is-active { box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--luna-ink); }
button.luna-dot::after { content: ""; position: absolute; inset: -6px; }
.luna-card__title, .luna h3.luna-card__title { font-family: var(--luna-sans); font-size: .92rem; font-weight: 400; line-height: 1.4; margin: 0; }
.luna-card__title a:hover { color: var(--luna-rose-deep); }
.luna-card__price, .luna .price { font-size: .95rem; font-weight: 600; color: var(--luna-ink); display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 .5rem; }
.luna .price del { color: var(--luna-muted); font-weight: 400; font-size: .85em; order: 2; opacity: 1; }
.luna .price ins { text-decoration: none; color: var(--luna-sale); order: 1; }
.luna .price .screen-reader-text { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; overflow: hidden; }

/* ---------- Bộ sưu tập (2 cột) ---------- */
.luna-collection { display: grid; grid-template-columns: 1fr; background: var(--luna-sand); }
.luna-collection__media img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 5 / 6; }
.luna-collection__body { padding: clamp(2.5rem, 6vw, 6rem) clamp(1.25rem, 6vw, 6rem); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.luna-collection__body p { color: var(--luna-ink-2); max-width: 480px; }
.luna-collection__list { list-style: none; margin: .5rem 0 2rem; padding: 0; display: grid; gap: .5rem; }
.luna-collection__list li { padding-left: 1.6rem; position: relative; }
.luna-collection__list li::before { content: ""; position: absolute; left: 0; top: .7em; width: 1rem; height: 1px; background: var(--luna-rose-deep); }
@media (min-width: 900px) { .luna-collection { grid-template-columns: 1fr 1fr; } .luna-collection__media img { aspect-ratio: auto; min-height: 640px; } }

/* ---------- Phối đồ gợi ý ---------- */
.luna-look__grid { display: grid; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
@media (min-width: 900px) { .luna-look__grid { grid-template-columns: 1.1fr .9fr; } }
.luna-look__media { position: relative; border-radius: var(--luna-radius-lg); overflow: hidden; background: var(--luna-cream); }
.luna-look__media img { width: 100%; }
.luna-hotspot { position: absolute; width: 44px; height: 44px; transform: translate(-50%, -50%); border: 0; background: none; cursor: pointer; padding: 0; }
.luna-hotspot span { position: absolute; inset: 11px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 6px rgba(255, 255, 255, .45); }
.luna-hotspot span::after { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: var(--luna-ink); }
.luna-hotspot::before { content: ""; position: absolute; inset: 4px; border-radius: 50%; border: 2px solid #fff; animation: luna-pulse 2s infinite; }
.luna-hotspot[aria-expanded="true"] span::after { background: var(--luna-rose); }
@keyframes luna-pulse { 0% { transform: scale(.7); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }
.luna-look__body p { color: var(--luna-ink-2); }
.luna-lookcard { display: grid; grid-template-columns: 72px 1fr 24px; gap: 1rem; align-items: center; padding: .8rem; border: 1px solid var(--luna-line); border-radius: var(--luna-radius); margin-top: .8rem; background: #fff; transition: border-color .2s, box-shadow .2s; }
.luna-lookcard img { width: 72px; height: 96px; object-fit: cover; border-radius: 2px; }
.luna-lookcard.is-active { border-color: var(--luna-ink); box-shadow: var(--luna-shadow); }
.luna-lookcard__info { display: flex; flex-direction: column; gap: .2rem; }
.luna-lookcard__name { font-weight: 500; }
.luna-lookcard .price, .luna-lookcard__price { font-size: .9rem; }

/* ---------- Flash sale ---------- */
.luna-flash { background: var(--luna-ink); color: #F3EAE2; }
.luna-flash .luna-h2 { color: #fff; margin: 0; }
.luna-flash__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem; margin-bottom: 2rem; }
.luna-countdown { display: flex; align-items: center; gap: .5rem; }
.luna-countdown span { display: flex; flex-direction: column; align-items: center; min-width: 64px; padding: .5rem .4rem; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); border-radius: var(--luna-radius); }
.luna-countdown b { font-family: var(--luna-serif); font-size: 1.7rem; font-weight: 500; line-height: 1.1; color: #fff; font-variant-numeric: tabular-nums; }
.luna-countdown small { font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: #CFC3B8; }
.luna-countdown i { font-style: normal; font-size: 1.4rem; color: var(--luna-rose); }
.luna-flash .luna-card__title, .luna-flash .luna-card__title a { color: #F3EAE2; }
.luna-flash .price, .luna-flash .luna-card__price { color: #fff; }
.luna-flash .price ins { color: #F0B7A4; }
.luna-flash .price del { color: #B5AAA0; }
.luna-flash .luna-dot.is-active { box-shadow: 0 0 0 2px var(--luna-ink), 0 0 0 3px #fff; }

/* ---------- Blog ---------- */
.luna-postgrid { display: grid; gap: 2rem var(--luna-gap); grid-template-columns: 1fr; }
@media (min-width: 700px) { .luna-postgrid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .luna-postgrid { grid-template-columns: repeat(3, 1fr); } }
.luna-postcard__img { display: block; aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--luna-radius); background: var(--luna-cream); margin-bottom: 1rem; }
.luna-postcard__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.luna-postcard:hover .luna-postcard__img img { transform: scale(1.04); }
.luna-postcard__meta { display: flex; gap: .8rem; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--luna-muted); margin-bottom: .4rem; }
.luna-postcard__meta a { color: var(--luna-rose-deep); }
.luna-postcard__title, .luna h3.luna-postcard__title { font-family: var(--luna-serif); font-size: 1.3rem; font-weight: 500; line-height: 1.3; margin-bottom: .5rem; }
.luna-postcard__excerpt { color: var(--luna-muted); font-size: .92rem; margin: 0; }
.luna-feature { display: grid; gap: 1.5rem; margin-bottom: 3rem; align-items: center; padding-bottom: 3rem; border-bottom: 1px solid var(--luna-line); }
@media (min-width: 900px) { .luna-feature { grid-template-columns: 1.3fr 1fr; gap: 3rem; } }
.luna-feature__img { display: block; border-radius: var(--luna-radius); overflow: hidden; aspect-ratio: 16 / 10; }
.luna-feature__img img { width: 100%; height: 100%; object-fit: cover; }
.luna-feature p { color: var(--luna-ink-2); }
.luna-pagination, .woocommerce-pagination { margin-top: 3rem; display: flex; justify-content: center; }
.luna-pagination .nav-links, .woocommerce-pagination ul.page-numbers { display: flex; gap: .35rem; list-style: none; margin: 0; padding: 0; border: 0; }
.luna-pagination .page-numbers, .woocommerce-pagination .page-numbers li > * { display: grid; place-items: center; min-width: 42px; height: 42px; padding: 0 .6rem; border: 1px solid var(--luna-line-2); border-radius: var(--luna-radius); font-size: .9rem; }
.luna-pagination .page-numbers.current, .woocommerce-pagination .page-numbers li > .current { background: var(--luna-ink); color: #fff; border-color: var(--luna-ink); }

/* ---------- Instagram ---------- */
.luna-ig { padding-bottom: 0; }
.luna-ig__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); }
@media (min-width: 800px) { .luna-ig__grid { grid-template-columns: repeat(6, 1fr); } }
.luna-ig__grid a { display: block; position: relative; aspect-ratio: 1; overflow: hidden; }
.luna-ig__grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.luna-ig__grid span { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(43, 43, 43, .35); color: #fff; opacity: 0; transition: opacity .3s; }
.luna-ig__grid span .luna-ico { width: 32px; height: 32px; }
.luna-ig__grid a:hover span, .luna-ig__grid a:focus-visible span { opacity: 1; }
.luna-ig__grid a:hover img { transform: scale(1.06); }

/* ---------- Cam kết + footer ---------- */
.luna-commit { border-top: 1px solid var(--luna-line); border-bottom: 1px solid var(--luna-line); background: #fff; }
.luna-commit__grid { display: grid; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 900px) { .luna-commit__grid { grid-template-columns: repeat(4, 1fr); } }
.luna-commit__item { display: flex; align-items: center; gap: .9rem; padding: 1.6rem .5rem; }
.luna-commit__ico { width: 48px; height: 48px; flex: none; border-radius: 50%; background: var(--luna-rose-soft); display: grid; place-items: center; color: var(--luna-rose-deep); }
.luna-commit__item strong { display: block; font-size: .95rem; font-weight: 600; }
.luna-commit__item span:not(.luna-commit__ico) { font-size: .82rem; color: var(--luna-muted); }
.luna-footer { background: var(--luna-cream); padding-top: clamp(3rem, 6vw, 4.5rem); font-size: .9rem; color: var(--luna-ink-2); }
.luna-footer__grid { display: grid; gap: 2.5rem; grid-template-columns: 1fr; }
@media (min-width: 700px) { .luna-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .luna-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1.4fr; } }
.luna-footer .luna-logo { justify-self: start; margin-bottom: 1rem; }
.luna-footer__slogan { color: var(--luna-muted); max-width: 320px; }
.luna-footer__contact { list-style: none; margin: 0 0 1.2rem; padding: 0; display: grid; gap: .55rem; }
.luna-footer__contact li { display: flex; gap: .6rem; align-items: flex-start; }
.luna-footer__contact .luna-ico { width: 18px; height: 18px; margin-top: .2rem; color: var(--luna-rose-deep); }
.luna-footer__social { display: flex; gap: .4rem; }
.luna-footer__social a { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--luna-line-2); display: grid; place-items: center; }
.luna-footer__social a:hover { background: var(--luna-ink); color: #fff; border-color: var(--luna-ink); }
.luna-footer__social .luna-ico { width: 18px; height: 18px; }
.luna-footer__h, .luna h2.luna-footer__h { font-size: .8rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 1.2rem; }
.luna-footer__links { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.luna-footer__links a:hover { text-decoration: underline; }
.luna-newsletter { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 1.4rem; }
.luna-newsletter input { flex: 1 1 180px; min-height: 46px; border: 1px solid var(--luna-line-2); border-radius: var(--luna-radius); padding: 0 .9rem; font: inherit; background: #fff; }
.luna-newsletter__msg { flex-basis: 100%; margin: 0; font-size: .85rem; min-height: 1.2em; }
.luna-newsletter__msg.is-ok { color: var(--luna-ok); }
.luna-newsletter__msg.is-err { color: var(--luna-sale); }
.luna-pay { display: flex; flex-wrap: wrap; gap: .4rem; }
.luna-pay span { font-size: .72rem; font-weight: 600; letter-spacing: .04em; padding: .3rem .6rem; border: 1px solid var(--luna-line-2); border-radius: 3px; background: #fff; color: var(--luna-ink-2); }
.luna-footer__bottom { margin-top: 3rem; border-top: 1px solid var(--luna-line); padding: 1.2rem 0 1.4rem; font-size: .8rem; color: var(--luna-muted); }
.luna-footer__bottom-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1.5rem; }
.luna-demo-note a { text-decoration: underline; }
@media (max-width: 767px) { .luna-footer__bottom { padding-bottom: 5.5rem; } }

/* Nút nổi + thanh tab mobile */
.luna-floats { position: fixed; right: 1rem; bottom: 1.25rem; z-index: 70; display: flex; flex-direction: column; gap: .6rem; }
.luna-float { width: 50px; height: 50px; border-radius: 50%; display: grid; place-items: center; box-shadow: var(--luna-shadow-lg); border: 0; cursor: pointer; }
.luna-float--zalo { background: #0068FF; color: #fff; font-size: .78rem; font-weight: 700; }
.luna-float--zalo:hover { color: #fff; background: #0052cc; }
.luna-float--phone { background: var(--luna-rose); color: var(--luna-ink); animation: luna-ring 3s infinite; }
.luna-float--phone:hover { color: var(--luna-ink); }
.luna-float--top { background: #fff; color: var(--luna-ink); }
.luna-float[hidden] { display: none; }
@keyframes luna-ring { 0%, 90%, 100% { transform: none; } 92% { transform: rotate(-12deg); } 94% { transform: rotate(12deg); } 96% { transform: rotate(-8deg); } }
.luna-tabbar { display: none; }
@media (max-width: 767px) {
  .luna-tabbar { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; background: #fff; border-top: 1px solid var(--luna-line); padding-bottom: env(safe-area-inset-bottom); }
  .luna-tabbar > a, .luna-tabbar > button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 58px; font-size: .66rem; color: var(--luna-muted); background: none; border: 0; cursor: pointer; }
  .luna-tabbar .luna-ico { width: 21px; height: 21px; }
  .luna-tabbar [aria-current="page"] { color: var(--luna-ink); font-weight: 600; }
  .luna-tabbar .luna-cart-count { top: 5px; right: calc(50% - 22px); }
  .luna-floats { bottom: 74px; right: .75rem; }
  .luna-float { width: 46px; height: 46px; }
  .luna-toast { bottom: 140px; }
  body.luna { padding-bottom: 58px; }
}

/* ---------- Đầu trang (page head) ---------- */
.luna-pagehead { background: var(--luna-cream); padding: clamp(1.75rem, 4vw, 3rem) 0 clamp(1.75rem, 4vw, 2.75rem); margin-bottom: clamp(2rem, 4vw, 3rem); }
.luna-pagehead--slim { padding-bottom: 1.5rem; }
.luna-pagehead--center { text-align: center; }
.luna-pagehead__title, .luna h1.luna-pagehead__title { font-family: var(--luna-serif); font-weight: 500; font-size: clamp(1.9rem, 4vw, 3rem); margin: 0; }
.luna-pagehead__desc { color: var(--luna-muted); max-width: 640px; margin: .8rem auto 0; }
.luna-shophead .luna-pagehead__desc { margin-left: 0; }
.luna-shophead .luna-chips { justify-content: flex-start; }
.luna-steps { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; margin: 1.25rem 0 0; padding: 0; counter-reset: s; font-size: .85rem; color: var(--luna-muted); }
.luna-steps li { counter-increment: s; display: flex; align-items: center; gap: .5rem; }
.luna-steps li::before { content: counter(s); width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--luna-line-2); display: grid; place-items: center; font-size: .75rem; background: #fff; }
.luna-steps li.is-current { color: var(--luna-ink); font-weight: 600; }
.luna-steps li.is-current::before { background: var(--luna-ink); border-color: var(--luna-ink); color: #fff; }
.luna-steps li.is-done::before { content: "✓"; background: var(--luna-rose-soft); border-color: var(--luna-rose); color: var(--luna-rose-deep); }

.luna-page { max-width: 860px; padding-bottom: var(--luna-section); }
.luna-wc-page { padding-bottom: var(--luna-section); }
.luna .entry-content { font-size: 1rem; line-height: 1.75; }
.luna .entry-content h2 { font-family: var(--luna-serif); font-weight: 500; font-size: 1.6rem; margin: 2rem 0 .8rem; }
.luna .entry-content h3 { font-size: 1.15rem; margin: 1.6rem 0 .6rem; }
.luna .entry-content ul, .luna .entry-content ol { padding-left: 1.25rem; margin: 0 0 1.2rem; }
.luna .entry-content li { margin-bottom: .4rem; }
.luna .entry-content a { color: var(--luna-rose-deep); text-decoration: underline; text-underline-offset: 3px; }
.luna .entry-content blockquote { margin: 1.5rem 0; padding: 1rem 1.5rem; border-left: 3px solid var(--luna-rose); background: var(--luna-cream); font-family: var(--luna-serif); font-style: italic; font-size: 1.1rem; }
.luna .entry-content figure { margin: 1.5rem 0; }
.luna .entry-content figure img { border-radius: var(--luna-radius); }
.luna .entry-content table { width: 100%; border-collapse: collapse; }
.luna-wc-page .entry-content { font-size: .95rem; line-height: 1.6; }
.luna-wc-page .entry-content a { text-decoration: none; color: inherit; }

/* Bảng size */
.luna-table-wrap { overflow-x: auto; }
.luna-sizetable { width: 100%; border-collapse: collapse; font-size: .9rem; min-width: 520px; }
.luna-sizetable th, .luna-sizetable td { padding: .7rem .8rem; border-bottom: 1px solid var(--luna-line); text-align: center; }
.luna-sizetable thead th { background: var(--luna-cream); font-weight: 600; font-size: .8rem; }
.luna-sizetable tbody th { font-weight: 600; }

/* ---------- Cửa hàng: bố cục + bộ lọc ---------- */
.luna-shop { display: grid; gap: 2.5rem; padding-bottom: var(--luna-section); }
@media (min-width: 992px) { .luna-shop { grid-template-columns: 250px minmax(0, 1fr); } }
.luna-filters__head { display: none; }
.luna-fgroup { border-bottom: 1px solid var(--luna-line); padding: 1rem 0; }
.luna-fgroup:first-of-type { padding-top: 0; }
.luna-fgroup summary { list-style: none; cursor: pointer; font-size: .8rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; display: flex; justify-content: space-between; align-items: center; padding: .2rem 0; }
.luna-fgroup summary::-webkit-details-marker { display: none; }
.luna-fgroup summary::after { content: "−"; font-size: 1.1rem; font-weight: 400; }
.luna-fgroup:not([open]) summary::after { content: "+"; }
.luna-fgroup > ul, .luna-fprice__form { margin-top: .9rem; }
.luna-fcats, .luna-fcats ul, .luna-fprice { list-style: none; margin: 0; padding: 0; }
.luna-fcats a { display: flex; justify-content: space-between; padding: .35rem 0; font-size: .92rem; color: var(--luna-ink-2); }
.luna-fcats a span { color: var(--luna-muted); font-size: .8rem; }
.luna-fcats a[aria-current="page"] { color: var(--luna-ink); font-weight: 600; }
.luna-fcats ul { padding-left: .9rem; border-left: 1px solid var(--luna-line); margin: .1rem 0 .3rem .1rem; }
.luna-fprice { display: grid; gap: .1rem; }
.luna-radio { display: flex; align-items: center; gap: .6rem; padding: .3rem 0; font-size: .92rem; color: var(--luna-ink-2); }
.luna-radio::before { content: ""; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--luna-line-2); flex: none; background: #fff; }
.luna-radio.is-active { color: var(--luna-ink); font-weight: 500; }
.luna-radio.is-active::before { border: 5px solid var(--luna-ink); }
.luna-fprice__form { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
.luna-fprice__form input { width: 88px; min-height: 38px; border: 1px solid var(--luna-line-2); border-radius: var(--luna-radius); padding: 0 .5rem; font: inherit; font-size: .85rem; }
.luna-fcolors { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: .2rem .5rem; }
.luna-fcolors a { display: flex; align-items: center; gap: .55rem; padding: .35rem 0; font-size: .88rem; color: var(--luna-ink-2); }
.luna-fcolors a.is-active { color: var(--luna-ink); font-weight: 600; }
.luna-fcolors a.is-active .luna-dot { box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--luna-ink); }
.luna-fsizes { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.luna-fsizes a { display: grid; place-items: center; min-width: 46px; height: 40px; border: 1px solid var(--luna-line-2); border-radius: 2px; font-size: .85rem; }
.luna-fsizes a.is-active { background: var(--luna-ink); color: #fff; border-color: var(--luna-ink); }
.luna-filters .luna-btn--block { margin-top: 1.2rem; }
.luna-toolbar { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.luna-toolbar .woocommerce-result-count { margin: 0 auto 0 0; color: var(--luna-muted); font-size: .88rem; }
.luna-toolbar .woocommerce-ordering { margin: 0; }
.luna select, .luna .woocommerce-ordering select { min-height: 42px; border: 1px solid var(--luna-line-2); border-radius: var(--luna-radius); padding: 0 2.2rem 0 .9rem; font: inherit; font-size: .88rem; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B2B2B' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .7rem center / 16px; appearance: none; -webkit-appearance: none; color: var(--luna-ink); }
.luna-toolbar__filter { display: inline-flex; }
.luna-toolbar__filter .luna-ico { width: 18px; height: 18px; }
.luna-noresult { text-align: center; padding: 3rem 1rem; background: var(--luna-cream); border-radius: var(--luna-radius); }
@media (min-width: 992px) { .luna-toolbar__filter { display: none; } .luna-filters { position: sticky; top: calc(var(--luna-header-h) + 1.5rem); align-self: start; max-height: calc(100vh - var(--luna-header-h) - 3rem); overflow-y: auto; padding-right: .5rem; } }
@media (max-width: 991px) {
  .luna-filters { position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; width: min(360px, 90vw); background: #fff; padding: 0 1.25rem 2rem; overflow-y: auto; transform: translateX(-100%); visibility: hidden; transition: transform .3s cubic-bezier(.2, .7, .2, 1), visibility .3s; box-shadow: var(--luna-shadow-lg); }
  .luna-filters.is-open { transform: none; visibility: visible; }
  .luna-filters__head { display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; background: #fff; padding: .8rem 0; margin-bottom: .5rem; border-bottom: 1px solid var(--luna-line); z-index: 1; }
  .luna-toolbar .woocommerce-result-count { flex-basis: 100%; order: 3; margin: 0; }
}

/* ---------- Thông báo WooCommerce ---------- */
.luna .woocommerce-message, .luna .woocommerce-info, .luna .woocommerce-error, .luna .woocommerce-notice {
  list-style: none; margin: 0 0 1.5rem; padding: 1rem 1.25rem; border-radius: var(--luna-radius); background: var(--luna-cream); border-left: 3px solid var(--luna-rose); font-size: .92rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem;
}
.luna .woocommerce-error { border-left-color: var(--luna-sale); background: #FBEDEA; display: block; }
.luna .woocommerce-error li { margin: .2rem 0; }
.luna .woocommerce-message { border-left-color: var(--luna-ok); background: #EEF5F0; }
.luna .woocommerce-message .button, .luna .woocommerce-info .button { order: 2; min-height: 38px; padding: .4rem 1rem; }
.luna .woocommerce-info a:not(.button) { text-decoration: underline; }
.luna .woocommerce-notice--success { border-left-color: var(--luna-ok); background: #EEF5F0; font-weight: 500; }

/* ---------- Trang chi tiết sản phẩm ---------- */
.luna-singlewrap { padding-top: 1.25rem; padding-bottom: var(--luna-section); }
.luna div.product { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; position: relative; }
@media (min-width: 900px) { .luna div.product { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 3.5rem; } .luna div.product > .woocommerce-tabs, .luna div.product > .related, .luna div.product > .luna-recent, .luna div.product > section { grid-column: 1 / -1; } }
.luna div.product > .onsale { position: absolute; z-index: 5; top: .9rem; left: .9rem; background: var(--luna-sale); color: #fff; font-size: .78rem; font-weight: 600; padding: .25rem .6rem; border-radius: 2px; }
@media (min-width: 900px) { .luna div.product > .onsale { left: calc(96px + .9rem); } }
.luna .woocommerce-product-gallery { position: relative; margin: 0; }
.luna .woocommerce-product-gallery__wrapper { margin: 0; }
.luna .woocommerce-product-gallery__image img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--luna-radius); background: var(--luna-cream); }
.luna .woocommerce-product-gallery__trigger { position: absolute; top: .9rem; right: .9rem; z-index: 6; width: 42px; height: 42px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-size: 0; box-shadow: var(--luna-shadow); }
.luna .woocommerce-product-gallery__trigger::before { content: ""; width: 14px; height: 14px; border: 1.6px solid var(--luna-ink); border-radius: 50%; position: relative; left: -2px; top: -2px; }
.luna .woocommerce-product-gallery__trigger::after { content: ""; position: absolute; width: 1.6px; height: 7px; background: var(--luna-ink); transform: rotate(-45deg); right: 13px; bottom: 11px; }
.luna .woocommerce-product-gallery__trigger img { display: none !important; }
.luna .flex-control-thumbs { list-style: none; margin: .8rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: .5rem; }
.luna .flex-control-thumbs img { aspect-ratio: 3 / 4; object-fit: cover; border-radius: 2px; cursor: pointer; opacity: .55; transition: opacity .2s; border: 1px solid transparent; }
.luna .flex-control-thumbs img.flex-active, .luna .flex-control-thumbs img:hover { opacity: 1; border-color: var(--luna-ink); }
@media (min-width: 900px) {
  .luna .woocommerce-product-gallery { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 12px; align-items: start; }
  .luna .woocommerce-product-gallery .flex-viewport, .luna .woocommerce-product-gallery__wrapper { grid-column: 2; grid-row: 1; }
  .luna .flex-control-thumbs { grid-column: 1; grid-row: 1; margin: 0; display: flex; flex-direction: column; gap: 10px; }
  .luna .woocommerce-product-gallery__trigger { right: .9rem; }
}
.luna .summary { min-width: 0; }
@media (min-width: 900px) { .luna .summary { position: sticky; top: calc(var(--luna-header-h) + 1.5rem); align-self: start; } }
.luna .product_title, .luna h1.product_title { font-family: var(--luna-serif); font-weight: 500; font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.2; margin-bottom: .4rem; }
.luna-subline { display: flex; gap: 1.2rem; font-size: .82rem; color: var(--luna-muted); margin-bottom: 1rem; }
.luna .summary > .price { font-size: 1.45rem; margin-bottom: 1rem; }
.luna .woocommerce-product-details__short-description { color: var(--luna-ink-2); border-top: 1px solid var(--luna-line); padding-top: 1rem; margin-bottom: 1.25rem; }
.luna table.variations { width: 100%; border-collapse: collapse; margin-bottom: .8rem; }
.luna table.variations tr { display: block; margin-bottom: 1.1rem; }
.luna table.variations th, .luna table.variations td { display: block; padding: 0; text-align: left; }
.luna table.variations th label { font-size: .8rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; display: inline-block; margin-bottom: .55rem; }
.luna-sw__current { text-transform: none; letter-spacing: 0; font-weight: 400; color: var(--luna-ink-2); }
.luna-sw__select { position: absolute !important; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.luna-sw { display: flex; flex-wrap: wrap; gap: .5rem; }
.luna-sw__color { --c: #ddd; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .14); background: var(--c); cursor: pointer; position: relative; padding: 0; }
.luna-sw__color.is-active { box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--luna-ink); }
.luna-sw__size { min-width: 52px; height: 44px; padding: 0 .8rem; border: 1px solid var(--luna-line-2); background: #fff; border-radius: 2px; cursor: pointer; font-size: .9rem; font-weight: 500; }
.luna-sw__size:hover { border-color: var(--luna-ink); }
.luna-sw__size.is-active { background: var(--luna-ink); color: #fff; border-color: var(--luna-ink); }
.luna-sw button:disabled { opacity: .35; cursor: not-allowed; position: relative; background-image: linear-gradient(to top right, transparent calc(50% - 1px), var(--luna-muted) 50%, transparent calc(50% + 1px)); }
.luna .reset_variations { display: inline-block; margin-top: .5rem; font-size: .82rem; color: var(--luna-muted); text-decoration: underline; }
.luna .single_variation { margin-bottom: 1rem; }
.luna .single_variation .price { font-size: 1.2rem; }
.luna .stock { font-size: .86rem; margin: .4rem 0 0; color: var(--luna-ok); }
.luna .stock.out-of-stock { color: var(--luna-sale); }
.luna .woocommerce-variation-add-to-cart, .luna form.cart:not(.variations_form) { display: flex; gap: .6rem; flex-wrap: wrap; margin-bottom: 1rem; }
.luna .single_add_to_cart_button { flex: 1; min-height: 52px; font-size: .95rem; letter-spacing: .06em; text-transform: uppercase; }
.luna .single_add_to_cart_button.disabled { opacity: .5; }
.luna div.quantity { display: inline-flex; align-items: center; border: 1px solid var(--luna-line-2); border-radius: var(--luna-radius); background: #fff; height: 52px; }
.luna div.quantity .qty { width: 46px; height: 100%; border: 0; text-align: center; font: inherit; font-weight: 600; -moz-appearance: textfield; background: transparent; }
.luna div.quantity .qty::-webkit-outer-spin-button, .luna div.quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.luna-qty__btn { width: 38px; height: 100%; border: 0; background: none; cursor: pointer; font-size: 1.15rem; color: var(--luna-ink-2); }
.luna-qty__btn:hover { color: var(--luna-ink); background: var(--luna-cream); }
.luna-sizeguide-btn { display: inline-flex; align-items: center; gap: .45rem; border: 0; background: none; padding: .2rem 0; cursor: pointer; font-size: .86rem; text-decoration: underline; text-underline-offset: 3px; color: var(--luna-ink-2); margin-bottom: 1rem; }
.luna-sizeguide-btn .luna-ico { width: 18px; height: 18px; }
.luna-trust { list-style: none; margin: 0 0 1.5rem; padding: 1rem 1.1rem; background: var(--luna-cream); border-radius: var(--luna-radius); display: grid; gap: .55rem; font-size: .86rem; }
.luna-trust li { display: flex; align-items: center; gap: .65rem; }
.luna-trust .luna-ico { width: 20px; height: 20px; color: var(--luna-rose-deep); }
.luna-bundle { border: 1px dashed var(--luna-rose); border-radius: var(--luna-radius); padding: 1rem 1.1rem; margin-bottom: 1.5rem; }
.luna-bundle__title, .luna h2.luna-bundle__title { display: flex; align-items: center; gap: .5rem; font-size: .95rem; font-weight: 600; margin: 0 0 .25rem; }
.luna-bundle__title .luna-ico { color: var(--luna-rose-deep); width: 20px; height: 20px; }
.luna-bundle__note { font-size: .82rem; color: var(--luna-muted); margin-bottom: .6rem; }
.luna-bundle__item { display: grid; grid-template-columns: 56px 1fr auto; gap: .9rem; align-items: center; padding: .55rem 0; border-top: 1px solid var(--luna-line); }
.luna-bundle__item img { width: 56px; height: 74px; object-fit: cover; border-radius: 2px; }
.luna-bundle__info { display: flex; flex-direction: column; font-size: .88rem; }
.luna-bundle__name { font-weight: 500; }
.luna-bundle__price .price, .luna-bundle__price { font-size: .85rem; }
.luna-bundle__cta { display: inline-flex; align-items: center; gap: .2rem; font-size: .82rem; font-weight: 500; white-space: nowrap; }
.luna-bundle__cta .luna-ico { width: 16px; height: 16px; }
.luna .product_meta { font-size: .84rem; color: var(--luna-muted); display: grid; gap: .25rem; border-top: 1px solid var(--luna-line); padding-top: 1rem; }
.luna .product_meta a { color: var(--luna-ink-2); text-decoration: underline; }

.luna .woocommerce-tabs { margin-top: 2rem; }
.luna .woocommerce-tabs ul.tabs { list-style: none; margin: 0 0 1.5rem; padding: 0; display: flex; gap: 2rem; border-bottom: 1px solid var(--luna-line); overflow-x: auto; }
.luna .woocommerce-tabs ul.tabs li a { display: block; padding: .9rem 0; font-size: .95rem; color: var(--luna-muted); border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.luna .woocommerce-tabs ul.tabs li.active a { color: var(--luna-ink); border-bottom-color: var(--luna-ink); font-weight: 500; }
.luna .woocommerce-Tabs-panel { max-width: 820px; color: var(--luna-ink-2); }
.luna .woocommerce-Tabs-panel ul { padding-left: 1.2rem; }
.luna section.related, .luna .luna-recent { margin-top: 3.5rem; }
.luna section.related > h2, .luna .luna-recent > h2 { font-family: var(--luna-serif); font-weight: 500; font-size: clamp(1.5rem, 3vw, 2rem); text-align: center; margin-bottom: 2rem; }

/* Hộp thoại bảng size */
.luna-modal { border: 0; border-radius: var(--luna-radius-lg); padding: 0; width: min(760px, calc(100vw - 2rem)); max-height: calc(100vh - 3rem); box-shadow: var(--luna-shadow-lg); color: var(--luna-ink); }
.luna-modal::backdrop { background: rgba(30, 24, 20, .5); }
.luna-modal__head { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem 1rem 1.5rem; border-bottom: 1px solid var(--luna-line); }
.luna-modal__head h2 { font-family: var(--luna-serif); font-weight: 500; font-size: 1.4rem; margin: 0; }
.luna-modal__close { width: 40px; height: 40px; border: 0; background: none; border-radius: 50%; cursor: pointer; display: grid; place-items: center; }
.luna-modal__close:hover { background: var(--luna-sand); }
.luna-modal .luna-table-wrap { padding: 1rem 1.5rem 0; }
.luna-modal__note { padding: 1rem 1.5rem 1.5rem; margin: 0; font-size: .86rem; color: var(--luna-muted); }

/* ---------- Biểu mẫu chung ---------- */
.luna .form-row { margin: 0 0 1rem; padding: 0; }
.luna .form-row label, .luna-form label { display: block; font-size: .85rem; font-weight: 500; margin-bottom: .35rem; }
.luna .form-row .required { color: var(--luna-sale); text-decoration: none; border: 0; }
.luna .form-row .optional { color: var(--luna-muted); font-weight: 400; }
.luna input.input-text, .luna .form-row input[type="text"], .luna .form-row input[type="email"], .luna .form-row input[type="tel"], .luna .form-row input[type="password"], .luna .form-row textarea, .luna-form input[type="text"], .luna-form input[type="email"], .luna-form input[type="tel"], .luna-form textarea, .luna #coupon_code {
  width: 100%; min-height: 48px; border: 1px solid var(--luna-line-2); border-radius: var(--luna-radius); padding: .65rem .9rem; font: inherit; font-size: .95rem; background: #fff; color: var(--luna-ink); transition: border-color .2s, box-shadow .2s;
}
.luna textarea { min-height: 110px; resize: vertical; }
.luna input.input-text:focus, .luna .form-row textarea:focus, .luna-form input:focus, .luna-form textarea:focus, .luna #coupon_code:focus { outline: 0; border-color: var(--luna-ink); box-shadow: 0 0 0 3px rgba(200, 144, 122, .25); }
.luna .form-row.woocommerce-invalid input.input-text { border-color: var(--luna-sale); }
.luna .form-row-first, .luna .form-row-last { width: 100%; }
@media (min-width: 600px) { .luna .form-row-first, .luna .form-row-last { width: calc(50% - .5rem); float: left; } .luna .form-row-last { float: right; } .luna .form-row-wide, .luna .clear { clear: both; } }
.luna .woocommerce-billing-fields__field-wrapper::after, .luna .woocommerce-address-fields__field-wrapper::after { content: ""; display: table; clear: both; }
.luna-hidden-field { display: none !important; }
.luna input[type="checkbox"], .luna input[type="radio"] { accent-color: var(--luna-ink); width: 18px; height: 18px; vertical-align: -3px; margin-right: .4rem; }
.luna-form__row { display: grid; gap: 0 1rem; }
@media (min-width: 600px) { .luna-form__row { grid-template-columns: 1fr 1fr; } }
.luna-form p { margin: 0 0 1rem; }
.luna-form__check label { font-weight: 400; font-size: .88rem; display: flex; align-items: flex-start; gap: .2rem; }
.luna-form__check a { text-decoration: underline; }
.luna-form__hp { position: absolute; left: -9999px; }
.luna-form__status { margin-top: 1rem; font-size: .92rem; }
.luna-form__status.is-ok { color: var(--luna-ok); }
.luna-form__status.is-err { color: var(--luna-sale); }

/* ---------- Giỏ hàng ---------- */
.luna .woocommerce-cart-form { margin-bottom: 2rem; }
.luna table.shop_table { width: 100%; border-collapse: collapse; font-size: .92rem; border: 0; margin: 0; }
.luna table.shop_table th, .luna table.shop_table td { border-width: 0 0 1px; border-style: solid; border-color: var(--luna-line); background: none; }
.luna table.shop_table th { font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--luna-muted); text-align: left; padding: .8rem .6rem; border-bottom: 1px solid var(--luna-line); }
.luna table.shop_table td { padding: 1.1rem .6rem; border-bottom: 1px solid var(--luna-line); vertical-align: middle; }
.luna table.cart .product-thumbnail img { width: 84px; height: 112px; object-fit: cover; border-radius: 2px; background: var(--luna-cream); }
.luna table.cart .product-name a { font-weight: 500; }
.luna table.cart .product-name .variation { display: flex; flex-wrap: wrap; gap: 0 .4rem; margin: .3rem 0 0; font-size: .82rem; color: var(--luna-muted); }
.luna table.cart .variation dt, .luna table.cart .variation dd, .luna table.cart .variation dd p { margin: 0; }
.luna table.cart a.remove { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 1.3rem; color: var(--luna-muted); }
.luna table.cart a.remove:hover { background: #FBEDEA; color: var(--luna-sale); }
.luna table.cart div.quantity { height: 44px; }
.luna table.cart td.actions { padding-top: 1.4rem; }
.luna .coupon { display: flex; gap: .5rem; flex-wrap: wrap; float: left; }
.luna .coupon label { display: none; }
.luna #coupon_code { width: 200px; min-height: 46px; }
.luna td.actions > .button { float: right; background: #fff; color: var(--luna-ink); border-color: var(--luna-line-2); }
.luna td.actions > .button:not(:disabled):hover { background: var(--luna-ink); color: #fff; }
.luna .cart-collaterals { display: grid; justify-content: end; }
.luna .cart_totals { width: min(440px, 100%); background: var(--luna-cream); padding: 1.5rem; border-radius: var(--luna-radius); }
.luna .cart_totals h2 { font-family: var(--luna-serif); font-weight: 500; font-size: 1.4rem; }
.luna .cart_totals table.shop_table th { text-transform: none; letter-spacing: 0; font-size: .9rem; color: var(--luna-ink-2); font-weight: 400; padding-left: 0; }
.luna .cart_totals table.shop_table td { text-align: right; padding-right: 0; }
.luna .cart_totals .order-total .amount { font-size: 1.25rem; }
.luna .fee td, .luna .fee .amount { color: var(--luna-ok); }
.luna ul#shipping_method { list-style: none; margin: 0; padding: 0; text-align: right; }
.luna .woocommerce-shipping-destination, .luna .woocommerce-shipping-calculator { display: none; }
.luna .wc-proceed-to-checkout .checkout-button { width: 100%; min-height: 54px; margin-top: 1rem; text-transform: uppercase; letter-spacing: .06em; }
.luna .cart-empty { text-align: center; padding: 2rem 1rem !important; display: block !important; border: 0 !important; background: none !important; font-family: var(--luna-serif); font-size: 1.4rem; }
.luna .return-to-shop { text-align: center; }
@media (max-width: 767px) {
  .luna table.shop_table_responsive thead { display: none; }
  .luna table.shop_table_responsive tr { display: block; position: relative; border-bottom: 1px solid var(--luna-line); padding: .8rem 0; }
  .luna table.shop_table_responsive td { display: flex; justify-content: space-between; align-items: center; border: 0; padding: .35rem 0; text-align: right; }
  .luna table.shop_table_responsive td::before { content: attr(data-title); font-size: .8rem; color: var(--luna-muted); text-align: left; margin-right: 1rem; }
  .luna table.shop_table_responsive td.product-remove, .luna table.shop_table_responsive td.product-thumbnail { display: block; }
  .luna table.shop_table_responsive td.product-remove::before, .luna table.shop_table_responsive td.product-thumbnail::before, .luna table.shop_table_responsive td.actions::before { display: none; }
  .luna table.cart td.product-remove { position: absolute; right: 0; top: .8rem; padding: 0; }
  .luna table.cart td.product-thumbnail { float: left; margin-right: 1rem; }
  .luna table.cart td.actions { display: block; }
  .luna .coupon, .luna td.actions > .button { float: none; width: 100%; margin-bottom: .6rem; }
  .luna #coupon_code { flex: 1; width: auto; }
  .luna .cart-collaterals { justify-content: stretch; }
}

/* ---------- Thanh toán ---------- */
.luna form.checkout { display: grid; gap: 2rem; align-items: start; }
@media (min-width: 992px) {
  .luna form.checkout { grid-template-columns: minmax(0, 1fr) 440px; gap: 3rem; }
  .luna form.checkout > #customer_details { grid-column: 1; grid-row: 1 / span 2; }
  .luna form.checkout > #order_review_heading { grid-column: 2; grid-row: 1; }
  .luna form.checkout > #order_review { grid-column: 2; grid-row: 2; position: sticky; top: calc(var(--luna-header-h) + 1.5rem); }
}
.luna form.checkout h3, .luna #order_review_heading { font-family: var(--luna-serif); font-weight: 500; font-size: 1.4rem; margin: 0 0 1rem; }
.luna .col2-set .col-1, .luna .col2-set .col-2 { width: 100%; float: none; }
.luna #customer_details .col-2 { margin-top: 1.25rem; }
.luna #order_review { background: var(--luna-cream); padding: 1.5rem; border-radius: var(--luna-radius); }
.luna #order_review_heading { margin-bottom: -1rem; padding: 1.5rem 1.5rem 0; background: var(--luna-cream); border-radius: var(--luna-radius) var(--luna-radius) 0 0; }
@media (min-width: 992px) { .luna #order_review_heading { margin-bottom: 0; align-self: end; } .luna form.checkout > #order_review { border-top-left-radius: 0; border-top-right-radius: 0; padding-top: .5rem; } }
.luna .woocommerce-checkout-review-order-table th, .luna .woocommerce-checkout-review-order-table td { padding: .7rem 0; }
.luna .woocommerce-checkout-review-order-table td:last-child, .luna .woocommerce-checkout-review-order-table tfoot td { text-align: right; }
.luna .woocommerce-checkout-review-order-table .product-name { font-size: .88rem; }
.luna .woocommerce-checkout-review-order-table .variation { display: flex; flex-wrap: wrap; gap: 0 .35rem; margin: .2rem 0 0; font-size: .8rem; color: var(--luna-muted); }
.luna .woocommerce-checkout-review-order-table .variation dd, .luna .woocommerce-checkout-review-order-table .variation dt, .luna .woocommerce-checkout-review-order-table .variation p { margin: 0; }
.luna .woocommerce-checkout-review-order-table .order-total .amount { font-size: 1.25rem; }
.luna #payment { margin-top: 1.25rem; }
.luna #payment ul.payment_methods { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .6rem; }
.luna #payment li.wc_payment_method { background: #fff; border: 1px solid var(--luna-line); border-radius: var(--luna-radius); padding: .85rem 1rem; }
.luna #payment li.wc_payment_method > label { font-weight: 500; cursor: pointer; display: inline; }
.luna #payment li.wc_payment_method:has(input:checked) { border-color: var(--luna-ink); }
.luna #payment .payment_box { margin-top: .6rem; font-size: .85rem; color: var(--luna-ink-2); background: var(--luna-cream); padding: .7rem .9rem; border-radius: var(--luna-radius); }
.luna #payment .payment_box p:last-child { margin: 0; }
.luna #place_order { width: 100%; min-height: 56px; text-transform: uppercase; letter-spacing: .06em; font-size: 1rem; }
.luna .woocommerce-privacy-policy-text { font-size: .8rem; color: var(--luna-muted); }
.luna .woocommerce-privacy-policy-text a { text-decoration: underline; }
.luna .woocommerce-form-coupon-toggle .woocommerce-info { border-left-color: var(--luna-rose); }
.luna form.checkout_coupon { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1.5rem; padding: 1rem; border: 1px dashed var(--luna-line-2); border-radius: var(--luna-radius); }
.luna form.checkout_coupon p { margin: 0; }
.luna form.checkout_coupon .form-row-first { flex: 1; float: none; width: auto; }
.luna form.checkout_coupon .form-row-last { float: none; width: auto; }
.luna form.checkout_coupon > p:first-child { flex-basis: 100%; }
.luna .blockUI.blockOverlay { background: rgba(255, 255, 255, .6) !important; }

/* Cảm ơn / chi tiết đơn */
.luna .woocommerce-order { max-width: 860px; margin-inline: auto; }
.luna ul.woocommerce-order-overview { list-style: none; margin: 0 0 2rem; padding: 1.25rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; background: var(--luna-cream); border-radius: var(--luna-radius); font-size: .8rem; color: var(--luna-muted); text-transform: uppercase; letter-spacing: .06em; }
.luna ul.woocommerce-order-overview strong { display: block; margin-top: .3rem; font-size: .95rem; color: var(--luna-ink); text-transform: none; letter-spacing: 0; }
.luna .woocommerce-order-details, .luna .woocommerce-customer-details { margin-top: 2rem; }
.luna .woocommerce-order-details h2, .luna .woocommerce-customer-details h2, .luna .wc-bacs-bank-details-heading { font-family: var(--luna-serif); font-weight: 500; font-size: 1.4rem; }
.luna .woocommerce-customer-details address { font-style: normal; padding: 1rem 1.25rem; border: 1px solid var(--luna-line); border-radius: var(--luna-radius); }
.luna ul.wc-bacs-bank-details { list-style: none; padding: 1rem 1.25rem; background: var(--luna-cream); border-radius: var(--luna-radius); }
.luna-qr { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; padding: 1.5rem; border: 1px solid var(--luna-line); border-radius: var(--luna-radius-lg); margin: 0 0 2rem; }
.luna-qr__code { padding: 12px; background: #fff; border: 1px solid var(--luna-line); border-radius: var(--luna-radius); }
.luna-qr__code svg { display: block; fill: var(--luna-ink); }
.luna-qr h2 { font-family: var(--luna-serif); font-weight: 500; font-size: 1.4rem; }
.luna-qr__demo { font-size: .82rem; color: var(--luna-sale); margin: 0; }

/* ---------- Tài khoản ---------- */
.luna #customer_login { display: grid; gap: 2rem; max-width: 980px; margin-inline: auto; }
@media (min-width: 800px) { .luna #customer_login { grid-template-columns: 1fr 1fr; } }
.luna #customer_login .u-column1, .luna #customer_login .u-column2 { width: 100%; float: none; padding: 2rem; border: 1px solid var(--luna-line); border-radius: var(--luna-radius-lg); }
.luna #customer_login h2 { font-family: var(--luna-serif); font-weight: 500; font-size: 1.5rem; }
.luna .woocommerce-form-login .woocommerce-form-login__rememberme { display: block; margin-bottom: 1rem; font-size: .88rem; }
.luna .woocommerce-form-login .button, .luna .woocommerce-form-register .button { width: 100%; min-height: 50px; }
.luna .lost_password a { font-size: .86rem; text-decoration: underline; color: var(--luna-ink-2); }
.luna .woocommerce-password-strength { font-size: .8rem; margin-top: .4rem; }
.luna .woocommerce-account .woocommerce, .luna-wc-page .woocommerce:has(.woocommerce-MyAccount-navigation) { display: grid; gap: 2rem; }
@media (min-width: 900px) { .luna-wc-page .woocommerce:has(.woocommerce-MyAccount-navigation) { grid-template-columns: 240px minmax(0, 1fr); } }
.luna .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border: 1px solid var(--luna-line); border-radius: var(--luna-radius); overflow: hidden; }
.luna .woocommerce-MyAccount-navigation li a { display: block; padding: .8rem 1.1rem; border-bottom: 1px solid var(--luna-line); font-size: .92rem; }
.luna .woocommerce-MyAccount-navigation li:last-child a { border-bottom: 0; }
.luna .woocommerce-MyAccount-navigation li.is-active a { background: var(--luna-ink); color: #fff; }
.luna .woocommerce-MyAccount-content { min-width: 0; }
.luna .woocommerce-MyAccount-content a { text-decoration: underline; }
.luna .woocommerce-MyAccount-content a.button { text-decoration: none; }

/* ---------- Bài viết ---------- */
.luna-article__head { max-width: 860px; text-align: center; padding-top: 2rem; }
.luna-article__title, .luna h1.luna-article__title { font-family: var(--luna-serif); font-weight: 500; font-size: clamp(2rem, 4.4vw, 3.2rem); line-height: 1.15; margin-bottom: 1rem; }
.luna-article__meta { display: flex; justify-content: center; gap: 1.25rem; font-size: .82rem; color: var(--luna-muted); margin-bottom: 2rem; }
.luna-article__cover { max-width: 1100px; margin: 0 auto 2.5rem; }
.luna-article__cover img { width: 100%; border-radius: var(--luna-radius); }
.luna-article__body { max-width: 760px; margin-inline: auto; padding-inline: clamp(1rem, 4vw, 0rem); padding-bottom: 2rem; }
.luna-share { display: flex; align-items: center; gap: .6rem; margin: 2rem 0; padding: 1rem 0; border-top: 1px solid var(--luna-line); border-bottom: 1px solid var(--luna-line); font-size: .88rem; }
.luna-share a, .luna-share button { display: inline-flex; align-items: center; min-height: 38px; padding: 0 .8rem; border: 1px solid var(--luna-line-2); border-radius: 999px; background: #fff; cursor: pointer; font-size: .82rem; }
.luna-share .luna-ico { width: 18px; height: 18px; }
.luna-article__cta { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; padding: 1.5rem; background: var(--luna-rose-soft); border-radius: var(--luna-radius); }
.luna-article__cta strong { display: block; font-family: var(--luna-serif); font-size: 1.2rem; font-weight: 500; }
.luna-article__cta span { font-size: .9rem; color: var(--luna-ink-2); }

/* ---------- Giới thiệu ---------- */
.luna-about-hero { background: var(--luna-cream); padding: clamp(2rem, 5vw, 4rem) 0; }
.luna-about-hero__grid { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 900px) { .luna-about-hero__grid { grid-template-columns: 1fr 1.1fr; gap: 4rem; } }
.luna-about-hero__img img { border-radius: var(--luna-radius-lg); width: 100%; }
.luna-about { display: grid; gap: 3rem; }
@media (min-width: 900px) { .luna-about { grid-template-columns: 1.2fr 1fr; gap: 5rem; } }
.luna-values { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.5rem; }
.luna-values li { padding: 1.5rem; border: 1px solid var(--luna-line); border-radius: var(--luna-radius); }
.luna-values span { font-family: var(--luna-serif); font-size: 1.8rem; color: var(--luna-rose); }
.luna-values h3 { font-size: 1.1rem; margin: .3rem 0 .4rem; }
.luna-values p { color: var(--luna-muted); margin: 0; font-size: .92rem; }
.luna-split { display: grid; background: var(--luna-sand); }
@media (min-width: 900px) { .luna-split { grid-template-columns: 1fr 1fr; } }
.luna-split__img img { width: 100%; height: 100%; object-fit: cover; }
.luna-split__body { padding: clamp(2rem, 6vw, 5rem); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.luna-split__body p { color: var(--luna-ink-2); max-width: 460px; }

/* ---------- Liên hệ ---------- */
.luna-contact { display: grid; gap: 2.5rem; }
@media (min-width: 900px) { .luna-contact { grid-template-columns: 1fr 1.3fr; gap: 4rem; } }
.luna-contact__list { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; gap: 1.1rem; }
.luna-contact__list li { display: flex; gap: 1rem; align-items: flex-start; }
.luna-contact__list .luna-ico { width: 44px; height: 44px; padding: 11px; border-radius: 50%; background: var(--luna-rose-soft); color: var(--luna-rose-deep); }
.luna-contact__list strong { display: block; font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; color: var(--luna-muted); font-weight: 600; }
.luna-contact__form { padding: clamp(1.25rem, 3vw, 2.25rem); border: 1px solid var(--luna-line); border-radius: var(--luna-radius-lg); }
.luna-map iframe { display: block; width: 100%; height: 420px; border: 0; filter: grayscale(.4) sepia(.15); }

/* ---------- 404 ---------- */
.luna-404 { text-align: center; padding: clamp(3rem, 8vw, 6rem) 0; }
.luna-404 .luna-container { max-width: 640px; }
.luna-404__code { font-family: var(--luna-serif); font-size: clamp(5rem, 16vw, 9rem); line-height: 1; color: var(--luna-rose); margin: 0 0 1rem; }
.luna-404 p { color: var(--luna-muted); }
.luna-404 .luna-searchform { margin: 1.5rem 0; }
.luna-404__actions { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }

/* ---------- Giảm chuyển động ---------- */
@media (prefers-reduced-motion: reduce) {
  .luna *, .luna *::before, .luna *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
  .luna-announce__track { animation: none; }
}