@font-face{font-family:"Be Vietnam Pro";src:url(/fonts/BeVietnamPro-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:"Be Vietnam Pro";src:url(/fonts/BeVietnamPro-SemiBold.ttf);font-weight:500 900;font-display:swap}@font-face{font-family:"Playfair Display";src:url(/fonts/PlayfairDisplay.ttf);font-weight:400 900;font-display:swap}
/* Kim Bảo Lâm · restored user-owned reference: https://tiemvangkimbaolam.id.vn · 2026-10-26. Original presentation retained; no original API controller. */
/* Hallmark: approved sample 01 / Ánh kim. Public typography and locale controls. */
@font-face{font-family:KBLVietnam;src:url('/fonts/BeVietnamPro-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:KBLVietnam;src:url('/fonts/BeVietnamPro-SemiBold.ttf');font-weight:600;font-display:swap}
@font-face{font-family:KBLVietnam;src:url('/fonts/BeVietnamPro-SemiBold.ttf');font-weight:700;font-display:swap}

:root{--kbl-world-font:KBLVietnam,'Noto Sans','Segoe UI',Arial,sans-serif;--kbl-paper:#fbfaf7;--kbl-surface:#fffefa;--kbl-ink:#172e41;--kbl-muted:#65717a;--kbl-accent:#846123;--kbl-line:#ddd5c5;--kbl-soft:#f6efdf;--kbl-focus:#255c83;--kbl-radius:4px}
html[lang] body,html[lang] button,html[lang] input,html[lang] select,html[lang] textarea{font-family:var(--kbl-world-font)}
html:lang(ar),html:lang(he),html:lang(fa),html:lang(ur),html:lang(th),html:lang(ja),html:lang(zh),html:lang(ko),html:lang(km),html:lang(my),html:lang(lo){--kbl-world-font:'Noto Sans','Segoe UI',Tahoma,Arial,sans-serif}
.kbl-world-controls{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:0}
.kbl-world-controls label{margin:0;display:flex;min-width:0}
.kbl-world-controls select{width:128px;max-width:100%;min-height:42px;padding:8px 22px 8px 10px;border:1px solid var(--kbl-line);border-radius:var(--kbl-radius);background:var(--kbl-surface);color:var(--kbl-ink);font-size:12px;text-overflow:ellipsis}
.kbl-world-controls select:focus-visible{outline:2px solid var(--kbl-focus);outline-offset:3px}
.kbl-world-controls select#kbl-world-language{width:108px}
.kbl-world-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.kbl-world-status{font-size:11px;line-height:1.7;color:var(--kbl-muted);padding:8px 0;margin:0;max-width:100%;overflow-wrap:anywhere;grid-column:1/-1}
.kbl-world-status[hidden]{display:none}
.kbl-cart-header .kbl-world-controls{margin-top:16px;flex-wrap:wrap}
html[dir=rtl] .kbl-world-controls select{padding-inline:10px 22px;text-align:start}
@media(max-width:600px){.kbl-world-controls{gap:6px}.kbl-world-controls select{width:112px;font-size:12px;min-height:42px}.kbl-world-controls select#kbl-world-language{width:96px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}


:root {
  --navy: #0b2342;
  --navy-deep: #06182f;
  --navy-soft: #15395f;
  --gold: #d9a51d;
  --gold-bright: #f2c54a;
  --gold-pale: #fff4cf;
  --cream: #fbf8ef;
  --paper: #fffdf8;
  --ink: #102a4a;
  --muted: #687689;
  --line: #e6e9ee;
  --teal: #087f74;
  --shadow: 0 18px 50px rgba(11, 35, 66, 0.11);
  --radius: 20px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.modal-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
}

button,
a,
input,
select,
textarea {
  outline-color: var(--gold);
}

button {
  cursor: pointer;
}

.container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.hidden {
  display: none !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.topbar {
  color: #fff8dc;
  background: #071a34;
  font-size: 12px;
  letter-spacing: 0.01em;
}

.topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
}

.live-dot,
.status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: 50%;
  background: #4ed4b0;
  box-shadow: 0 0 0 4px rgba(78, 212, 176, 0.13);
}

.topbar-note {
  color: rgba(255, 248, 220, 0.72);
}

.site-header {
  position: sticky;
  z-index: 20;
  top: 0;
  color: #fff;
  background: rgba(11, 35, 66, 0.97);
  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
  backdrop-filter: blur(15px);
}

.header-inner {
  display: flex;
  align-items: center;
  gap: 30px;
  min-height: 78px;
}

.brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 10px;
}

.brand-mark {
  display: grid;
  width: 48px;
  height: 44px;
  color: var(--gold-bright);
  place-items: center;
  overflow: visible;
}

.brand-mark img {
  display: block;
  width: 48px;
  height: 40px;
  object-fit: contain;
  filter: drop-shadow(0 3px 7px rgba(0,0,0,.24));
}

.brand-copy {
  display: grid;
  line-height: 1.12;
}

.brand-copy strong {
  color: #fff8df;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 19px;
  letter-spacing: 0.02em;
}

.brand-copy small {
  margin-top: 4px;
  color: rgba(255, 248, 223, 0.7);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.main-nav {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 4px;
  flex: 1;
  height: 78px;
}

.main-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 13px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.main-nav a::after {
  position: absolute;
  right: 13px;
  bottom: 17px;
  left: 13px;
  height: 2px;
  content: "";
  background: var(--gold-bright);
  opacity: 0;
  transform: scaleX(0.35);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.main-nav a:hover,
.main-nav a.active {
  color: #fff4c7;
}

.main-nav a:hover::after,
.main-nav a.active::after {
  opacity: 1;
  transform: scaleX(1);
}

.header-action,
.btn,
.filter-tab,
.tryon-mode {
  border: 0;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.header-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  color: #fff2be;
  background: transparent;
  border: 1px solid rgba(242, 197, 74, 0.85);
  border-radius: 9px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.header-action:hover {
  color: var(--navy);
  background: var(--gold-bright);
  transform: translateY(-1px);
}

.user-icon {
  font-size: 12px;
}

.menu-toggle {
  display: none;
  width: 42px;
  padding: 8px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 9px;
}

.menu-toggle span {
  display: block;
  height: 2px;
  margin: 5px 0;
  background: #fff;
}

.hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: radial-gradient(circle at 78% 30%, rgba(168, 119, 23, 0.4), transparent 31%), linear-gradient(115deg, #061a35 0%, #0b2342 52%, #142f52 100%);
}

.hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  align-items: center;
  min-height: 485px;
  gap: 24px;
  padding-top: 48px;
  padding-bottom: 56px;
}

.hero-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(2px);
  opacity: 0.35;
}

.hero-glow-one {
  top: -180px;
  left: -100px;
  width: 480px;
  height: 480px;
  border: 1px solid rgba(242, 197, 74, 0.32);
  box-shadow: inset 0 0 80px rgba(242, 197, 74, 0.14);
}

.hero-glow-two {
  right: -190px;
  bottom: -280px;
  width: 650px;
  height: 650px;
  border: 1px solid rgba(242, 197, 74, 0.2);
  box-shadow: inset 0 0 120px rgba(242, 197, 74, 0.16);
}

.hero-copy {
  position: relative;
  z-index: 2;
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: #a27812;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

.eyebrow span {
  display: inline-block;
  width: 24px;
  height: 2px;
  background: currentColor;
}

.light-eyebrow {
  color: #f6cc5b;
}

.hero h1 {
  max-width: 630px;
  margin: 0;
  color: #fff4cf;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(42px, 4vw, 64px);
  line-height: 1.06;
  letter-spacing: -0.04em;
}

.hero h1 em {
  color: var(--gold-bright);
  font-style: normal;
}

.hero-lead {
  max-width: 520px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  line-height: 1.75;
}

.hero-actions,
.visit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  min-height: 46px;
  padding: 12px 20px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.btn span {
  font-size: 18px;
  line-height: 0;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(7, 25, 49, 0.16);
}

.btn-gold {
  color: var(--navy);
  background: linear-gradient(135deg, #f4ca55, #d79c13);
}

.btn-outline-light {
  color: #fff4c9;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(244, 202, 85, 0.85);
}

.btn-navy {
  color: #fff;
  background: var(--navy);
}

.btn-gold-dark {
  color: #fff;
  background: #c18a0c;
}

.btn-soft {
  color: var(--navy);
  background: #f0f3f7;
  border: 1px solid #dbe1e8;
}

.trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 34px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 11px;
}

.trust-row b {
  display: inline-grid;
  width: 17px;
  height: 17px;
  margin-right: 5px;
  color: var(--navy);
  background: #f3c74c;
  border-radius: 50%;
  font-size: 11px;
  place-items: center;
}

.hero-showcase {
  position: relative;
  min-height: 380px;
}

.showcase-orb {
  position: absolute;
  border-radius: 50%;
  background: rgba(246, 202, 81, 0.18);
  filter: blur(0.5px);
}

.orb-one {
  top: 10px;
  right: 15%;
  width: 260px;
  height: 260px;
}

.orb-two {
  right: -4%;
  bottom: 10px;
  width: 180px;
  height: 180px;
  background: rgba(255, 255, 255, 0.07);
}

.jewel-scene {
  position: absolute;
  top: 17px;
  right: 4%;
  bottom: 5px;
  left: 8%;
  overflow: hidden;
  border-radius: 46% 46% 22px 22px;
  background: radial-gradient(circle at 58% 25%, rgba(255, 235, 169, 0.8), transparent 3%), linear-gradient(145deg, #d6b665 0%, #8c621d 45%, #3a2a1d 100%);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.25), inset 0 0 80px rgba(255, 224, 119, 0.2);
  transform: rotate(3deg);
}

.jewel-scene::before,
.jewel-scene::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  opacity: 0.45;
  filter: blur(12px);
}

.jewel-scene::before {
  top: 10%;
  right: 6%;
  width: 145px;
  height: 145px;
  background: #f4d9a2;
}

.jewel-scene::after {
  bottom: 8%;
  left: 4%;
  width: 180px;
  height: 180px;
  background: #6e3f17;
}

.jewel-pedestal {
  position: absolute;
  z-index: 1;
  border-radius: 15px;
  background: linear-gradient(145deg, #fdf4e5, #bea67b);
  box-shadow: 10px 15px 25px rgba(51, 25, 4, 0.28);
  transform: rotate(-5deg);
}

.pedestal-back {
  top: 13%;
  right: 13%;
  width: 44%;
  height: 40%;
}

.pedestal-front {
  right: 10%;
  bottom: -5%;
  width: 75%;
  height: 48%;
  transform: rotate(-9deg);
}

.ring-art {
  position: absolute;
  z-index: 3;
  top: 25%;
  left: 21%;
  width: 170px;
  height: 170px;
  transform: rotate(-23deg);
}

.ring-band {
  position: absolute;
  top: 56px;
  left: 42px;
  width: 105px;
  height: 98px;
  border: 19px solid #f2bf2a;
  border-radius: 50%;
  box-shadow: inset 0 0 5px #fff9b4, 0 4px 10px rgba(48, 22, 0, 0.35);
}

.ring-stone {
  position: absolute;
  top: 18px;
  left: 69px;
  width: 57px;
  height: 57px;
  background: radial-gradient(circle at 38% 32%, #fff, #d9fbff 28%, #b5d2db 52%, #fff 55%, #8ba9b1 100%);
  border: 5px solid #ecc23b;
  clip-path: polygon(50% 0%, 88% 24%, 100% 66%, 50% 100%, 0 66%, 12% 24%);
  filter: drop-shadow(0 4px 8px rgba(33, 16, 2, 0.45));
}

.ring-spark {
  position: absolute;
  color: #fff6a3;
  font-size: 24px;
  text-shadow: 0 0 14px #fff;
}

.spark-one {
  top: 1px;
  left: 29px;
}

.spark-two {
  top: 88px;
  left: 130px;
  font-size: 14px;
}

.chain-art {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 10%;
  width: 130px;
  height: 230px;
  transform: rotate(8deg);
}

.chain-line {
  position: absolute;
  top: -10px;
  width: 75px;
  height: 155px;
  border: 4px solid #eebd31;
  border-top: 0;
  border-radius: 0 0 50% 50%;
  box-shadow: 0 0 5px rgba(255, 245, 160, 0.8);
}

.chain-left {
  left: 10px;
}

.chain-right {
  right: 7px;
}

.pendant {
  position: absolute;
  top: 138px;
  left: 50px;
  display: grid;
  width: 37px;
  height: 37px;
  color: #fff6b2;
  background: #e2aa1c;
  border: 4px solid #f8dc73;
  border-radius: 50% 50% 50% 3px;
  box-shadow: 0 8px 15px rgba(31, 15, 0, 0.35);
  place-items: center;
  transform: rotate(45deg);
}

.pendant::first-letter {
  transform: rotate(-45deg);
}

.earring-art {
  position: absolute;
  z-index: 4;
  right: 5%;
  bottom: 4%;
  width: 150px;
  height: 110px;
}

.earring {
  position: absolute;
  display: grid;
  width: 48px;
  height: 48px;
  color: #fff;
  background: radial-gradient(circle at 40% 35%, #fff, #d5fbf4 35%, #5a9a93 62%, #d9aa1e 65%, #ecc735 100%);
  border-radius: 50%;
  box-shadow: 0 6px 12px rgba(36, 14, 0, 0.3);
  place-items: center;
}

.earring-left {
  top: 7px;
  left: 15px;
}

.earring-right {
  right: 14px;
  bottom: 4px;
}

.showcase-badge {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 24px;
  display: grid;
  min-width: 110px;
  padding: 14px 18px;
  color: var(--navy);
  background: #fff0bc;
  border: 1px solid rgba(255, 238, 179, 0.82);
  border-radius: 12px;
  box-shadow: 0 15px 26px rgba(0, 0, 0, 0.2);
  text-align: center;
  transform: rotate(-5deg);
}

.showcase-badge strong {
  font-size: 24px;
}

.showcase-badge span {
  font-size: 10px;
  font-weight: 700;
}

.price-strip {
  position: relative;
  z-index: 3;
  margin-top: -20px;
}

.price-strip .container {
  padding: 27px 32px 22px;
  background: var(--paper);
  border: 1px solid #eee4c9;
  border-radius: 18px;
  box-shadow: var(--shadow);
}

.section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.section-heading h2,
.feature-content h2,
.visit-section h2,
.modal h2 {
  margin: 0;
  color: var(--ink);
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.price-heading h2 {
  font-size: 26px;
}

.updated-at {
  align-self: center;
  color: var(--muted);
  font-size: 11px;
}

.updated-at strong {
  color: var(--ink);
}

.price-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 22px;
}

.price-card {
  position: relative;
  padding: 18px 20px 16px;
  overflow: hidden;
  background: linear-gradient(135deg, #fffaf0, #fff3ce);
  border: 1px solid #edd590;
  border-radius: 14px;
}

.price-card::after {
  position: absolute;
  right: -27px;
  bottom: -37px;
  width: 110px;
  height: 110px;
  content: "";
  border: 1px solid rgba(193, 138, 12, 0.18);
  border-radius: 50%;
}

.price-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.price-card h3 {
  margin: 0;
  color: #7c5806;
  font-size: 15px;
}

.gold-badge {
  display: inline-grid;
  width: 26px;
  height: 21px;
  color: #9c6d00;
  background: linear-gradient(145deg, #fff6bd, #e1a918);
  border: 1px solid #c58b0f;
  border-radius: 4px 4px 8px 8px;
  font-size: 12px;
  place-items: center;
}

.price-card-values {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.price-value {
  display: grid;
  gap: 4px;
}

.price-value + .price-value {
  padding-left: 18px;
  border-left: 1px solid #e8cc82;
}

.price-value span {
  color: #91784c;
  font-size: 10px;
  font-weight: 600;
}

.price-value strong {
  color: var(--navy);
  font-size: 17px;
  letter-spacing: -0.04em;
}

.price-card-foot {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 14px;
  color: #7a705a;
  font-size: 10px;
}

.price-card-foot::before {
  content: "◷";
  color: #bc8311;
  font-size: 13px;
}

.price-note {
  margin: 13px 0 0;
  color: #8a8b87;
  font-size: 10px;
}

.price-board {
  margin-top: 25px;
  padding: 21px 22px 17px;
  background: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 14px;
}

.price-board-head,
.price-board-toolbar,
.price-history-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.price-board-head h3 {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
}

.price-board-head .eyebrow {
  margin-bottom: 7px;
}

.price-board-meta {
  display: flex;
  align-items: center;
  gap: 10px;
}

.data-badge {
  display: inline-flex;
  align-items: center;
  padding: 7px 9px;
  color: #6c7785;
  background: #f7f9fb;
  border: 1px solid #e5e9ef;
  border-radius: 7px;
  font-size: 9px;
  font-weight: 700;
}

.data-badge .status-dot {
  width: 6px;
  height: 6px;
  margin-right: 6px;
  box-shadow: none;
}

.refresh-price {
  padding: 7px 9px;
  color: #9b6b08;
  background: var(--gold-pale);
  border: 1px solid #ead187;
  border-radius: 7px;
  font-size: 9px;
  font-weight: 800;
}

.refresh-price:hover {
  color: var(--navy);
  background: #ffe9a0;
}

.price-board-toolbar {
  margin-top: 18px;
  padding: 10px 0;
  border-top: 1px solid #edf0f3;
  border-bottom: 1px solid #edf0f3;
}

.market-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.market-tab {
  padding: 8px 11px;
  color: var(--muted);
  background: #f7f8fa;
  border: 1px solid #e5e8ed;
  border-radius: 7px;
  font-size: 9px;
  font-weight: 800;
}

.market-tab.active,
.market-tab:hover {
  color: #7d5907;
  background: var(--gold-pale);
  border-color: #e8cb77;
}

.date-filter {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
}

.date-filter select {
  padding: 7px 8px;
  color: var(--ink);
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 7px;
  font-size: 9px;
}

.price-table-wrap {
  overflow: auto;
  margin-top: 13px;
}

.price-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  font-size: 10px;
}

.price-table th {
  padding: 10px 9px;
  color: #7a8491;
  background: #f7f9fb;
  border-bottom: 1px solid #e4e9ef;
  font-size: 9px;
  font-weight: 800;
  text-align: left;
  white-space: nowrap;
}

.price-table td {
  padding: 11px 9px;
  border-bottom: 1px solid #edf0f3;
  white-space: nowrap;
}

.price-table tr:last-child td {
  border-bottom: 0;
}

.price-table td:first-child {
  color: var(--ink);
  font-weight: 800;
}

.price-table td:nth-child(2),
.price-table td:nth-child(3) {
  color: var(--muted);
}

.price-table td:nth-child(4),
.price-table td:nth-child(5) {
  color: #9d6d00;
  font-weight: 800;
}

.price-change-up,
.price-change-down,
.price-change-flat {
  display: inline-flex;
  padding: 4px 7px;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 800;
}

.price-change-up {
  color: #087a69;
  background: #e9faf4;
}

.price-change-down {
  color: #b54747;
  background: #fff0f0;
}

.price-change-flat {
  color: #7a8490;
  background: #f2f4f6;
}

.price-history-row {
  align-items: end;
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid #edf0f3;
}

.price-history-row strong,
.price-history-row small {
  display: block;
}

.price-history-row strong {
  color: var(--ink);
  font-size: 11px;
}

.price-history-row small {
  margin-top: 4px;
  color: #8b95a1;
  font-size: 9px;
}

.history-chart {
  display: flex;
  align-items: end;
  width: 180px;
  height: 50px;
  gap: 5px;
  padding: 5px 3px 0;
  border-bottom: 1px solid #e5e9ee;
}

.history-bar {
  flex: 1;
  min-height: 8px;
  background: linear-gradient(180deg, #efc84d, #b47a08);
  border-radius: 4px 4px 0 0;
  opacity: 0.84;
}

.price-board-note {
  margin: 13px 0 0;
  color: #8a929d;
  font-size: 9px;
  line-height: 1.55;
}

.section {
  padding: 94px 0;
}

.products-section {
  background: #fff;
}

.section-subtitle {
  max-width: 550px;
  margin: 13px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 4px 0;
  color: #aa7404;
  background: transparent;
  border: 0;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.text-link span {
  font-size: 17px;
  transition: transform 0.2s ease;
}

.text-link:hover span {
  transform: translateX(4px);
}

.ai-adviser {
  margin-top: 32px;
  padding: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(244, 190, 65, .2), transparent 28%),
    linear-gradient(135deg, #071d38, #0c3157);
  border: 1px solid rgba(223, 174, 57, .55);
  border-radius: 20px;
  box-shadow: 0 18px 44px rgba(6, 28, 54, .14);
}

.ai-adviser-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
}

.ai-adviser-kicker {
  margin: 0 0 7px;
  color: #f7c953;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.ai-adviser h3 {
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 25px;
}

.ai-adviser-copy {
  max-width: 650px;
  margin: 8px 0 0;
  color: #d8e4ef;
  font-size: 11px;
  line-height: 1.65;
}

.ai-adviser-guard {
  flex: 0 0 auto;
  padding: 8px 11px;
  color: #ffe39a;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 221, 132, .26);
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
}

.ai-adviser-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 17px;
}

.ai-adviser-chip {
  padding: 8px 11px;
  color: #f7ead0;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
}

.ai-adviser-chip:hover {
  color: #08213f;
  background: #f6c74d;
  border-color: #f6c74d;
}

.ai-adviser-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  margin-top: 13px;
}

.ai-adviser-form input {
  min-width: 0;
  padding: 13px 15px;
  color: #102740;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 10px;
  font-size: 12px;
}

.ai-adviser-form button {
  min-width: 150px;
  padding: 12px 17px;
  color: #08213f;
  background: linear-gradient(135deg, #ffd866, #e8aa10);
  border: 0;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 900;
}

.ai-adviser-form button:disabled {
  cursor: wait;
  opacity: .7;
}

.ai-adviser-status {
  margin: 13px 0 0;
  color: #d8e4ef;
  font-size: 10px;
  line-height: 1.55;
}

.ai-adviser-status strong {
  color: #ffe49b;
}

.ai-adviser-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ai-adviser-results.hidden {
  display: none;
}

.ai-adviser-card {
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  overflow: hidden;
  color: var(--ink);
  background: #fff;
  border: 1px solid rgba(239, 204, 113, .65);
  border-radius: 13px;
}

.ai-adviser-card img {
  width: 105px;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
}

.ai-adviser-card-body {
  min-width: 0;
  padding: 13px;
}

.ai-adviser-code {
  color: #9a6a08;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .04em;
}

.ai-adviser-card h4 {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.35;
}

.ai-adviser-meta,
.ai-adviser-reason {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.5;
}

.ai-adviser-price {
  display: block;
  margin-top: 8px;
  color: #b67800;
  font-size: 14px;
}

.ai-adviser-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

.ai-adviser-actions button {
  padding: 7px 9px;
  color: #fff;
  background: var(--navy);
  border: 0;
  border-radius: 7px;
  font-size: 9px;
  font-weight: 800;
}

.ai-adviser-actions button:last-child {
  color: #704b00;
  background: #fff3ce;
  border: 1px solid #e9c76d;
}

.catalog-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 36px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

@media (min-width: 981px) {
  .catalog-controls {
    position: sticky;
    top: var(--catalog-header-height, 78px);
    z-index: 19;
    margin-top: 36px;
    padding: 12px 0;
    background: #fff;
    box-shadow: 0 8px 14px -14px rgba(20, 36, 56, .35);
  }
  .catalog-controls .catalog-toolbar {
    margin-top: 0;
    margin-bottom: 0 !important;
  }
  #products {
    scroll-margin-top: calc(var(--catalog-header-height, 78px) + 16px);
  }
}

.filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.filter-tab {
  padding: 9px 13px;
  color: var(--muted);
  background: #f7f8fa;
  border: 1px solid #e6e9ee;
  border-radius: 99px;
  font-size: 11px;
  font-weight: 700;
}

.filter-tab:hover,
.filter-tab.active {
  color: var(--navy);
  background: var(--gold-pale);
  border-color: #eacb73;
}

.catalog-subfilters {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  margin-top: 10px;
  padding: 7px;
  background: #fffdf7;
  border: 1px solid #eadcae;
  border-radius: 14px;
}
.catalog-subfilters.show { display: flex; }
.subfilter-tab {
  padding: 8px 12px;
  color: var(--muted);
  background: #fff;
  border: 1px solid #e2e7ed;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.subfilter-tab:hover,
.subfilter-tab.active {
  color: var(--navy);
  background: var(--gold-pale);
  border-color: #e1bd55;
}
.gold-filter-stack { display:flex; flex-direction:column; gap:7px; width:100%; }
.gold-filter-row { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.gold-filter-row--980 { padding-top:7px; border-top:1px dashed #e8d8a6; }
.gold-filter-label { font-size:10px; font-weight:900; color:#8b6508; letter-spacing:.04em; margin-right:2px; }
.gold-filter-row--980 .subfilter-tab { padding:7px 10px; font-size:10.5px; }

.search-box {
  display: flex;
  align-items: center;
  width: 210px;
  gap: 6px;
  padding: 8px 11px;
  color: #a1771b;
  background: #fafbfd;
  border: 1px solid #e1e6ed;
  border-radius: 9px;
}

.search-box span {
  font-size: 21px;
  line-height: 0.6;
}

.search-box input {
  width: 100%;
  padding: 2px 0;
  color: var(--ink);
  background: transparent;
  border: 0;
  font-size: 11px;
}

.search-box input::placeholder {
  color: #98a1ae;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 22px;
}

.product-lanes {
  display: grid;
  gap: 24px;
  margin-top: 28px;
}

.product-lane {
  padding: 22px;
  background: #fffdf9;
  border: 1px solid #ead8aa;
  border-radius: 18px;
}

.product-lane--reference {
  background: #fbfdff;
  border-color: #dce6ef;
}

.product-lane-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.product-lane-head h3 {
  margin: 0;
  color: var(--navy);
  font-size: 21px;
}

.product-lane-head p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}

.product-lane .product-grid {
  margin-top: 18px;
}

.product-lane-empty {
  margin-top: 18px;
  padding: 24px;
  color: var(--muted);
  background: rgba(255, 255, 255, .72);
  border: 1px dashed #d8dee6;
  border-radius: 12px;
  font-size: 12px;
  text-align: center;
}

.product-lane-empty.hidden {
  display: none;
}

.product-card.reference-card .stock-chip {
  color: #8b640b;
  background: rgba(255, 247, 218, .94);
}

.product-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e6e9ee;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(19, 42, 71, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.product-card:hover {
  box-shadow: 0 18px 35px rgba(19, 42, 71, 0.13);
  transform: translateY(-5px);
}

.product-image {
  position: relative;
  height: 204px;
  overflow: hidden;
  background-color: #f3e8d4;
  background-position: center;
  background-size: cover;
}

.product-image-media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.product-image::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, transparent 60%, rgba(15, 25, 35, 0.09));
}

.stock-chip,
.gold-chip {
  position: absolute;
  z-index: 2;
  top: 11px;
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 800;
}

.stock-chip {
  left: 11px;
  color: #087f74;
  background: rgba(239, 255, 250, 0.92);
}

.gold-chip {
  right: 11px;
  color: #91660a;
  background: rgba(255, 246, 207, 0.92);
  border: 1px solid rgba(225, 185, 75, 0.5);
}

.product-body {
  padding: 15px 15px 16px;
}

.product-title-row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 9px;
}

.product-body h3 {
  margin: 0;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.3;
}

.product-fav {
  padding: 0;
  color: #a7afba;
  background: transparent;
  border: 0;
  font-size: 19px;
  line-height: 0.75;
}

.product-fav:hover {
  color: #d59c14;
}

.product-meta {
  display: flex;
  gap: 6px;
  margin-top: 8px;
  color: var(--muted);
  font-size: 10px;
}

.product-price {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: 14px;
}

.product-price strong {
  color: #b67b00;
  font-size: 15px;
}

.product-price small {
  color: #9aa2ad;
  font-size: 9px;
}


.product-card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:12px}.product-card-actions .product-button{margin-top:0}.product-card-utility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.product-utility-btn{min-width:0;min-height:36px;padding:7px 6px;border:1px solid #dde3ea;border-radius:9px;background:#f8fafc;color:#36506c;font-size:10px;font-weight:900;line-height:1.15;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-utility-btn:hover{border-color:#d6ad38;background:#fff9e6;color:#765500}.product-utility-btn.active,.product-fav.active{color:#8b6200;background:#fff2c7;border-color:#d9a51d}.product-fav{font-size:10px;line-height:1.15}.product-compare{position:static}.product-share{color:#174f80}.compare-bar{position:fixed;left:50%;bottom:max(78px,calc(env(safe-area-inset-bottom) + 72px));transform:translateX(-50%);z-index:900;width:min(720px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid rgba(217,165,29,.5);border-radius:16px;background:rgba(6,24,47,.97);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.3)}.compare-bar.hidden{display:none}.compare-bar strong{font-size:13px;flex:1}.compare-bar button{border:0;border-radius:10px;padding:9px 12px;font-weight:900;cursor:pointer}.compare-bar .compare-open{background:#d9a51d;color:#071d38}.compare-bar .compare-clear{background:rgba(255,255,255,.1);color:#fff}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compare-card{border:1px solid #e7dcc4;border-radius:16px;padding:12px;background:#fff}.compare-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:#f4efe6}.compare-card h3{font-size:17px;margin:10px 0 4px}.compare-card dl{margin:0;display:grid;gap:6px}.compare-card dl div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eee6d9;padding-top:7px;font-size:12px}.compare-card dt{color:#687383}.compare-card dd{margin:0;font-weight:900;text-align:right}.modal-actions.r9-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-actions.r9-actions a{display:flex;align-items:center;justify-content:center;text-decoration:none}.r9-mini-action{border:1px solid #ded5c7;background:#fff;color:#082443}.r9-mini-action.active{background:#fff2c7;color:#8b6200;border-color:#d9a51d}.share-sheet{display:grid;gap:10px;margin-top:14px}.share-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.share-sheet button,.share-sheet a{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #d9e0e8;border-radius:11px;background:#fff;color:#0b3158;font-weight:900;text-decoration:none;cursor:pointer}.share-reward-note{padding:11px 12px;border:1px solid #eed57e;border-radius:11px;background:#fff9e8;color:#6e550e;font-size:12px;line-height:1.55}.ai-media-tools{display:flex;gap:8px;overflow-x:auto;padding:1px 0 3px}.ai-media-tools button{flex:0 0 auto;min-height:38px;border:1px solid #d7e0ea;border-radius:999px;background:#fff;color:#0b3158;padding:8px 12px;font-size:11px;font-weight:900;cursor:pointer}.ai-media-tools button:hover{background:#fff8df;border-color:#d5b13e}.ai-image-preview{display:none;align-items:center;gap:9px;padding:8px 10px;border:1px solid #dbe4ec;border-radius:11px;background:#fff}.ai-image-preview.show{display:flex}.ai-image-preview img{width:48px;height:48px;object-fit:cover;border-radius:8px}.ai-image-preview span{font-size:11px;color:#52677d;line-height:1.4}@media(max-width:680px){.compare-grid{grid-template-columns:1fr}.modal-actions.r9-actions{grid-template-columns:1fr 1fr}.compare-bar{bottom:max(74px,calc(env(safe-area-inset-bottom) + 68px))}.product-card-actions{grid-template-columns:1fr 1fr}.product-card-utility{grid-template-columns:repeat(3,minmax(0,1fr))}.product-utility-btn{font-size:9.5px;padding:7px 4px}.share-sheet-grid{grid-template-columns:1fr 1fr}}

.product-try-button { min-height:42px; padding:10px 12px; border:1px solid #d7b253; border-radius:10px; color:#7b5600; background:linear-gradient(180deg,#fff9e8,#fff2c8); font:inherit; font-size:12px; font-weight:900; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.product-try-button:hover { transform:translateY(-1px); border-color:#c39013; box-shadow:0 7px 18px rgba(181,133,17,.15); }
.product-try-button.unavailable { color:#64748b; border-color:#d8dee8; background:#f4f6f8; cursor:not-allowed; box-shadow:none; }
.product-try-button.unavailable:hover { transform:none; border-color:#d8dee8; box-shadow:none; }
.product-button {
  width: 100%;
  margin-top: 13px;
  padding: 9px 12px;
  color: #fff;
  background: #bd850b;
  border: 0;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 800;
}

.product-button:hover {
  background: #966d0d;
}

.empty-state {
  padding: 50px 20px;
  color: var(--muted);
  text-align: center;
}

.empty-state span {
  display: block;
  color: #bd850b;
  font-size: 42px;
}

.empty-state strong {
  display: block;
  margin-top: 8px;
  color: var(--ink);
}

.empty-state p {
  margin: 6px 0 0;
  font-size: 12px;
}

.feature-section {
  padding: 0 0 94px;
  background: #fff;
}

.guide-section {
  background: #fbfcfe;
  border-top: 1px solid #f0f2f5;
}

.guide-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 17px;
  margin-top: 34px;
}

.guide-card {
  padding: 25px;
  background: #fff;
  border: 1px solid #e4e8ee;
  border-radius: 15px;
  box-shadow: 0 10px 28px rgba(19, 42, 71, 0.04);
}

.size-guide-card {
  background: linear-gradient(145deg, #fffaf0, #fff);
  border-color: #eddfba;
}

.guide-card-head {
  display: flex;
  align-items: center;
  gap: 11px;
}

.guide-icon {
  display: grid;
  width: 40px;
  height: 40px;
  color: #a87304;
  background: var(--gold-pale);
  border: 1px solid #efd787;
  border-radius: 11px;
  font-size: 23px;
  place-items: center;
}

.guide-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
}

.guide-card-head small {
  display: block;
  margin-top: 4px;
  color: #8d8a7a;
  font-size: 9px;
}

.guide-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.guide-steps > div {
  padding: 14px 12px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #f0e3c0;
  border-radius: 10px;
}

.guide-steps b {
  color: #bf8610;
  font-size: 17px;
}

.guide-steps p {
  margin: 10px 0 0;
  color: #6e7781;
  font-size: 10px;
  line-height: 1.55;
}

.guide-tip {
  margin-top: 15px;
  padding: 10px 12px;
  color: #7a6632;
  background: rgba(255, 242, 193, 0.55);
  border-left: 3px solid #d5a421;
  border-radius: 4px;
  font-size: 10px;
  line-height: 1.5;
}

.transparency-card {
  background: linear-gradient(145deg, #f3fbfb, #fff);
  border-color: #d6e9ea;
}

.transparency-list {
  display: grid;
  gap: 10px;
  margin: 22px 0 20px;
}

.transparency-list span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #557278;
  font-size: 10px;
}

.transparency-list b {
  display: grid;
  width: 19px;
  height: 19px;
  color: #087f74;
  background: #d9f5ed;
  border-radius: 50%;
  font-size: 11px;
  place-items: center;
}

.transparency-card .btn {
  margin-top: 2px;
}

.policy-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 17px;
}

.policy-card {
  padding: 19px 17px;
  background: #fff;
  border: 1px solid #e4e8ee;
  border-radius: 12px;
}

.policy-card > span {
  color: #b77b05;
  font-size: 22px;
}

.policy-card h3 {
  margin: 12px 0 0;
  color: var(--ink);
  font-size: 13px;
}

.policy-card p {
  min-height: 53px;
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.55;
}

.policy-card a {
  display: inline-block;
  margin-top: 12px;
  color: #a97306;
  font-size: 9px;
  font-weight: 800;
}

.feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.feature-card {
  position: relative;
  display: grid;
  min-height: 330px;
  overflow: hidden;
  border-radius: 18px;
}

.tryon-card {
  grid-template-columns: 0.85fr 1.15fr;
  background: linear-gradient(135deg, #f7f0df, #fffcf2);
  border: 1px solid #eadfc2;
}

.pawn-card {
  grid-template-columns: 1.17fr 0.83fr;
  background: linear-gradient(135deg, #edf7f8, #f8fcfc);
  border: 1px solid #d9ebed;
}

.feature-content {
  position: relative;
  z-index: 2;
  align-self: center;
  padding: 30px;
}

.feature-content h2 {
  font-size: 28px;
}

.feature-content > p:not(.eyebrow) {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}

.feature-content .btn {
  margin-top: 21px;
}

.tryon-types {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 17px;
}

.tryon-types span {
  padding: 6px 9px;
  color: #9d710e;
  background: #fff7df;
  border: 1px solid #ead69b;
  border-radius: 99px;
  font-size: 10px;
  font-weight: 700;
}

.feature-disclaimer {
  display: block;
  max-width: 270px;
  margin-top: 10px;
  color: #a3916e;
  font-size: 9px;
  line-height: 1.5;
}

.feature-art {
  position: relative;
  min-height: 330px;
  overflow: hidden;
}

.hand-art {
  background: radial-gradient(circle at 45% 45%, #fff7d6 0 4%, transparent 4.3%), linear-gradient(145deg, #ead5a8, #f8f1df);
}

.hand-art::before {
  position: absolute;
  top: 27px;
  left: 18px;
  width: 160px;
  height: 160px;
  content: "";
  border: 1px solid rgba(192, 142, 30, 0.25);
  border-radius: 50%;
  box-shadow: 0 0 0 29px rgba(255, 255, 255, 0.18), 0 0 0 59px rgba(255, 255, 255, 0.12);
}

.hand-shape {
  position: absolute;
  top: 98px;
  left: 43px;
  width: 126px;
  height: 152px;
  background: linear-gradient(120deg, #f3b994, #ca7f68);
  border-radius: 52% 45% 43% 54%;
  box-shadow: 8px 14px 21px rgba(133, 74, 48, 0.15);
  transform: rotate(-22deg);
}

.hand-shape::before,
.hand-shape::after {
  position: absolute;
  width: 26px;
  height: 103px;
  content: "";
  background: linear-gradient(90deg, #de9678, #f1b494);
  border-radius: 99px;
}

.hand-shape::before {
  top: -69px;
  left: 22px;
  transform: rotate(-12deg);
}

.hand-shape::after {
  top: -62px;
  left: 61px;
  height: 112px;
  transform: rotate(-1deg);
}

.tryon-ring {
  position: absolute;
  z-index: 3;
  border: 8px solid #d7a31a;
  border-radius: 50%;
  box-shadow: inset 0 0 3px #fffbc3, 0 4px 12px rgba(72, 37, 0, 0.2);
}

.ring-small {
  top: 157px;
  left: 85px;
  width: 48px;
  height: 48px;
  transform: rotate(-22deg);
}

.ring-small::after {
  position: absolute;
  top: -15px;
  left: 10px;
  width: 20px;
  height: 20px;
  content: "";
  background: #e4f2f1;
  border: 3px solid #d7a31a;
  clip-path: polygon(50% 0%, 100% 35%, 74% 100%, 25% 100%, 0 35%);
}

.tracking-dot {
  position: absolute;
  z-index: 4;
  width: 7px;
  height: 7px;
  background: #fff;
  border: 2px solid #d7a31a;
  border-radius: 50%;
}

.dot-a { top: 88px; left: 78px; }
.dot-b { top: 107px; left: 125px; }
.dot-c { top: 177px; left: 109px; }

.tracking-line {
  position: absolute;
  z-index: 2;
  height: 1px;
  background: rgba(183, 132, 17, 0.5);
  transform-origin: left;
}

.line-a { top: 94px; left: 84px; width: 47px; transform: rotate(20deg); }
.line-b { top: 113px; left: 129px; width: 64px; transform: rotate(87deg); }

.readonly-note {
  display: grid;
  grid-template-columns: 23px 1fr;
  margin-top: 17px;
  padding: 11px 12px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid #cde4e5;
  border-radius: 10px;
}

.readonly-note span {
  grid-row: span 2;
  display: grid;
  width: 18px;
  height: 18px;
  color: #fff;
  background: #0c9c88;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 800;
  place-items: center;
}

.readonly-note strong {
  color: #0a736d;
  font-size: 10px;
}

.readonly-note small {
  margin-top: 3px;
  color: #6b888d;
  font-size: 9px;
  line-height: 1.4;
}

.pawn-form {
  margin-top: 14px;
}

.pawn-input-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px;
}

.pawn-input-row input {
  min-width: 0;
  padding: 11px 12px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #cde1e4;
  border-radius: 8px;
  font-size: 11px;
}

.pawn-input-row input:focus {
  border-color: #0b8b82;
  box-shadow: 0 0 0 3px rgba(11, 139, 130, 0.11);
  outline: 0;
}

.pawn-input-row .btn {
  min-height: 40px;
  padding: 9px 14px;
  font-size: 10px;
}

.pawn-result {
  margin-top: 11px;
  padding: 12px;
  color: #356367;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid #cbe3e5;
  border-radius: 9px;
}

.pawn-result.success {
  animation: result-in 0.25s ease both;
}

.pawn-result.error {
  color: #9c4c35;
  background: #fff5f0;
  border-color: #f0cbbb;
}

.pawn-result-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.pawn-result-head strong {
  color: #0b716b;
  font-size: 11px;
}

.pawn-status {
  padding: 4px 7px;
  color: #08756d;
  background: #dff6ef;
  border-radius: 99px;
  font-size: 9px;
  font-weight: 800;
}

.pawn-result-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin-top: 10px;
}

.pawn-result-grid div {
  display: grid;
  gap: 3px;
}

.pawn-result-grid span {
  color: #7c999b;
  font-size: 9px;
}

.pawn-result-grid b {
  color: #245660;
  font-size: 10px;
}

.pawn-result-foot {
  margin: 10px 0 0;
  color: #7b979a;
  font-size: 9px;
  line-height: 1.45;
}

@keyframes result-in {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.qr-illustration {
  display: grid;
  align-content: center;
  justify-items: center;
  min-width: 0;
  padding: 18px;
  background: radial-gradient(circle, rgba(117, 197, 191, 0.18), transparent 68%);
}

.qr-frame {
  width: 142px;
  height: 142px;
  padding: 10px;
  background: #fff;
  border: 8px solid #fff;
  border-radius: 15px;
  box-shadow: 0 15px 30px rgba(8, 93, 92, 0.15);
}

.qr-frame svg {
  width: 100%;
  height: 100%;
}

.qr-illustration > span {
  margin-top: 10px;
  color: #6b888d;
  font-size: 9px;
  font-weight: 700;
}

.promise-section {
  background: #fbfcfe;
  border-top: 1px solid #f0f2f5;
}

.faq-section {
  background: #fff;
  border-top: 1px solid #f0f2f5;
}

.faq-layout {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  align-items: start;
  gap: 60px;
}

.faq-layout h2 {
  margin: 0;
  color: var(--ink);
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.1;
}

.faq-layout .btn {
  margin-top: 22px;
}

.faq-list {
  display: grid;
  gap: 9px;
}

.faq-list details {
  padding: 0 16px;
  background: #fbfcfe;
  border: 1px solid #e5e9ef;
  border-radius: 10px;
}

.faq-list details[open] {
  background: #fffaf0;
  border-color: #ecd897;
}

.faq-list summary {
  padding: 16px 20px 16px 0;
  color: var(--ink);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  list-style: none;
}

.faq-list summary::-webkit-details-marker {
  display: none;
}

.faq-list summary::after {
  float: right;
  color: #b77c06;
  content: "+";
  font-size: 18px;
  line-height: 12px;
}

.faq-list details[open] summary::after {
  content: "–";
}

.faq-list details p {
  margin: -2px 0 16px;
  padding-right: 15px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.65;
}

.centered-heading {
  justify-content: center;
  text-align: center;
}

.centered-heading .eyebrow {
  justify-content: center;
}

.promise-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 38px;
}

.promise-item {
  padding: 24px 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 14px;
}

.promise-icon {
  display: grid;
  width: 44px;
  height: 44px;
  margin: 0 auto 15px;
  color: #aa7404;
  background: var(--gold-pale);
  border: 1px solid #eed993;
  border-radius: 50%;
  font-size: 26px;
  place-items: center;
}

.promise-item h3 {
  margin: 0;
  color: var(--ink);
  font-size: 14px;
}

.promise-item p {
  margin: 9px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.6;
}

.visit-section {
  padding: 80px 0;
  color: #fff;
  background: linear-gradient(115deg, #071a34, #0d3156);
}

.visit-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: 50px;
}

.visit-section h2 {
  max-width: 600px;
  color: #fff5ce;
  font-size: clamp(30px, 3.6vw, 48px);
}

.visit-section > .container > div:first-child > p:not(.eyebrow) {
  max-width: 530px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
  line-height: 1.7;
}

.contact-card {
  padding: 25px;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 236, 177, 0.25);
  border-radius: 17px;
}

.contact-row {
  display: grid;
  grid-template-columns: 35px 1fr;
  gap: 12px;
  padding: 13px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.contact-row:last-of-type {
  border-bottom: 0;
}

.contact-symbol {
  display: grid;
  width: 30px;
  height: 30px;
  color: var(--gold-bright);
  border: 1px solid rgba(242, 197, 74, 0.4);
  border-radius: 50%;
  font-size: 17px;
  place-items: center;
}

.contact-row div {
  display: grid;
  gap: 4px;
}

.contact-row small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
}

.contact-row strong {
  color: #fff5d3;
  font-size: 11px;
  line-height: 1.5;
}

.contact-row a {
  color: #fff5d3;
  font-size: 11px;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.contact-row a:hover {
  color: var(--gold-bright);
  text-decoration: underline;
}

.map-placeholder {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 88px;
  margin-top: 18px;
  padding: 18px;
  color: #f5ce60;
  background: linear-gradient(145deg, rgba(242, 197, 74, 0.14), rgba(255, 255, 255, 0.06));
  border: 1px dashed rgba(242, 197, 74, 0.45);
  border-radius: 12px;
}

.map-placeholder a {
  display: block;
  color: #fff4c7;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.map-placeholder a:hover {
  color: #f5ce60;
  text-decoration: underline;
}

.map-placeholder > span {
  font-size: 30px;
}

.map-placeholder div {
  display: grid;
  gap: 3px;
}

.map-placeholder strong {
  color: #fff4c7;
  font-size: 12px;
}

.map-placeholder small {
  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
}

.site-footer {
  padding: 54px 0 34px;
  color: rgba(255, 255, 255, 0.7);
  background: #06172c;
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.1fr;
  gap: 42px;
}

.footer-brand p {
  max-width: 270px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.47);
  font-size: 11px;
  line-height: 1.6;
}

.footer-company {
  display: grid;
  gap: 4px;
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  line-height: 1.5;
}

.footer-company strong {
  color: #fff1bd;
  font-size: 11px;
}

.footer-company a:hover {
  color: #f2c54a;
}

.footer-links {
  display: grid;
  align-content: start;
  gap: 11px;
  font-size: 11px;
}

.footer-links strong {
  margin-bottom: 4px;
  color: #fff1bd;
  font-size: 12px;
}

.footer-links a:hover {
  color: #f2c54a;
}

.modal-backdrop {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  overflow: auto;
  padding: 24px;
  background: rgba(4, 16, 32, 0.72);
  backdrop-filter: blur(8px);
  place-items: center;
}

.modal {
  position: relative;
  width: min(860px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.3);
}

.modal-close {
  position: absolute;
  z-index: 3;
  top: 12px;
  right: 13px;
  display: grid;
  width: 33px;
  height: 33px;
  color: var(--navy);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e3e6ea;
  border-radius: 50%;
  font-size: 23px;
  line-height: 1;
  place-items: center;
}

.modal-close:hover {
  color: #fff;
  background: var(--navy);
}

.product-modal {
  display: grid;
  width: min(1120px, 100%);
  grid-template-columns: 0.8fr 1.2fr;
}

.modal-product-image {
  min-height: 450px;
  background-position: center;
  background-size: cover;
}

.modal-product-info {
  align-self: center;
  padding: 42px 38px;
}

.modal-product-info h2 {
  font-size: 34px;
}

.modal-product-body {
  margin-top: 18px;
}

.modal-description {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}

.modal-data-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 20px;
}

.modal-data {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  background: #fafbfc;
  border: 1px solid #e6e9ee;
  border-radius: 8px;
}

.modal-data span {
  color: #8993a0;
  font-size: 10px;
}

.modal-data strong {
  font-size: 12px;
}

.product-label-heading {
  margin: 22px 0 9px;
  color: var(--navy);
  font-size: 14px;
}

.product-label-note {
  margin-top: 14px;
  padding: 10px 12px;
  color: #74520b;
  background: #fff7dc;
  border: 1px solid #efd88b;
  border-radius: 8px;
  font-size: 10px;
  line-height: 1.55;
}

.modal-label-list {
  display: grid;
  margin-top: 8px;
  border: 1px solid #e5e9ef;
  border-radius: 10px;
  overflow: hidden;
}

.modal-label-row {
  display: grid;
  grid-template-columns: minmax(145px, .7fr) minmax(0, 1.3fr);
  gap: 12px;
  padding: 9px 11px;
  background: #fff;
  border-bottom: 1px solid #edf0f4;
}

.modal-label-row:last-child { border-bottom: 0; }
.modal-label-row span { color: #768292; font-size: 10px; }
.modal-label-row strong { overflow-wrap: anywhere; color: var(--ink); font-size: 11px; line-height: 1.45; }
.modal-label-row strong.missing { color: #b06f00; font-style: italic; font-weight: 700; }

.modal-price {
  display: block;
  margin-top: 18px;
  color: #b27700;
  font-size: 25px;
}

.modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 25px;
}

.modal-actions .btn {
  font-size: 11px;
}

.compact-modal {
  width: min(475px, 100%);
  padding: 34px;
}

.modal-intro {
  margin: 13px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.booking-form {
  display: grid;
  gap: 13px;
  margin-top: 22px;
}

.booking-form label {
  display: grid;
  gap: 6px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 700;
}

.booking-form input,
.booking-form select,
.booking-form textarea,
.pawn-form input {
  width: 100%;
  padding: 11px 12px;
  color: var(--ink);
  background: #fbfcfe;
  border: 1px solid #dfe5eb;
  border-radius: 8px;
  font-size: 12px;
  resize: vertical;
}

.booking-form input:focus,
.booking-form select:focus,
.booking-form textarea:focus,
.pawn-form input:focus {
  border-color: #c89922;
  box-shadow: 0 0 0 3px rgba(200, 153, 34, 0.12);
  outline: 0;
}

.form-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.full-btn {
  width: 100%;
  margin-top: 6px;
}

.tryon-modal {
  width: min(920px, 100%);
  padding: 30px;
}

.tryon-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
  padding-right: 38px;
}

.tryon-head h2 {
  font-size: 30px;
}

.demo-pill {
  padding: 7px 10px;
  color: #9c720b;
  background: #fff5d2;
  border: 1px solid #ecd48c;
  border-radius: 99px;
  font-size: 10px;
  font-weight: 800;
}

.tryon-layout {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 20px;
  margin-top: 24px;
}

.camera-stage {
  position: relative;
  min-height: 400px;
  overflow: hidden;
  background: linear-gradient(145deg, #e9eef4, #cdd8e4);
  border-radius: 14px;
}

.camera-stage.has-media .tryon-overlay {
  opacity: 0.85;
}

.camera-stage video,
.camera-stage > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: none;
  object-fit: cover;
}

.camera-stage video.active,
.camera-stage > img.active {
  display: block;
}

.camera-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  padding: 20px;
  color: #627386;
  text-align: center;
}

.camera-placeholder span {
  display: grid;
  width: 64px;
  height: 64px;
  margin-bottom: 14px;
  color: #c38a0a;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  font-size: 35px;
  place-items: center;
}

.camera-placeholder strong {
  color: var(--ink);
  font-size: 15px;
}

.camera-placeholder small {
  margin-top: 7px;
  font-size: 11px;
}

.tryon-overlay {
  position: absolute;
  z-index: 2;
  display: grid;
  width: 88px;
  height: 88px;
  color: #fff;
  border: 11px solid #d7a31a;
  border-radius: 50%;
  opacity: 0;
  place-items: center;
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.28));
  pointer-events: none;
}

.overlay-ring {
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-14deg);
}

.overlay-necklace {
  top: 45%;
  left: 50%;
  width: 170px;
  height: 120px;
  border-width: 8px;
  border-top-color: transparent;
  transform: translate(-50%, -30%);
}

.overlay-earring {
  top: 38%;
  left: 50%;
  width: 126px;
  height: 126px;
  border-width: 0;
  opacity: 0;
}

.overlay-earring::before,
.overlay-earring::after {
  position: absolute;
  width: 34px;
  height: 34px;
  content: "✦";
  color: #ffe999;
  background: radial-gradient(circle at 40% 35%, #fff, #70aaa1 40%, #d3a01b 64%);
  border-radius: 50%;
  font-size: 17px;
  text-align: center;
  line-height: 34px;
}

.overlay-earring::before { left: 0; }
.overlay-earring::after { right: 0; bottom: 15px; }

.overlay-measure {
  top: 50%;
  left: 50%;
  width: 130px;
  height: 130px;
  border: 2px dashed rgba(247, 203, 80, 0.9);
  opacity: 0;
  transform: translate(-50%, -50%);
}

.overlay-measure .overlay-jewel {
  display: none;
}

.measure-guide {
  position: absolute;
  z-index: 4;
  top: 17%;
  left: 50%;
  display: grid;
  width: min(64%, 260px);
  height: 92px;
  color: #fff6c9;
  background: rgba(10, 33, 61, 0.22);
  border: 2px dashed #f4c84a;
  border-radius: 5px;
  place-items: center;
  pointer-events: none;
  transform: translateX(-50%);
}

.measure-guide::before,
.measure-guide::after {
  position: absolute;
  top: 50%;
  width: 18px;
  height: 1px;
  content: "";
  background: #f4c84a;
}

.measure-guide::before { left: -18px; }
.measure-guide::after { right: -18px; }

.measure-guide span {
  padding: 5px 8px;
  background: rgba(6, 24, 47, 0.76);
  border-radius: 5px;
  font-size: 9px;
  font-weight: 800;
  text-align: center;
}

.measure-canvas {
  position: absolute;
  z-index: 5;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: crosshair;
  pointer-events: auto;
}

.measurement-panel {
  margin-top: 14px;
  padding: 12px;
  background: #fffaf0;
  border: 1px solid #ecd897;
  border-radius: 9px;
}

.measurement-panel > strong {
  display: block;
  color: #88620a;
  font-size: 11px;
}

.measurement-panel > p {
  margin: 6px 0 10px;
  color: #83795f;
  font-size: 10px;
  line-height: 1.5;
}

.measurement-panel label {
  display: grid;
  gap: 5px;
  color: #786b4e;
  font-size: 9px;
  font-weight: 800;
}

.measurement-panel select {
  padding: 8px 9px;
  color: var(--ink);
  background: #fff;
  border: 1px solid #dfcf9b;
  border-radius: 7px;
  font-size: 10px;
}

.measurement-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 9px;
}

.measurement-actions .btn {
  min-height: 34px;
  padding: 7px 9px;
  font-size: 9px;
}

.manual-ring-tool {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #e4cf91;
}

.manual-ring-tool > strong {
  display: block;
  color: #786b4e;
  font-size: 10px;
}

.manual-ring-input {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}

.manual-ring-input input {
  min-width: 0;
  flex: 1;
  padding: 8px 9px;
  color: var(--ink);
  background: #fff;
  border: 1px solid #dfcf9b;
  border-radius: 7px;
  font-size: 11px;
}

.manual-ring-input span {
  color: #786b4e;
  font-size: 10px;
  font-weight: 800;
}

.manual-ring-input .btn {
  flex: 0 0 auto;
  padding: 8px 10px;
  font-size: 10px;
}

.measurement-result {
  margin-top: 10px;
  padding: 10px;
  color: #28665f;
  background: #effaf4;
  border: 1px solid #bfe2d1;
  border-radius: 7px;
}

.measurement-result.error {
  color: #9b503d;
  background: #fff4ef;
  border-color: #efc4b6;
}

.measurement-result strong {
  display: block;
  color: #0b716b;
  font-size: 11px;
}

.measurement-result.error strong {
  color: #9b503d;
}

.measurement-values {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  margin-top: 8px;
}

.measurement-values span {
  display: block;
  color: #6b8c86;
  font-size: 8px;
}

.measurement-values b {
  display: block;
  margin-top: 2px;
  color: #174e53;
  font-size: 12px;
}

.measurement-result small {
  display: block;
  margin-top: 8px;
  color: #6b8c86;
  font-size: 8px;
  line-height: 1.4;
}

.overlay-jewel {
  color: #fff5a5;
  font-size: 27px;
  text-shadow: 0 0 10px #fff;
}

.camera-message {
  position: absolute;
  right: 12px;
  bottom: 12px;
  left: 12px;
  display: none;
  padding: 9px 11px;
  color: #fff;
  background: rgba(6, 24, 47, 0.78);
  border-radius: 7px;
  font-size: 10px;
}

.camera-message.visible {
  display: block;
}

.tryon-controls {
  align-self: center;
  padding: 8px 8px 8px 0;
}

.tryon-mode-label {
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
}

.tryon-mode-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-top: 12px;
}

.tryon-mode {
  padding: 9px 4px;
  color: var(--muted);
  background: #f5f7f9;
  border: 1px solid #e2e7ed;
  border-radius: 7px;
  font-size: 10px;
  font-weight: 800;
}

.tryon-mode.active {
  color: #9b700c;
  background: #fff4cf;
  border-color: #e5c56b;
}

.tryon-help {
  min-height: 48px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.6;
}

.tryon-control-actions {
  display: grid;
  gap: 8px;
  margin-top: 20px;
}

.tryon-control-actions .btn {
  width: 100%;
  font-size: 11px;
}

.file-btn {
  cursor: pointer;
}

.close-tryon-link {
  margin-top: 20px;
}

.privacy-note {
  margin: 22px 0 0;
  color: #9da7b3;
  font-size: 9px;
  line-height: 1.5;
}

.tryon-product-picker {
  display: grid;
  gap: 6px;
  margin-top: 14px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 800;
}

.tryon-product-picker select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  color: var(--ink);
  background: #fff;
  border: 1px solid #dfe5eb;
  border-radius: 8px;
  font-size: 11px;
}

.tryon-product-picker select:focus {
  border-color: #c89922;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(200, 153, 34, 0.12);
}

.tryon-product-overlay {
  z-index: 3 !important;
  display: none !important;
  object-fit: contain !important;
  opacity: .96;
  mix-blend-mode: normal;
  pointer-events: none;
  filter: drop-shadow(0 9px 12px rgba(0,0,0,.18));
}

.tryon-product-overlay.visible {
  display: block !important;
}

.tryon-product-overlay.mode-ring {
  inset: 25% 28% 25% 28%;
}

.tryon-product-overlay.mode-necklace {
  inset: 39% 20% 8% 20%;
}

.tryon-product-overlay.mode-earring {
  inset: 15% 20% 18% 20%;
}

.tryon-product-overlay.mode-bracelet {
  inset: 38% 25% 28% 25%;
}

.tryon-product-overlay.ai-positioned {
  inset: auto !important;
  transform-origin: center center;
  mix-blend-mode: normal;
}

.tryon-product-overlay.mode-measure {
  display: none !important;
}

.tryon-capture-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 10px;
}

.tryon-ai-btn{background:linear-gradient(135deg,#5637d5,#1677ff)!important;color:#fff!important;box-shadow:0 10px 24px rgba(86,55,213,.18)}
.tryon-ai-note{margin:10px 0 0;padding:10px 11px;border:1px solid #d9d4ff;border-radius:10px;background:#f7f5ff;color:#554f78;font-size:11px;line-height:1.55}
.tryon-ai-note strong{color:#31266f}
.tryon-premium-status{margin:10px 0;padding:10px 12px;border:1px solid #d9d4ff;border-radius:11px;background:#f7f5ff;color:#4c4770;font-size:11px;line-height:1.55}.tryon-premium-status strong{color:#31266f}.tryon-premium-status.ready{border-color:#bce4d7;background:#effbf7;color:#176455}.tryon-login-gate{margin:10px 0;padding:14px;border:1px solid #e5c45a;border-radius:13px;background:#fffaf0;color:#463b21}.tryon-login-gate.hidden{display:none!important}.tryon-login-gate strong{display:block;color:#082443;margin-bottom:5px}.tryon-login-gate p{margin:0 0 10px;font-size:12px;line-height:1.55}.tryon-login-gate .btn{display:inline-flex;text-decoration:none;justify-content:center;align-items:center}.tryon-quota-chip{font-weight:900;color:#5a3fd0}

.tryon-capture-actions .btn,
.tryon-capture-actions a {
  width: 100%;
  min-height: 38px;
  padding: 10px 9px;
  font-size: 10px;
  text-align: center;
}

.tryon-output-wrap {
  margin-top: 14px;
  padding: 10px;
  background: #f7fafc;
  border: 1px solid #dfe7ef;
  border-radius: 9px;
}

.tryon-output-wrap.hidden {
  display: none;
}

.tryon-output-wrap strong {
  display: block;
  margin-bottom: 8px;
  color: var(--ink);
  font-size: 11px;
}

.tryon-output {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 7px;
}

.toast {
  position: fixed;
  z-index: 200;
  right: 22px;
  bottom: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: min(360px, calc(100% - 44px));
  padding: 12px 15px;
  color: #fff;
  background: #0c6b61;
  border-radius: 10px;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.18);
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.toast.show {
  opacity: 1;
  transform: translateY(0);
}

.toast > span {
  display: grid;
  width: 22px;
  height: 22px;
  color: #0c6b61;
  background: #b9f0dd;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 800;
  place-items: center;
}

.toast p {
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
}

.noscript-warning {
  position: fixed;
  z-index: 500;
  inset: 0;
  display: grid;
  padding: 30px;
  color: #fff;
  background: var(--navy);
  font-size: 20px;
  place-items: center;
  text-align: center;
}

@media (max-width: 1060px) {
  .main-nav a {
    padding: 0 8px;
    font-size: 11px;
  }

  .main-nav a::after {
    right: 8px;
    left: 8px;
  }

  .header-inner {
    gap: 15px;
  }

  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 800px) {
  .container {
    width: min(100% - 28px, 600px);
  }

  .topbar-note {
    display: none;
  }

  .header-inner {
    position: relative;
    min-height: 68px;
  }

  .brand-copy strong {
    font-size: 16px;
  }

  .brand-copy small {
    font-size: 7px;
  }

  .menu-toggle {
    display: block;
    margin-left: auto;
  }

  .main-nav {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    display: grid;
    height: auto;
    padding: 9px;
    background: rgba(7, 25, 49, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-7px);
    transition: opacity 0.2s ease, transform 0.2s ease;
  }

  .main-nav.open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .main-nav a {
    min-height: 42px;
    padding: 0 12px;
    border-radius: 7px;
    font-size: 12px;
  }

  .main-nav a:hover,
  .main-nav a.active {
    background: rgba(242, 197, 74, 0.1);
  }

  .main-nav a::after {
    right: 12px;
    bottom: 7px;
    left: 12px;
  }

  .header-action {
    display: none;
  }

  .hero-grid,
  .feature-grid,
  .visit-grid,
  .guide-grid,
  .faq-layout {
    grid-template-columns: 1fr;
  }

  .hero-grid {
    padding-top: 58px;
  }

  .hero h1 {
    font-size: 44px;
  }

  .hero-showcase {
    min-height: 310px;
  }

  .jewel-scene {
    right: 7%;
    left: 7%;
  }

  .price-grid,
  .promise-grid,
  .policy-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .guide-steps {
    grid-template-columns: repeat(3, 1fr);
  }

  .section {
    padding: 72px 0;
  }

  .feature-section {
    padding-bottom: 72px;
  }

  .tryon-card,
  .pawn-card {
    grid-template-columns: 1fr;
  }

  .feature-art {
    min-height: 230px;
  }

  .hand-art {
    order: 2;
  }

  .tryon-card .feature-content {
    order: 1;
  }

  .pawn-card .qr-illustration {
    order: -1;
    min-height: 200px;
  }

  .footer-grid {
    grid-template-columns: 1.6fr 1fr 1fr;
  }

  .footer-links:last-child {
    grid-column: 2 / -1;
  }

  .tryon-layout {
    grid-template-columns: 1fr;
  }

  .tryon-controls {
    padding: 0;
  }

  .faq-layout {
    gap: 30px;
  }
}

@media (max-width: 560px) {
  .price-strip .container {
    padding: 22px 17px 18px;
  }

  .section-heading,
  .catalog-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .ai-adviser {
    padding: 20px 16px;
    border-radius: 16px;
  }

  .ai-adviser-head,
  .ai-adviser-form {
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .ai-adviser-guard {
    align-self: flex-start;
  }

  .ai-adviser-form button {
    width: 100%;
  }

  .ai-adviser-results {
    grid-template-columns: 1fr;
  }

  .ai-adviser-card {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .ai-adviser-card img {
    width: 92px;
    min-height: 158px;
  }

  .text-link {
    align-self: flex-start;
  }

  .price-grid,
  .product-grid,
  .promise-grid,
  .policy-grid {
    grid-template-columns: 1fr;
  }

  .price-board {
    padding: 18px 14px 15px;
  }

  .price-board-head,
  .price-board-toolbar,
  .price-history-row {
    align-items: stretch;
    flex-direction: column;
  }

  .price-board-meta {
    justify-content: space-between;
  }

  .date-filter {
    justify-content: space-between;
  }

  .date-filter select {
    flex: 1;
  }

  .history-chart {
    width: 100%;
  }

  .guide-card {
    padding: 21px 17px;
  }

  .guide-steps {
    grid-template-columns: 1fr;
  }

  .search-box {
    width: 100%;
  }

  .product-image {
    height: 245px;
  }

  .feature-content {
    padding: 25px 22px;
  }

  .feature-content h2 {
    font-size: 27px;
  }

  .qr-illustration {
    padding-bottom: 26px;
  }

  .visit-grid {
    gap: 30px;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px 18px;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }

  .footer-links:last-child {
    grid-column: auto;
  }

  .modal-backdrop {
    padding: 12px;
  }

  .product-modal {
    grid-template-columns: 1fr;
  }

  .modal-product-image {
    min-height: 235px;
  }

  .modal-product-info {
    padding: 28px 22px 25px;
  }

  .modal-label-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .compact-modal,
  .tryon-modal {
    padding: 25px 19px;
  }

  .tryon-head {
    padding-right: 28px;
  }

  .tryon-head h2 {
    font-size: 26px;
  }

  .camera-stage {
    min-height: 320px;
  }

  .form-two-col {
    grid-template-columns: 1fr;
  }

  .pawn-input-row,
  .pawn-result-grid {
    grid-template-columns: 1fr;
  }

  .tryon-mode-tabs {
    grid-template-columns: repeat(2, 1fr);
  }
}

.ring-size-visual{margin-top:22px;padding:20px;border:1px solid #ecd59d;border-radius:18px;background:#fffaf0}.ring-size-title{display:flex;justify-content:space-between;gap:15px;align-items:baseline;color:#0b2342}.ring-size-title span{color:#6b7280;font-size:13px}.ring-size-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:17px}.ring-size-cards>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px 8px;border:1px solid #f0ddb0;border-radius:13px;background:#fff}.ring-sample{display:block;width:54px;height:54px;border:7px solid #d49f13;border-radius:50%;box-shadow:0 3px 0 #8a6313}.ring-sample-sm{width:39px;height:39px}.ring-sample-md{width:49px;height:49px}.ring-sample-lg{width:59px;height:59px}.ring-sample-xl{width:69px;height:69px}.ring-size-cards b{font-size:12px;color:#805c0c}.ring-size-cards small{font-size:11px;color:#64748b;text-align:center}@media(max-width:680px){.ring-size-title{display:block}.ring-size-title span{display:block;margin-top:8px}.ring-size-cards{grid-template-columns:repeat(2,1fr)}}

/* ================================================================
   KBL N10.1 · CLEAN SKY LUXURY HOME
   Hero cũ Trung Thu / full-bleed đã được gỡ khỏi luồng render.
   ================================================================ */
/* ================================================================
   KBL R4 · MOBILE TRY-ON LAYOUT + SAFE QUICK OVERLAY
   - Modal try-on dùng dynamic viewport, cuộn trong modal trên iPhone/WebView.
   - Ẩn nút liên hệ nổi khi đang thử trang sức để không che nút điều khiển.
   - Camera/ảnh khách gọn hơn trên mobile để còn chỗ cho lựa chọn + Premium AI.
   ================================================================ */
@media (max-width:680px){
  body.tryon-open .floating-contact{display:none!important}
  #tryon-modal{padding:max(6px,env(safe-area-inset-top)) 4px max(6px,env(safe-area-inset-bottom));place-items:start center;overscroll-behavior:contain}
  #tryon-modal .tryon-modal{width:calc(100% - 2px);max-width:none;max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px);padding:16px 12px calc(18px + env(safe-area-inset-bottom));border-radius:16px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
  #tryon-modal .modal-close{position:sticky;float:right;top:0;right:0;margin:0 0 -34px auto;width:38px;height:38px;z-index:20;background:rgba(255,255,255,.96);box-shadow:0 4px 14px rgba(8,36,67,.12)}
  #tryon-modal .tryon-head{clear:both;padding-right:0;gap:8px;align-items:flex-start}
  #tryon-modal .tryon-head>div{min-width:0;flex:1}
  #tryon-modal .tryon-head .eyebrow{margin-bottom:7px;font-size:10px;letter-spacing:.16em}
  #tryon-modal .tryon-head h2{font-size:25px;line-height:1.08;margin:0}
  #tryon-modal .demo-pill{flex:0 0 auto;max-width:122px;padding:7px 9px;font-size:9px;line-height:1.25;text-align:center;white-space:normal;margin-right:42px}
  #tryon-modal .tryon-layout{grid-template-columns:1fr;gap:13px;margin-top:14px}
  #tryon-modal .camera-stage{height:clamp(250px,39dvh,330px);min-height:0;border-radius:12px}
  #tryon-modal .camera-stage video,#tryon-modal .camera-stage>img{object-position:center center}
  #tryon-modal .camera-message{right:10px;bottom:10px;left:10px;max-width:calc(100% - 20px);font-size:11px;line-height:1.35}
  #tryon-modal .tryon-controls{padding:0 1px 4px}
  #tryon-modal .tryon-mode-label{font-size:13px;margin-top:1px}
  #tryon-modal .tryon-product-picker{margin-top:7px}
  #tryon-modal .tryon-product-picker select{min-height:44px;font-size:12px}
  #tryon-modal .tryon-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
  #tryon-modal .tryon-mode{min-height:48px;padding:9px 7px;font-size:12px}
  #tryon-modal .tryon-help{font-size:11px;line-height:1.45;margin:9px 0}
  #tryon-modal .tryon-premium-status{font-size:11px;margin:9px 0;padding:9px 10px}
  #tryon-modal .tryon-control-actions,#tryon-modal .tryon-capture-actions{grid-template-columns:1fr 1fr;gap:8px}
  #tryon-modal .tryon-control-actions .btn,#tryon-modal .tryon-capture-actions .btn,#tryon-modal .tryon-capture-actions a{min-height:46px;font-size:11px;padding:9px 8px}
  #tryon-modal .tryon-output-wrap{margin-top:12px}
  #tryon-modal .tryon-output{max-height:56dvh;object-fit:contain;background:#f5f7fa}
  #tryon-modal .close-tryon-link{margin:14px auto 2px}
}
@media (max-width:390px){
  #tryon-modal .tryon-head h2{font-size:23px}
  #tryon-modal .demo-pill{max-width:108px;margin-right:39px;font-size:8.5px}
  #tryon-modal .camera-stage{height:clamp(235px,36dvh,300px)}
}

/* KBL N10.2 ADDITIVE UPDATE · account + cart + full footer. Keep prior modules intact. */
.header-utilities{display:flex;align-items:center;gap:8px;flex:0 0 auto}.header-account,.header-cart{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 11px;border:1px solid #d7e4ee;border-radius:10px;background:#fff;color:#173b62;font-size:10.5px;font-weight:800;white-space:nowrap;box-shadow:0 5px 14px rgba(31,69,100,.05);cursor:pointer}.header-account:hover,.header-cart:hover{border-color:#d9a51d;background:#fff9e8;color:#8a6200}.header-account-icon{font-size:14px}.header-cart{position:relative}.cart-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d99a00;color:#fff;font-size:10px;font-weight:900}.cart-count.is-zero{background:#8b9aac}.header-account.logged-in{border-color:#b9dfd8;background:#f1fbf8;color:#087f74}
.product-card-utility{grid-template-columns:repeat(3,minmax(0,1fr))}.product-cart{color:#805800}.product-cart.active{color:#fff;background:#b98508;border-color:#b98508}.modal-cart-action.active{background:#b98508!important;color:#fff!important;border-color:#b98508!important}
.cart-modal{width:min(780px,calc(100% - 24px));padding:28px}.cart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:42px}.cart-head h2{margin:3px 0 0;color:#0b3158;font-family:"Playfair Display",Georgia,serif;font-size:30px}.cart-summary{margin:4px 0 0;color:#64748b;font-size:12px}.cart-list{display:grid;gap:10px;margin-top:18px;max-height:52vh;overflow:auto}.cart-empty{padding:28px 18px;border:1px dashed #d6dee7;border-radius:14px;text-align:center;color:#66788a;background:#f9fbfd}.cart-row{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid #e4e8ed;border-radius:14px;background:#fff}.cart-row img{width:78px;height:72px;object-fit:cover;border-radius:10px;background:#f3eee5}.cart-row strong{display:block;color:#0b3158;font-size:13px}.cart-row small{display:block;margin-top:3px;color:#738094;font-size:10px}.cart-row-price{margin-top:6px;color:#946600;font-weight:900;font-size:12px}.cart-row-actions{display:grid;gap:6px}.cart-row-actions button{min-height:34px;padding:7px 10px;border:1px solid #d8e0e8;border-radius:9px;background:#fff;color:#173b62;font-size:10px;font-weight:900;cursor:pointer}.cart-row-actions button:hover{border-color:#d4a322;background:#fff8df}.cart-footer{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #e7ebef}.cart-total span{display:block;color:#718096;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.cart-total strong{display:block;margin-top:3px;color:#0b3158;font-size:20px}.cart-footer-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cart-footer-actions button{min-height:42px;padding:10px 14px;border-radius:10px;font-size:11px;font-weight:900;cursor:pointer}.cart-clear{border:1px solid #d8e0e8;background:#fff;color:#425b74}.cart-send{border:1px solid #d6a317;background:#e3a60b;color:#071b31}
.site-footer{padding:0;color:#b8c8d7;background:#06172c}.footer-top{padding:50px 0 34px}.footer-grid{grid-template-columns:1.65fr .9fr 1.05fr 1.18fr 1fr;gap:34px}.footer-brand p{max-width:330px}.footer-company{font-size:10.5px;gap:5px}.footer-links{gap:9px;font-size:10.5px}.footer-links strong{font-size:12px}.footer-links a{line-height:1.45}.footer-social{display:flex;gap:8px;margin:10px 0 15px}.footer-social a,.footer-social button{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-weight:900;cursor:pointer}.footer-social a:hover,.footer-social button:hover{background:#d9a51d;color:#06172c}.footer-payments{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.footer-payment{padding:6px 8px;border:1px solid rgba(255,255,255,.13);border-radius:6px;background:rgba(255,255,255,.07);color:#eef5fa;font-size:9px;font-weight:800}.footer-cert{margin-top:14px;padding:10px;border:1px solid rgba(242,197,74,.25);border-radius:8px;background:rgba(242,197,74,.06);color:#d9e5ee;font-size:9.5px;line-height:1.5}.footer-cert strong{display:block;color:#f1d574;margin-bottom:3px}.footer-bottom{padding:14px 0 18px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:12px;align-items:center;justify-content:space-between;color:#7890a5;font-size:9.5px}.footer-bottom a:hover{color:#f2c54a}
@media(max-width:1180px){.header-account span.label-long{display:none}.header-utilities{gap:6px}.header-account,.header-cart{padding:8px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}.footer-connect{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-utility-btn{font-size:9px}}
@media(max-width:800px){.header-utilities{margin-left:4px}.header-account{display:flex}.header-account span{display:none}.header-account-icon{font-size:17px}.header-cart span.cart-label{display:none}.header-cart{min-width:42px}.header-action{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-connect{grid-column:1/-1;grid-template-columns:1fr 1fr}.footer-bottom{align-items:flex-start;flex-direction:column}.product-card-utility{grid-template-columns:1fr 1fr}.cart-modal{padding:22px 14px}.cart-row{grid-template-columns:64px minmax(0,1fr)}.cart-row img{width:64px;height:62px}.cart-row-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.cart-footer{grid-template-columns:1fr}.cart-footer-actions{justify-content:stretch}.cart-footer-actions button{flex:1}}
@media(max-width:520px){.header-utilities{gap:4px}.header-account,.header-cart{min-height:38px;padding:7px}.cart-count{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;font-size:8px}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-connect{grid-column:auto}.footer-connect{grid-template-columns:1fr}.product-card-utility{grid-template-columns:1fr 1fr}}



.ring-size-calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:16px;align-items:center;margin-top:16px;padding:16px 18px;border:1px solid #ead39a;border-radius:14px;background:linear-gradient(135deg,#fffdf7,#fff7df)}
.ring-size-calculator-copy strong{display:block;color:#0b2342;font-size:15px}
.ring-size-calculator-copy span{display:block;margin-top:5px;color:#6b7280;font-size:12px;line-height:1.5}
.ring-size-calculator-form{display:grid;gap:6px}
.ring-size-calculator-form label{color:#786b4e;font-size:11px;font-weight:800}
.ring-size-calculator-input{display:flex;align-items:center;gap:7px}
.ring-size-calculator-input input{min-width:0;flex:1;padding:10px 11px;color:#0b2342;background:#fff;border:1px solid #d8bd70;border-radius:8px;font-size:14px;font-weight:700;outline:none}
.ring-size-calculator-input input:focus{border-color:#c48b0b;box-shadow:0 0 0 3px rgba(212,159,19,.15)}
.ring-size-calculator-input span{color:#786b4e;font-size:12px;font-weight:800}
.ring-size-calculator-input button{flex:0 0 auto;min-height:40px;padding:9px 13px;font-size:11px}
.ring-size-calculator-result{min-height:42px;margin-top:1px;padding:8px 10px;color:#28665f;background:#effaf4;border:1px solid #bfe2d1;border-radius:8px;font-size:12px;line-height:1.4}
.ring-size-calculator-result:empty{display:none}
.ring-size-calculator-result:not(:empty){display:block!important;visibility:visible!important}
.ring-size-calculator-result.error{color:#9b503d;background:#fff4ef;border-color:#efc4b6}
.ring-size-calculator-result strong{display:block;color:#0b716b;font-size:15px}
.ring-size-calculator-result.error strong{color:#9b503d}
@media(max-width:680px){.ring-size-calculator{grid-template-columns:1fr;padding:14px}.ring-size-calculator-input{flex-wrap:wrap}.ring-size-calculator-input input{flex-basis:calc(100% - 46px)}.ring-size-calculator-input button{width:100%}}



.ai-chat-modal{width:min(760px,calc(100% - 28px));max-height:min(86vh,820px);display:flex;flex-direction:column;gap:12px;padding:22px;overflow:hidden}
.ai-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-right:36px}.ai-chat-head h2{margin:4px 0 0;color:var(--navy);font-size:26px}.ai-chat-online{font-size:11px;font-weight:800;color:#087f74;background:#eaf8f5;border:1px solid #c9ece5;border-radius:999px;padding:7px 10px;white-space:nowrap}
.ai-chat-log{min-height:220px;max-height:38vh;overflow:auto;padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.ai-chat-bubble{max-width:88%;padding:11px 13px;border-radius:14px;font-size:13px;line-height:1.6;white-space:pre-wrap}.ai-chat-bubble.bot{align-self:flex-start;background:#fff;color:#18324f;border:1px solid #e3e9f0;border-bottom-left-radius:5px}.ai-chat-bubble.user{align-self:flex-end;background:#0b3158;color:#fff;border-bottom-right-radius:5px}.ai-chat-status{min-height:18px;margin:0;color:#66758a;font-size:12px}.ai-chat-input{grid-template-columns:1fr auto;margin:0}.ai-chat-input input{min-width:0}.ai-chat-input button{min-width:78px}.ai-chat-quick{margin:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.ai-chat-quick .ai-adviser-chip{color:#0b3158;background:#f7fafc;border-color:#d7e0ea;white-space:nowrap}.ai-chat-quick .ai-adviser-chip:hover{color:#08213f;background:#f6c74d;border-color:#f6c74d}.ai-chat-input input{border-color:#cfd9e4!important}.ai-chat-products{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px;overflow:auto;padding:2px}.ai-chat-products .ai-adviser-card{min-height:0}.ai-chat-products .ai-adviser-card img{height:120px}.ai-chat-contact{align-self:flex-start;border:0;background:transparent;color:#0b3158;font-size:12px;font-weight:800;text-decoration:underline;cursor:pointer;padding:0}.ai-chat-handoff{padding:12px;border:1px solid #eadcae;border-radius:14px;background:#fffdf7;overflow:auto}.ai-chat-handoff.hidden{display:none!important}.ai-customer-return{display:none;margin:2px 0 10px;padding:10px 12px;border:1px solid #cbe6df;border-radius:12px;background:#f0fbf8;color:#155f58;font-size:12px;line-height:1.5}.ai-customer-return.show{display:block}.ai-location-row{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.ai-location-btn{min-height:42px;padding:0 13px;border:1px solid #d6b64e;border-radius:9px;background:#fff7dc;color:#765500;font-size:12px;font-weight:900}.ai-shipping-status{min-height:18px;margin:7px 0 2px;color:#64748b;font-size:11px;line-height:1.45}.ai-shipping-status.ready{color:#087f74}.ai-account-opt{display:flex!important;align-items:flex-start!important;gap:8px!important;padding:9px 10px;border:1px solid #e4e8ed;border-radius:10px;background:#fff}.ai-account-opt input{width:auto!important;margin-top:2px}.ai-profile-link{display:inline-flex;margin-top:8px;color:#0b3158;font-size:11px;font-weight:800;text-decoration:underline}
@media(max-width:680px){#message-modal{padding:4px;place-items:center}.ai-chat-modal{width:calc(100% - 4px);height:calc(100dvh - 10px);max-height:calc(100dvh - 10px);padding:15px 12px 12px;gap:9px;border-radius:18px}.ai-chat-head{padding-right:34px}.ai-chat-head h2{font-size:22px;line-height:1.16}.ai-chat-online{display:none}.ai-chat-log{flex:1;min-height:0;max-height:none;padding:13px 11px;border-radius:14px}.ai-chat-bubble{max-width:98%;padding:11px 12px;font-size:14px;line-height:1.62}.ai-chat-products{grid-template-columns:1fr;max-height:32vh}.ai-chat-quick{min-height:44px;padding:2px 0 5px}.ai-chat-quick .ai-adviser-chip{font-size:12px;padding:10px 13px}.ai-chat-status{min-height:16px;font-size:11px}.ai-chat-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.ai-chat-input input{height:48px;font-size:14px;padding:0 12px}.ai-chat-input button{width:auto!important;min-width:70px;height:48px;padding:0 14px}.ai-chat-contact{font-size:13px}.ai-chat-handoff{max-height:52vh}.ai-chat-handoff .form-two-col{grid-template-columns:1fr}.ai-chat-open .floating-contact{display:none!important}}

    .floating-contact{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
    .floating-contact-btn{display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 13px;color:#fff;border-radius:999px;box-shadow:0 10px 24px rgba(11,35,66,.18);font-size:12px;font-weight:800;text-decoration:none;animation:kblContactPulse 2.5s ease-in-out infinite;transition:transform .2s ease,box-shadow .2s ease}
    .floating-zalo{background:#0787ff}.floating-facebook{background:#1877f2;animation-delay:.4s}.floating-message{background:#0c6b61;animation-delay:.7s}.floating-top{width:44px;min-width:44px;padding:0;justify-content:center;background:#d49f13;animation-delay:1s;font-size:22px}
    .floating-contact-logo{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#fff;border:1px solid rgba(255,255,255,.62);border-radius:7px;font-size:14px;font-weight:900}
    .floating-contact-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 13px 28px rgba(11,35,66,.24)}
    @keyframes kblContactPulse{0%,100%{box-shadow:0 10px 24px rgba(11,35,66,.18)}50%{box-shadow:0 10px 28px rgba(242,197,74,.34),0 0 0 6px rgba(242,197,74,.08)}}
    @media(max-width:680px){.floating-contact{right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:120}.floating-contact-btn{width:44px;min-width:44px;min-height:44px;padding:0;justify-content:center}.floating-contact-btn>span:last-child{display:none}.floating-zalo,.floating-facebook,.floating-message{display:inline-flex!important}}
  


/* ===== KBL PROACTIVE AI LAUNCHER V1 · ADDITIVE ONLY =====
   Chỉ làm AI Adviser chủ động chào; không thay đổi chatbox/API/POS/giá/kho. */
.kbl-ai-proactive{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  width:min(330px,calc(100vw - 32px));
  pointer-events:none;
}
.kbl-ai-launcher{
  position:relative;
  flex:0 0 auto;
  width:62px;
  height:62px;
  padding:0;
  overflow:visible;
  border:1px solid rgba(236,193,70,.78);
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 26%,rgba(255,247,206,.98),rgba(255,255,255,.94) 34%,rgba(10,39,70,.98) 36%,#071d38 100%);
  box-shadow:0 15px 34px rgba(5,26,50,.28),0 0 0 5px rgba(242,197,74,.11);
  pointer-events:auto;
  cursor:pointer;
  isolation:isolate;
  animation:kblAiLauncherFloat 3.8s ease-in-out infinite;
  transition:transform .2s ease,box-shadow .2s ease;
}
.kbl-ai-launcher:hover{
  transform:translateY(-3px) scale(1.035);
  box-shadow:0 18px 38px rgba(5,26,50,.34),0 0 0 7px rgba(242,197,74,.15);
}
.kbl-ai-avatar{
  position:absolute;
  inset:5px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:#fffdf7;
}
.kbl-ai-avatar img{
  display:block;
  width:88%;
  height:88%;
  object-fit:contain;
  filter:drop-shadow(0 3px 5px rgba(7,29,56,.18));
}
.kbl-ai-wave{
  position:absolute;
  z-index:3;
  top:-13px;
  right:-9px;
  display:grid;
  width:29px;
  height:29px;
  place-items:center;
  border:2px solid #fff;
  border-radius:50%;
  background:linear-gradient(145deg,#ffe69a,#efb526);
  box-shadow:0 6px 14px rgba(80,53,0,.2);
  font-size:17px;
  transform-origin:70% 75%;
  animation:kblAiWave 1.35s ease-in-out 3;
}
.kbl-ai-online-dot{
  position:absolute;
  z-index:4;
  right:2px;
  bottom:5px;
  width:12px;
  height:12px;
  border:2px solid #fff;
  border-radius:50%;
  background:#22b78f;
  box-shadow:0 0 0 4px rgba(34,183,143,.12);
}
.kbl-ai-greeting{
  position:relative;
  max-width:250px;
  padding:12px 34px 12px 14px;
  color:#17324f;
  background:rgba(255,255,255,.985);
  border:1px solid #ead59a;
  border-radius:16px 16px 5px 16px;
  box-shadow:0 14px 36px rgba(7,29,56,.18);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(10px) scale(.97);
  transform-origin:right center;
  transition:opacity .24s ease,transform .24s ease,visibility .24s;
}
.kbl-ai-greeting::after{
  position:absolute;
  right:-7px;
  bottom:14px;
  width:13px;
  height:13px;
  content:"";
  background:#fff;
  border-top:1px solid #ead59a;
  border-right:1px solid #ead59a;
  transform:rotate(45deg);
}
.kbl-ai-greeting.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(0) scale(1);
}
.kbl-ai-greeting strong{
  display:block;
  margin:0 0 3px;
  color:#9b6b08;
  font-family:"Playfair Display",Georgia,serif;
  font-size:13px;
}
.kbl-ai-greeting span{
  display:block;
  color:#344e68;
  font-size:11px;
  font-weight:650;
  line-height:1.55;
}
.kbl-ai-greeting-close{
  position:absolute;
  z-index:2;
  top:6px;
  right:7px;
  display:grid;
  width:24px;
  height:24px;
  padding:0;
  place-items:center;
  color:#7f8a96;
  background:transparent;
  border:0;
  border-radius:50%;
  font-size:17px;
  line-height:1;
}
.kbl-ai-greeting-close:hover{color:#0b3158;background:#f1f4f7}
@keyframes kblAiWave{
  0%,100%{transform:rotate(0deg)}
  20%{transform:rotate(18deg)}
  40%{transform:rotate(-12deg)}
  60%{transform:rotate(16deg)}
  80%{transform:rotate(-7deg)}
}
@keyframes kblAiLauncherFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -4px}
}
@media(max-width:680px){
  .kbl-ai-proactive{width:min(286px,calc(100vw - 20px));gap:8px}
  .kbl-ai-launcher{width:54px;height:54px}
  .kbl-ai-wave{top:-11px;right:-8px;width:27px;height:27px;font-size:16px}
  .kbl-ai-greeting{max-width:215px;padding:11px 31px 11px 12px;border-radius:14px 14px 5px 14px}
  .kbl-ai-greeting strong{font-size:12px}
  .kbl-ai-greeting span{font-size:10.5px;line-height:1.5}
}
@media(max-width:360px){
  .kbl-ai-proactive{width:min(258px,calc(100vw - 12px))}
  .kbl-ai-launcher{width:50px;height:50px}
  .kbl-ai-greeting{max-width:195px}
}
@media(prefers-reduced-motion:reduce){
  .kbl-ai-launcher,.kbl-ai-wave{animation:none!important}
  .kbl-ai-greeting{transition:none}
}

/* V1.1: 4 kênh Zalo / Facebook / AI / Góp ý nằm trong Proactive launcher */
.kbl-ai-proactive .kbl-ai-launcher-menu{
  position:absolute;
  right:0;
  bottom:74px;
  display:grid;
  grid-template-columns:repeat(2,minmax(118px,1fr));
  gap:8px;
  width:258px;
  padding:10px;
  background:rgba(255,255,255,.985);
  border:1px solid #e8d392;
  border-radius:18px;
  box-shadow:0 18px 44px rgba(7,29,56,.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px) scale(.96);
  transform-origin:right bottom;
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
}
.floating-contact.is-open .kbl-ai-proactive .kbl-ai-launcher-menu{
  display:grid!important;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.kbl-ai-proactive .kbl-ai-launcher-menu::after{
  position:absolute;
  right:24px;
  bottom:-7px;
  width:13px;
  height:13px;
  content:"";
  background:#fff;
  border-right:1px solid #e8d392;
  border-bottom:1px solid #e8d392;
  transform:rotate(45deg);
}
.kbl-ai-proactive .kbl-ai-launcher-menu .floating-contact-btn{
  width:100%;
  min-width:0;
  min-height:48px;
  justify-content:flex-start;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:12px;
  animation:none;
  box-shadow:0 7px 16px rgba(11,35,66,.12);
  font-size:11px;
}
.kbl-ai-proactive .kbl-ai-launcher-menu .floating-contact-logo{
  flex:0 0 24px;
  width:24px;
  height:24px;
  border-radius:8px;
  font-size:11px;
}
.kbl-ai-proactive .kbl-ai-launcher-menu .floating-message{
  background:linear-gradient(135deg,#0b3158,#0d7168);
}
.kbl-ai-proactive .kbl-ai-launcher-menu .floating-feedback{
  background:linear-gradient(135deg,#a46f05,#d19a16);
}
.kbl-ai-proactive .kbl-ai-launcher-menu .floating-contact-btn:hover{
  transform:translateY(-2px);
}
.floating-contact .floating-contact-toggle{
  display:none!important;
}
.floating-contact.is-open .kbl-ai-launcher{
  box-shadow:0 18px 38px rgba(5,26,50,.34),0 0 0 7px rgba(242,197,74,.16);
}
.floating-contact.is-open .kbl-ai-wave{
  animation:none;
  transform:rotate(14deg);
}
@media(max-width:680px){
  .kbl-ai-proactive .kbl-ai-launcher-menu{
    right:0;
    bottom:64px;
    grid-template-columns:repeat(2,minmax(104px,1fr));
    width:230px;
    gap:7px;
    padding:8px;
    border-radius:16px;
  }
  .kbl-ai-proactive .kbl-ai-launcher-menu .floating-contact-btn{
    display:inline-flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    height:auto!important;
    padding:0 9px!important;
    justify-content:flex-start!important;
  }
  .kbl-ai-proactive .kbl-ai-launcher-menu .floating-contact-btn>span:last-child{
    display:inline!important;
  }
}
@media(max-width:360px){
  .kbl-ai-proactive .kbl-ai-launcher-menu{
    width:216px;
    grid-template-columns:1fr 1fr;
  }
}

/* ===== KBL R7 · MOCKUP UI MERGE + PAWN ESTIMATOR ===== */
.product-modal{width:min(1240px,96vw);grid-template-columns:minmax(0,58fr) minmax(360px,42fr);max-height:min(860px,calc(100dvh - 34px));overflow:hidden}
.modal-product-gallery{min-width:0;min-height:680px;padding:18px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;background:linear-gradient(145deg,#faf7f0,#f2ede4);border-right:1px solid #ece6dc}
.modal-product-image{min-height:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f7f2e9;border-radius:15px}
.modal-product-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:4px}
.modal-product-image.empty:before{content:'Sản phẩm chưa có ảnh';color:#8c96a3;font-size:13px}
.product-image.empty:after{content:'Ảnh sản phẩm đang cập nhật';position:absolute;inset:0;display:grid;place-items:center;color:#708096;font-size:12px;text-align:center;padding:16px}.product-image.empty img,.product-image img[hidden],.modal-product-image img[hidden]{display:none!important}
.modal-product-thumbs{display:flex;gap:9px;min-height:68px;overflow-x:auto;padding:2px 1px 3px;scrollbar-width:thin}
.modal-product-thumbs.single{justify-content:center}
.modal-product-thumb{flex:0 0 70px;width:70px;height:62px;padding:3px;border:1px solid #dfe4ea;border-radius:10px;background:#fff;overflow:hidden;cursor:pointer}
.modal-product-thumb.active{border-color:#d19b16;box-shadow:0 0 0 2px rgba(209,155,22,.16)}
.modal-product-thumb img{width:100%;height:100%;object-fit:contain;border-radius:7px}
.modal-product-info{align-self:stretch;min-height:0;overflow-y:auto;padding:32px 27px 30px;scrollbar-width:thin}
.modal-product-info h2{font-size:32px;line-height:1.08}
.modal-product-body{margin-top:13px}
.modal-description{font-size:11px;line-height:1.55}
.modal-data-grid{gap:8px;margin-top:14px}
.modal-data{padding:8px 10px}
.modal-data span{font-size:9px}.modal-data strong{font-size:11px}
.product-label-heading{margin:16px 0 7px;font-size:13px}
.product-label-note{margin-top:9px;padding:8px 10px;font-size:9px;line-height:1.45}
.modal-label-row{grid-template-columns:minmax(125px,.78fr) minmax(0,1.22fr);gap:8px;padding:7px 9px}
.modal-label-row span{font-size:9px}.modal-label-row strong{font-size:10px;line-height:1.35}
.modal-price{margin-top:13px;font-size:21px}.modal-price small{font-size:9px}
.modal-actions{margin-top:16px}

.tryon-modal{width:min(1180px,96vw);padding:30px}
.tryon-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:22px}
.camera-stage{min-height:555px;background:linear-gradient(145deg,#f7f8fa,#e9edf2);border:1px solid #e5e9ef}
.camera-placeholder{padding:35px}.camera-placeholder span{width:78px;height:78px;font-size:42px}.camera-placeholder strong{font-size:17px}.camera-placeholder small{max-width:300px;font-size:12px;line-height:1.55}
.tryon-selected-sample{position:absolute;z-index:8;right:13px;bottom:13px;width:112px;padding:8px;background:rgba(255,255,255,.96);border:1px solid #e2e7ed;border-radius:13px;box-shadow:0 8px 24px rgba(8,28,50,.16);text-align:center;backdrop-filter:blur(8px)}
.tryon-selected-sample>span{display:block;margin-bottom:5px;color:#7a8797;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.tryon-selected-sample img{display:block;width:82px;height:72px;margin:0 auto 5px;object-fit:contain;background:#faf8f3;border-radius:9px}
.tryon-selected-sample strong{display:block;overflow:hidden;color:#0b2342;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.tryon-selected-sample small{display:block;margin-top:2px;color:#8a6b1d;font-size:9px}
.camera-stage:not(.has-media) .tryon-product-overlay{opacity:0!important;visibility:hidden!important}

.pawn-quick-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.pawn-quick-actions .btn{display:inline-flex;text-decoration:none}
.pawn-estimator-section{padding-top:18px;background:linear-gradient(180deg,#fff,#fbf8f1)}
.pawn-estimator-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:34px;padding:32px;border:1px solid #e7dfcf;border-radius:24px;background:#fff;box-shadow:0 18px 44px rgba(13,34,58,.08)}
.pawn-estimator-copy h2{margin-top:8px;font-size:34px;line-height:1.1;color:var(--navy)}
.pawn-estimator-copy>p:not(.eyebrow){max-width:670px;margin-top:12px;color:var(--muted);font-size:13px;line-height:1.7}
.pawn-rate-bands{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:21px}.pawn-rate-bands>div{padding:13px 12px;border:1px solid #ead9a9;border-radius:13px;background:#fffaf0}.pawn-rate-bands span{display:block;color:#7c8794;font-size:10px;line-height:1.35}.pawn-rate-bands strong{display:block;margin-top:6px;color:#9b6d00;font-size:16px}.pawn-rate-components{margin-top:10px;padding:9px 12px;border-left:3px solid #d49a00;border-radius:8px;background:#fffaf0;color:#6f5c2c;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.01em}.pawn-rate-components span{color:#c5962c;margin:0 4px}
.pawn-estimator-note{padding:10px 12px;border-left:3px solid #d6a31f;background:#fffaf0;border-radius:0 9px 9px 0;font-size:10px!important;line-height:1.55!important}
.pawn-estimator-form{display:grid;gap:14px;padding:22px;border-radius:18px;background:#f8fafc;border:1px solid #e4e9ef}.pawn-estimator-form label{display:grid;gap:7px;color:#0b2342;font-size:11px;font-weight:800}.money-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#fff;border:1px solid #dce3ea;border-radius:11px;overflow:hidden}.money-input input{width:100%;min-height:48px;padding:0 13px;border:0;outline:0;background:transparent;color:#0b2342;font-size:17px;font-weight:800}.money-input span{padding:0 13px;color:#8b6b1c;font-size:11px;font-weight:800}
.pawn-estimator-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pawn-estimator-dates input{width:100%;min-height:44px;padding:0 10px;border:1px solid #dce3ea;border-radius:10px;background:#fff;color:#0b2342;font-size:12px}
.pawn-estimator-rate{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#fff7dc;border:1px solid #efd88b;border-radius:11px}.pawn-estimator-rate span{color:#74520b;font-size:10px}.pawn-estimator-rate strong{color:#9b6d00;font-size:18px;white-space:nowrap}
.pawn-estimator-result{min-height:124px}.pawn-estimator-empty{padding:22px 15px;color:#84909d;background:#fff;border:1px dashed #d6dee7;border-radius:13px;text-align:center;font-size:11px}.pawn-estimator-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pawn-estimator-result-grid>div{padding:10px 11px;background:#fff;border:1px solid #e2e7ed;border-radius:10px}.pawn-estimator-result-grid span{display:block;color:#8993a0;font-size:9px}.pawn-estimator-result-grid strong{display:block;margin-top:4px;color:#0b2342;font-size:12px}.pawn-estimator-result-grid .highlight{background:#fff7dc;border-color:#e9cd78}.pawn-estimator-result-grid .highlight strong{color:#9a6900;font-size:15px}.pawn-estimator-error{padding:15px;color:#a12c2c;background:#fff1f1;border:1px solid #f0c6c6;border-radius:11px;font-size:11px;line-height:1.5}

@media(max-width:900px){.product-modal{grid-template-columns:1fr;overflow:auto}.modal-product-gallery{min-height:500px;border-right:0;border-bottom:1px solid #ece6dc}.modal-product-info{overflow:visible}.pawn-estimator-shell{grid-template-columns:1fr}.pawn-rate-bands{grid-template-columns:1fr 1fr 1fr}.tryon-layout{grid-template-columns:1fr}.camera-stage{min-height:470px}}
@media(max-width:680px){.product-modal{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.modal-product-gallery{min-height:390px;padding:10px;grid-template-rows:minmax(300px,1fr) auto}.modal-product-image{min-height:300px}.modal-product-thumbs{min-height:58px}.modal-product-thumb{flex-basis:58px;width:58px;height:52px}.modal-product-info{padding:22px 16px 24px}.modal-product-info h2{font-size:28px}.modal-data-grid{grid-template-columns:1fr 1fr}.modal-label-row{grid-template-columns:1fr;gap:3px}.tryon-selected-sample{width:90px;padding:6px;right:8px;bottom:8px}.tryon-selected-sample img{width:66px;height:55px}.pawn-estimator-section{padding-top:8px}.pawn-estimator-shell{padding:18px 14px;border-radius:18px;gap:20px}.pawn-estimator-copy h2{font-size:27px}.pawn-rate-bands{grid-template-columns:1fr}.pawn-estimator-form{padding:15px}.pawn-estimator-dates{grid-template-columns:1fr}.pawn-estimator-result-grid{grid-template-columns:1fr 1fr}}

/* ================================================================
   KBL N10.1 · CLEAN SKY LUXURY UI + INTRO 3.8S
   CHỈ THẨM MỸ: không đổi API, giá, POS, CRM, Try-on, Share, Loyalty.
   ================================================================ */
:root{
  --sky:#eaf7ff;
  --sky-strong:#cfeaff;
  --sky-line:#d7e8f5;
  --lux-navy:#12355a;
  --lux-muted:#587189;
  --lux-gold:#d59a20;
  --lux-gold-bright:#efbd45;
}
body{background:linear-gradient(180deg,#f5fbff 0,#fff 31%,#fffdf8 100%)}
.topbar{color:#365a79;background:linear-gradient(90deg,#e8f5ff 0%,#f6fbff 55%,#fff9e9 100%);border-bottom:1px solid rgba(30,88,132,.08)}
.topbar-note{color:#5e768d}
.live-dot{background:#31bda1;box-shadow:0 0 0 4px rgba(49,189,161,.12)}
.site-header{color:var(--lux-navy);background:rgba(255,255,255,.965);border-bottom:1px solid #dce8f2;box-shadow:0 8px 26px rgba(39,85,122,.08);backdrop-filter:blur(18px)}
.brand-mark img{filter:drop-shadow(0 3px 8px rgba(184,128,14,.16))}
.brand-copy strong{color:#173b62}
.brand-copy small{color:#6f8294}
.main-nav a{color:#35536f}
.main-nav a:hover,.main-nav a.active{color:#a96f00}
.main-nav a::after{background:linear-gradient(90deg,#d49f13,#efbd45)}
.header-action{color:#fff;background:linear-gradient(135deg,#e0a326,#c78308);border:1px solid #d49a1e;box-shadow:0 8px 20px rgba(198,133,8,.16)}
.header-action:hover{color:#fff;background:linear-gradient(135deg,#edb63c,#bd7a05);box-shadow:0 11px 25px rgba(198,133,8,.22)}
.menu-toggle{border-color:#c9dbe9;background:#f7fbff}
.menu-toggle span{background:#173b62}

.hero{position:relative;overflow:hidden;min-height:640px;color:var(--lux-navy);background:#dff2ff}
.hero::before{content:"";position:absolute;inset:0;z-index:0;background-image:url('/reference-home/hero.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;filter:saturate(.96) brightness(1.035)}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(246,252,255,.985) 0%,rgba(242,250,255,.95) 29%,rgba(239,249,255,.70) 43%,rgba(239,249,255,.18) 59%,rgba(255,255,255,0) 74%)}
.hero-glow{display:none!important}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.94fr) minmax(320px,1.06fr);grid-template-rows:1fr auto;align-items:center;min-height:640px;gap:20px 30px;padding-top:46px;padding-bottom:26px}
.hero-copy{grid-column:1;grid-row:1;align-self:center;width:auto;max-width:650px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
.hero-air{grid-column:2;grid-row:1;min-height:460px;pointer-events:none}
.light-eyebrow{color:#8e650d}
.hero h1{max-width:650px;color:#14385f;font-size:clamp(44px,4.2vw,68px);line-height:1.04;letter-spacing:-.045em;text-shadow:0 2px 0 rgba(255,255,255,.65)}
.hero h1 em{color:#c98a10}
.hero-lead{max-width:535px;color:#486680;font-size:14px;line-height:1.78}
.hero-actions{margin-top:25px}
.hero .btn-gold{color:#fff;background:linear-gradient(135deg,#e3a624,#c98005);box-shadow:0 10px 24px rgba(196,128,5,.17)}
.hero .btn-outline-light{color:#173b62;background:rgba(255,255,255,.78);border:1px solid #8da9c1;box-shadow:0 8px 22px rgba(37,76,108,.06)}
.hero .btn-outline-light:hover{color:#173b62;background:#fff;border-color:#d2a23a}
.trust-row{color:#5b7186}
.trust-row b{color:#b67b05;background:#fff6d7}
.hero-benefit-row{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:12px;border:1px solid rgba(182,207,226,.82);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 32px rgba(46,91,126,.09);backdrop-filter:blur(12px)}
.hero-benefit{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:0;border-right:1px solid #e4edf4;border-radius:0;background:transparent;color:#173b62}
.hero-benefit:last-child{border-right:0}
.hero-benefit .benefit-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #efd790;border-radius:50%;color:#b97b04;background:#fffaf0;font-size:17px;font-weight:900}
.hero-benefit strong{display:block;color:#173b62;font-size:10.5px;line-height:1.3}
.hero-benefit small{display:block;margin-top:3px;color:#6f8192;font-size:9px;line-height:1.35}

.price-strip{background:linear-gradient(180deg,#f8fcff,#fff)}
.section{background:#fff}
.product-lanes{gap:20px}
.product-lane{background:#fff;border-color:#e0ebf3;border-radius:20px;box-shadow:0 12px 32px rgba(40,81,116,.055)}
.product-card{border-color:#e3ebf2;border-radius:16px;box-shadow:0 7px 20px rgba(39,80,115,.055)}
.product-card:hover{box-shadow:0 16px 34px rgba(39,80,115,.12);transform:translateY(-4px)}
.product-image{background:linear-gradient(180deg,#fff,#f8fbfd)}
.section-heading h2,.product-lane-head h3{color:#173b62}

/* Intro: một composition tĩnh đã duyệt + chuyển động cực nhẹ, không giả rồng bay. */
.kbl-intro{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 36%,#f8fdff 0%,#e7f6ff 45%,#cae9ff 100%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .48s ease,visibility .48s ease}
.kbl-intro.show{opacity:1;visibility:visible;pointer-events:auto}
.kbl-intro-stage{position:relative;height:min(100dvh,920px);aspect-ratio:941/1672;max-width:100vw;overflow:hidden;filter:drop-shadow(0 22px 50px rgba(37,92,135,.10));transform:scale(.988);opacity:0}
.kbl-intro.show .kbl-intro-stage{animation:kblCleanIntroStage 3.8s cubic-bezier(.2,.72,.2,1) both}
.kbl-intro-art{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.kbl-intro-stage::before{content:"";position:absolute;z-index:2;top:-14%;left:-75%;width:50%;height:128%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),rgba(255,245,194,.58),rgba(255,255,255,.05),transparent);filter:blur(8px);transform:rotate(12deg);pointer-events:none;animation:kblCleanIntroSweep 3.8s .5s ease-in-out both}
.kbl-intro-stage::after{content:"";position:absolute;z-index:1;left:50%;top:33%;width:44%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,239,168,.38),rgba(255,239,168,.10) 47%,transparent 72%);filter:blur(5px);pointer-events:none;animation:kblCleanIntroGlow 3.8s ease-in-out both}
.kbl-intro-skip{position:absolute;z-index:4;right:4.5%;bottom:3.2%;width:31%;height:8.5%;border:0;border-radius:999px;background:transparent;color:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.kbl-intro-skip:focus-visible{outline:3px solid rgba(191,135,18,.65);outline-offset:-5px}
body.kbl-intro-running{overflow:hidden}
body.kbl-intro-running #kbl-pwa-reload{display:none!important}
@keyframes kblCleanIntroStage{0%{opacity:0;transform:scale(.985)}18%{opacity:1}72%{opacity:1;transform:scale(1)}88%{opacity:1}100%{opacity:.98;transform:scale(1.004)}}
@keyframes kblCleanIntroSweep{0%,18%{left:-75%;opacity:0}34%{opacity:.72}63%{left:125%;opacity:.35}74%,100%{left:125%;opacity:0}}
@keyframes kblCleanIntroGlow{0%{opacity:.15;transform:translate(-50%,-50%) scale(.86)}45%{opacity:.88;transform:translate(-50%,-50%) scale(1.03)}78%,100%{opacity:.35;transform:translate(-50%,-50%) scale(1.08)}}

@media(max-width:980px){
  .site-header{background:rgba(255,255,255,.98)}
  .main-nav{background:rgba(255,255,255,.99);border-color:#d9e7f1;box-shadow:0 18px 34px rgba(34,75,108,.12)}
  .main-nav a{color:#294d6d}
  .main-nav a:hover,.main-nav a.active{color:#9d6a06;background:#fff8e7}
  .hero{min-height:760px;background:#edf8ff}
  .hero::before{background-size:auto 57%;background-position:70% 5%;filter:saturate(.92) brightness(1.06)}
  .hero::after{background:linear-gradient(180deg,rgba(244,251,255,.05) 0%,rgba(244,251,255,.08) 37%,rgba(246,252,255,.93) 55%,#f8fcff 70%,#f8fcff 100%)}
  .hero-grid{display:block;min-height:760px;padding-top:320px;padding-bottom:18px}
  .hero-copy{max-width:none;padding:22px 18px;border:1px solid rgba(203,222,235,.85);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 14px 32px rgba(49,87,117,.08);backdrop-filter:blur(11px)}
  .hero-air{display:none}
  .hero h1{font-size:clamp(34px,8vw,48px)}
  .hero-benefit-row{grid-template-columns:repeat(2,1fr);margin-top:12px;padding:8px;border-radius:16px}
  .hero-benefit{border-right:0;border-bottom:1px solid #e8eef3;padding:9px 8px}
  .hero-benefit:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:640px){
  .topbar{font-size:10px}.topbar-note{display:none}
  .header-inner{min-height:66px}.main-nav{top:calc(100% + 1px)}
  .brand-mark{width:40px;height:38px}.brand-mark img{width:40px;height:34px}.brand-copy strong{font-size:16px}
  .hero{min-height:720px}
  .hero::before{background-size:auto 48%;background-position:64% 4%}
  .hero-grid{min-height:720px;padding-top:285px}
  .hero-copy{padding:20px 16px}
  .hero-lead{font-size:13px;line-height:1.65}
  .hero-actions{gap:8px;margin-top:18px}.hero-actions .btn{min-height:44px;padding:10px 13px;font-size:11px}
  .trust-row{display:none}
  .hero-benefit-row{gap:0}
  .hero-benefit .benefit-icon{width:30px;height:30px;flex-basis:30px;font-size:15px}
  .hero-benefit strong{font-size:9.5px}.hero-benefit small{font-size:8px}
  .kbl-intro-stage{width:100vw;height:auto;max-height:100dvh}
}
@media(prefers-reduced-motion:reduce){.kbl-intro,.kbl-intro *{animation:none!important;transition:none!important}}

/* Chat nhìn sáng, rõ trạng thái và không làm người dùng tưởng bị đứng. */
.ai-chat-log{background:linear-gradient(180deg,#fbfdff,#f7fafc);border-color:#dbe5ee}
.ai-chat-bubble.bot{box-shadow:0 6px 18px rgba(14,43,72,.055)}
.ai-chat-status.busy{color:#9a6b00;font-weight:700}
.ai-chat-status.busy::before{content:"✦ ";color:#d9a51d}
@media(max-width:980px){.hero-copy{padding:24px 22px;background:linear-gradient(180deg,rgba(7,34,63,.72),rgba(12,51,85,.42))}}
@media(max-width:640px){.hero{min-height:710px}.hero::before{filter:brightness(1.22) saturate(1.02)}.hero-copy{padding:20px 17px;border-radius:20px}.kbl-intro-logo{width:92px;height:82px}.kbl-intro-card{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.kbl-intro,.kbl-intro *{animation:none!important;transition:none!important}.hero::before{filter:brightness(1.12)}}



/* KBL Feature Showcase V1 — form đầu trang + slider giới thiệu tiện ích */
.hero-quick-form{display:flex;align-items:center;gap:10px;width:min(100%,560px);margin-top:18px;padding:10px 11px 10px 14px;border:1px solid rgba(157,190,215,.82);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(32,77,111,.09);backdrop-filter:blur(12px)}
.hero-quick-form-copy{display:grid;gap:2px;min-width:126px}.hero-quick-form-copy strong{color:#173b62;font-size:11px}.hero-quick-form-copy small{color:#70879a;font-size:8.5px;line-height:1.35}.hero-tool-select{min-width:0;flex:1;height:42px;padding:0 34px 0 12px;color:#173b62;background:#fff;border:1px solid #d6e3ed;border-radius:10px;font-size:10px;font-weight:700}.hero-tool-go{flex:0 0 auto;height:42px;padding:0 15px;color:#fff;background:linear-gradient(135deg,#e5aa26,#c98206);border:0;border-radius:10px;font-size:10px;font-weight:900;box-shadow:0 8px 18px rgba(193,126,4,.16)}

.kbl-feature-showcase{position:relative;padding:34px 0 22px;background:linear-gradient(180deg,#f7fbfe 0%,#fff 100%)}
.kbl-feature-showcase .container{position:relative}
.kbl-slider-shell{position:relative;overflow:hidden;border:1px solid #dce7ef;border-radius:28px;background:#fff;box-shadow:0 22px 58px rgba(29,67,98,.10)}
.kbl-slider-track{display:flex;transition:transform .68s cubic-bezier(.22,.61,.36,1);will-change:transform}
.kbl-slide{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);align-items:stretch;min-width:100%;min-height:360px;overflow:hidden}
.kbl-slide::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.78),transparent 34%)}
.kbl-slide-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:48px 24px 48px 54px}
.kbl-slide-kicker{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#9b6806;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.kbl-slide-kicker::before{width:22px;height:1px;content:"";background:#c78b10}
.kbl-slide h2{max-width:570px;margin:0;color:#123a62;font-family:"Playfair Display",Georgia,serif;font-size:clamp(30px,3vw,48px);line-height:1.06;letter-spacing:-.025em}
.kbl-slide p{max-width:560px;margin:16px 0 0;color:#526c82;font-size:13px;line-height:1.72}
.kbl-slide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.kbl-slide-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border:0;border-radius:11px;font-size:11px;font-weight:900;text-decoration:none}.kbl-slide-btn.primary{color:#fff;background:linear-gradient(135deg,#e4aa27,#c57d04);box-shadow:0 10px 24px rgba(190,121,2,.16)}.kbl-slide-btn.secondary{color:#173b62;background:rgba(255,255,255,.76);border:1px solid #abc3d6}
.kbl-slide-art{position:relative;z-index:1;display:grid;place-items:center;overflow:hidden;min-height:360px;padding:34px}
.kbl-slide-art::after{position:absolute;inset:22px;content:"";border:1px solid rgba(255,255,255,.55);border-radius:30px;pointer-events:none}
.kbl-slide--size{background:linear-gradient(120deg,#f9fdff 0 46%,#d7f0ff 46% 100%)}
.kbl-slide--tryon{background:linear-gradient(120deg,#fffdf8 0 46%,#f6e7b8 46% 100%)}
.kbl-slide--pawn{background:linear-gradient(120deg,#f8fbff 0 46%,#d9e9f8 46% 100%)}
.kbl-slide--price{background:linear-gradient(120deg,#fffdf9 0 46%,#e9f5ef 46% 100%)}

.kbl-phone-demo{position:relative;width:220px;height:286px;padding:15px;border:7px solid #173b62;border-radius:34px;background:#fff;box-shadow:0 26px 54px rgba(15,49,79,.22);transform:rotate(4deg)}
.kbl-phone-notch{width:72px;height:8px;margin:0 auto 12px;border-radius:999px;background:#173b62}.kbl-camera-screen{position:relative;height:226px;overflow:hidden;border-radius:20px;background:linear-gradient(160deg,#e9f6ff,#cbe8f8)}
.kbl-hand-shape{position:absolute;right:30px;bottom:-8px;width:92px;height:190px;border-radius:58px 58px 30px 30px;background:linear-gradient(135deg,#f5ceb8,#eab99f);transform:rotate(8deg)}
.kbl-ring-guide{position:absolute;right:52px;bottom:94px;width:56px;height:24px;border:4px solid #d59a12;border-radius:50%;box-shadow:0 0 0 7px rgba(255,255,255,.45)}
.kbl-size-chip{position:absolute;left:14px;top:18px;padding:7px 9px;border-radius:9px;color:#123a62;background:rgba(255,255,255,.92);box-shadow:0 6px 16px rgba(38,82,115,.12);font-size:10px;font-weight:900}
.kbl-size-line{position:absolute;left:24px;right:24px;bottom:38px;height:2px;background:#123a62}.kbl-size-line::before,.kbl-size-line::after{position:absolute;top:-5px;width:2px;height:12px;content:"";background:#123a62}.kbl-size-line::before{left:0}.kbl-size-line::after{right:0}

.kbl-tryon-stage{position:relative;width:min(100%,420px);height:280px}.kbl-tryon-card-main{position:absolute;inset:18px 42px 8px;padding:24px;border:1px solid rgba(179,133,25,.32);border-radius:28px;background:rgba(255,255,255,.86);box-shadow:0 24px 50px rgba(102,77,16,.16);transform:rotate(-2deg)}
.kbl-tryon-card-main::before{position:absolute;right:42px;bottom:28px;width:116px;height:116px;content:"";border:15px solid #d6a21c;border-radius:50%;box-shadow:inset 0 0 0 4px #fff2b2,0 8px 28px rgba(134,93,7,.24)}
.kbl-tryon-card-main::after{position:absolute;right:84px;bottom:126px;width:32px;height:32px;content:"✦";display:grid;place-items:center;color:#fff;background:#eef8ff;border:3px solid #d8a51f;border-radius:50%;font-size:16px}
.kbl-tryon-label{display:inline-flex;padding:7px 9px;border-radius:9px;color:#75510a;background:#fff6d4;font-size:10px;font-weight:900}.kbl-tryon-card-main strong{display:block;max-width:150px;margin-top:20px;color:#123a62;font-family:"Playfair Display",serif;font-size:25px;line-height:1.1}.kbl-tryon-card-main small{display:block;max-width:150px;margin-top:9px;color:#6d7b88;line-height:1.45}

.kbl-calc-demo{width:min(100%,430px);padding:20px;border:1px solid #b9cfe0;border-radius:25px;background:rgba(255,255,255,.91);box-shadow:0 24px 50px rgba(26,67,100,.16)}.kbl-calc-display{display:grid;gap:6px;padding:16px 18px;border-radius:16px;color:#fff;background:#123a62}.kbl-calc-display span{font-size:9px;opacity:.76}.kbl-calc-display strong{font-family:"Playfair Display",serif;font-size:28px}.kbl-calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.kbl-calc-grid span{display:grid;place-items:center;min-height:42px;border:1px solid #dbe6ef;border-radius:11px;color:#173b62;background:#f8fbfd;font-size:11px;font-weight:800}.kbl-calc-grid span.gold{color:#fff;background:#d99a12;border-color:#d99a12}

.kbl-price-demo{position:relative;width:min(100%,460px);padding:22px;border:1px solid #bcd9cb;border-radius:25px;background:rgba(255,255,255,.92);box-shadow:0 24px 50px rgba(35,93,67,.14)}.kbl-live-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;color:#087f74;background:#eaf8f3;font-size:9px;font-weight:900}.kbl-live-badge::before{width:7px;height:7px;content:"";border-radius:50%;background:#31c79d;box-shadow:0 0 0 4px rgba(49,199,157,.13)}.kbl-price-demo h3{margin:16px 0 4px;color:#123a62;font-family:"Playfair Display",serif;font-size:25px}.kbl-price-value{display:flex;align-items:flex-end;gap:10px}.kbl-price-value strong{color:#b87702;font-size:27px}.kbl-price-value small{padding-bottom:4px;color:#6b7f90}.kbl-mini-chart{display:flex;align-items:flex-end;gap:7px;height:88px;margin-top:18px;padding:0 4px 4px;border-bottom:1px solid #dbe8e2}.kbl-mini-chart i{display:block;flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#e3b033,#c98a0a)}.kbl-mini-chart i:nth-child(1){height:32%}.kbl-mini-chart i:nth-child(2){height:48%}.kbl-mini-chart i:nth-child(3){height:41%}.kbl-mini-chart i:nth-child(4){height:68%}.kbl-mini-chart i:nth-child(5){height:58%}.kbl-mini-chart i:nth-child(6){height:83%}.kbl-mini-chart i:nth-child(7){height:74%}

.kbl-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px 15px;border-top:1px solid #e8eef3;background:rgba(255,255,255,.92)}.kbl-slider-dots{display:flex;align-items:center;gap:8px}.kbl-slider-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#cbd8e2;transition:width .25s ease,background .25s ease}.kbl-slider-dot.active{width:26px;border-radius:999px;background:#d79a13}.kbl-slider-arrows{display:flex;gap:8px}.kbl-slider-arrow{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #d5e1e9;border-radius:50%;color:#173b62;background:#fff;font-size:17px;font-weight:900}.kbl-slider-progress{flex:1;height:3px;overflow:hidden;border-radius:999px;background:#edf2f5}.kbl-slider-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#d69a13,#f0c75b)}

@keyframes kblSliderProgress{from{width:0}to{width:100%}}
@media (prefers-reduced-motion:reduce){.kbl-slider-track{transition:none}.kbl-slider-progress span{animation:none!important}}
@media(max-width:900px){.hero-quick-form{width:100%}.kbl-slide{grid-template-columns:1fr;min-height:0}.kbl-slide-copy{padding:34px 28px 22px}.kbl-slide-art{min-height:300px;padding:22px}.kbl-slide--size,.kbl-slide--tryon,.kbl-slide--pawn,.kbl-slide--price{background:linear-gradient(180deg,#f9fcff 0 48%,#e2f2fb 48% 100%)}.kbl-slider-controls{padding-inline:14px}}
@media(max-width:640px){.hero-quick-form{display:grid;grid-template-columns:1fr auto;padding:10px;margin-top:14px}.hero-quick-form-copy{grid-column:1/-1}.hero-tool-select{width:100%;font-size:11px}.kbl-feature-showcase{padding:18px 0 12px}.kbl-slider-shell{border-radius:20px}.kbl-slide-copy{padding:26px 20px 18px}.kbl-slide h2{font-size:32px}.kbl-slide p{font-size:12px}.kbl-slide-art{min-height:250px}.kbl-phone-demo{transform:scale(.82) rotate(3deg)}.kbl-tryon-stage{transform:scale(.9)}.kbl-slider-progress{display:none}.kbl-slider-arrows{margin-left:auto}}


  :root{--approved-cream:#fbf5ec;--approved-cream-2:#f3e7d7;--approved-navy:#0b2b55;--approved-navy-2:#123a68;--approved-gold:#c89117;--approved-gold-soft:#e6bd68;--approved-line:#ead7b4}
  body{background:linear-gradient(180deg,#fff 0%,#fffdf9 38%,#fbf7ef 100%)!important}
  .container{width:min(1320px,calc(100% - 44px))!important}
  .topbar{color:#3e4a58!important;background:#faf7f0!important;border-bottom:1px solid #e9e1d5!important;font-size:11px!important}
  .approved-topbar-inner{min-height:42px!important;gap:22px!important}
  .topbar-points{display:flex;align-items:center;gap:22px;min-width:0}.topbar-points>span,.topbar-points>a{white-space:nowrap}.topbar-points--right{margin-left:auto;justify-content:flex-end}
  .site-header{position:sticky!important;top:0!important;color:#1c2d43!important;background:rgba(255,253,249,.985)!important;border-bottom:1px solid #eee4d4!important;box-shadow:0 9px 26px rgba(51,45,35,.055)!important;backdrop-filter:blur(16px)!important}
  .header-inner{min-height:94px!important;gap:22px!important}.brand{gap:11px!important}.brand-mark{width:58px!important;height:58px!important}.brand-mark img{width:58px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 3px 6px rgba(97,67,10,.12))!important}.brand-copy strong{color:#173455!important;font-size:22px!important}.brand-copy small{color:#6e6d69!important;font-size:8px!important}
  .main-nav{height:94px!important;gap:3px!important}.main-nav a{color:#313d4c!important;font-family:Georgia,"Times New Roman",serif!important;font-size:14px!important;font-weight:600!important}.main-nav a:hover,.main-nav a.active{color:#b2780b!important}.main-nav a::after{background:#c98c12!important;bottom:22px!important}
  .header-account,.header-cart{min-height:44px!important;padding:10px 14px!important;color:#242f3d!important;background:#fff!important;border:1px solid #d8d4cd!important;border-radius:10px!important;box-shadow:none!important}.header-action{min-height:44px!important;padding:10px 18px!important;color:#fff!important;background:linear-gradient(135deg,#dda11e,#bd7c08)!important;border:1px solid #cf8d14!important;border-radius:10px!important;box-shadow:0 8px 18px rgba(186,122,9,.14)!important}.cart-count{background:#343c45!important;color:#fff!important}.cart-count.is-zero{background:#343c45!important;color:#fff!important}
  .approved-hero{position:relative!important;overflow:visible!important;min-height:540px!important;padding:0 0 78px!important;background:linear-gradient(90deg,#fbf6ef 0%,#fbf6ef 42%,#f3e8da 100%)!important;border-radius:0!important}
  .approved-hero-shell{position:relative!important;display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr)!important;align-items:stretch!important;min-height:540px!important;padding:0!important}
  .approved-hero-copy{position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;justify-content:center!important;max-width:610px!important;padding:36px 38px 38px 26px!important}
  .approved-hero-copy::before{position:absolute;inset:0 -150px 0 -40vw;z-index:-1;content:"";background:linear-gradient(90deg,#fbf6ef 0%,#fbf6ef 76%,rgba(251,246,239,.92) 88%,rgba(251,246,239,0) 100%)}
  .approved-hero-brand{display:grid;justify-items:start;width:max-content;margin:0 0 15px 38px}.approved-hero-brand img{width:90px;height:76px;object-fit:contain;justify-self:center;filter:drop-shadow(0 4px 9px rgba(132,91,13,.13))}.approved-hero-brand strong{margin-top:-4px;color:#a87518;font-family:"Playfair Display",Georgia,serif;font-size:28px;letter-spacing:.06em}.approved-hero-brand span{display:block;width:178px;height:1px;margin:6px auto 0;background:linear-gradient(90deg,transparent,#c69532,transparent)}
  .approved-hero-kicker{margin:0 0 18px;color:#b17a15;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.approved-hero-copy h1{margin:0;color:#153456;font-family:"Playfair Display",Georgia,serif;font-size:clamp(48px,4.4vw,68px);font-weight:600;line-height:1.06;letter-spacing:-.025em}.approved-gold-rule{display:flex;align-items:center;gap:12px;width:300px;margin:20px 0 16px;color:#bd861a}.approved-gold-rule i{height:1px;flex:1;background:#d5a846}.approved-gold-rule b{font-size:11px}.approved-hero-lead{max-width:520px;margin:0;color:#4d5260;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.65}.approved-hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.approved-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:190px;min-height:52px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:800;transition:.2s ease}.approved-btn--navy{color:#fff;background:#123764;box-shadow:0 10px 22px rgba(18,55,100,.12)}.approved-btn--navy:hover{background:#0d2c53;transform:translateY(-1px)}.approved-btn--light{color:#b27508;background:#fffdfa;border:1px solid #dcb86f}.approved-btn--light:hover{background:#fff8e9;transform:translateY(-1px)}
  .approved-hero-art{position:relative!important;z-index:1!important;min-height:540px!important;background-image:linear-gradient(90deg,rgba(251,246,239,.28),rgba(251,246,239,0) 22%),url('/reference-home/hero.jpg')!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important}
  .approved-quick-card{position:absolute;z-index:5;right:18px;top:64px;width:245px;padding:20px 18px;color:#fff;background:linear-gradient(180deg,#113762,#0d2b50);border:1px solid rgba(230,188,95,.35);border-radius:18px;box-shadow:0 18px 38px rgba(17,47,82,.22)}.approved-quick-title{text-align:center;color:#f2c969;font-family:"Playfair Display",Georgia,serif;font-size:15px;font-weight:800;letter-spacing:.05em}.approved-quick-title span{display:block;margin-top:3px}.approved-quick-card a,.approved-quick-card button{display:flex;align-items:center;gap:13px;width:100%;padding:15px 2px;color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.17);text-align:left}.approved-quick-card a:last-child,.approved-quick-card button:last-child{border-bottom:0}.approved-quick-card b{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;color:#efbf51;font-size:22px}.approved-quick-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:14px}.approved-quick-card small{display:block;margin-top:4px;color:rgba(255,255,255,.70);font-size:10px;line-height:1.35}.approved-quick-card a:hover,.approved-quick-card button:hover{background:rgba(255,255,255,.035)}
  .approved-assurance-row{position:absolute;z-index:8;left:50%;bottom:-52px;display:grid;grid-template-columns:repeat(4,1fr);width:min(1180px,calc(100% - 90px));transform:translateX(-50%);overflow:hidden;background:rgba(255,253,249,.97);border:1px solid var(--approved-line);border-radius:18px;box-shadow:0 18px 38px rgba(75,61,38,.10);backdrop-filter:blur(8px)}.approved-assurance-row article{display:flex;align-items:center;gap:15px;min-height:104px;padding:18px 22px}.approved-assurance-row article+article{border-left:1px solid #eee0ca}.approved-assurance-row article>span{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;color:#c28d1d;border:1px solid #e3c98f;border-radius:50%;background:#fffaf1;font-size:24px}.approved-assurance-row strong{display:block;color:#2b3340;font-family:Georgia,"Times New Roman",serif;font-size:14px}.approved-assurance-row small{display:block;margin-top:5px;color:#6a6d73;font-family:Georgia,"Times New Roman",serif;font-size:12px;line-height:1.45}
  .price-strip{padding-top:38px!important;background:linear-gradient(180deg,#fffaf4 0%,#fff 100%)!important}.price-heading{display:none!important}.price-grid{display:none!important}.price-board{border:1px solid #e8d9c1!important;border-radius:18px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 15px 38px rgba(71,58,35,.06)!important}.price-board-head{padding:24px 26px 17px!important;border-bottom:0!important}.price-board-head .eyebrow{color:#b27b12!important}.price-board-head h3{font-family:"Playfair Display",Georgia,serif!important;font-size:25px!important;color:#173455!important}.price-board-toolbar{padding:0 26px 12px!important}.price-table-wrap{margin:0 26px!important;border:1px solid #ede3d3!important;border-radius:10px!important}.price-table th{padding:13px 12px!important;color:#687181!important;background:#faf8f4!important;font-size:11px!important}.price-table td{padding:14px 12px!important;font-size:13px!important}.price-table td:first-child{color:#173455!important;font-weight:800!important}.price-table td:nth-child(2),.price-table td:nth-child(3){color:#a96800!important;font-weight:900!important;font-size:15px!important}.price-table td:nth-child(4),.price-table td:nth-child(5){color:#313a47!important;font-weight:700!important}.price-history-row{padding:18px 26px 20px!important}.market-tab.active{color:#a76d00!important;background:#fff3d5!important;border-color:#e1bd66!important}.refresh-price{color:#a76d00!important;background:#fffaf0!important;border-color:#e2c783!important}
  .kbl-feature-showcase{padding-top:18px!important;background:linear-gradient(180deg,#fff,#fffaf4)!important}.kbl-slider-shell{border-color:#eadcc6!important;box-shadow:0 16px 36px rgba(83,65,33,.07)!important}
  @media(max-width:1180px){.header-inner{gap:12px!important}.main-nav a{padding-inline:9px!important;font-size:12px!important}.approved-hero-shell{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr)!important}.approved-quick-card{right:8px;width:220px}.approved-assurance-row{width:calc(100% - 50px)}}
  @media(max-width:980px){.topbar-points span:nth-child(2),.topbar-points span:nth-child(3),.topbar-points--right a{display:none}.approved-topbar-inner{justify-content:space-between}.site-header{background:#fffdf9!important}.approved-hero{padding-bottom:86px!important}.approved-hero-shell{display:block!important;min-height:760px!important}.approved-hero-art{position:absolute!important;inset:0 0 auto 0!important;height:345px!important;min-height:0!important;background-size:cover!important;background-position:center 52%!important}.approved-hero-copy{padding:350px 22px 22px!important;max-width:none!important}.approved-hero-copy::before{inset:320px 0 0!important;background:linear-gradient(180deg,rgba(251,246,239,.15),#fbf6ef 15%,#fbf6ef 100%)}.approved-hero-brand{display:none}.approved-hero-kicker{margin-bottom:12px}.approved-hero-copy h1{font-size:clamp(38px,8vw,54px)}.approved-quick-card{position:relative!important;right:auto!important;top:auto!important;width:auto!important;margin:0 22px 18px!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important}.approved-quick-title{grid-column:1/-1}.approved-quick-card a,.approved-quick-card button{border-bottom:1px solid rgba(255,255,255,.15)!important}.approved-assurance-row{position:relative!important;left:auto!important;bottom:auto!important;width:auto!important;margin:0 22px!important;transform:none!important;grid-template-columns:repeat(2,1fr)!important}.approved-assurance-row article:nth-child(3){border-left:0!important;border-top:1px solid #eee0ca}.approved-assurance-row article:nth-child(4){border-top:1px solid #eee0ca}.price-strip{padding-top:20px!important}.main-nav{background:#fffdf9!important;border-color:#eadfce!important}.main-nav a{color:#303a49!important}}
  @media(max-width:640px){.container{width:min(100% - 24px,1320px)!important}.topbar-points{gap:8px}.header-inner{min-height:70px!important}.brand-mark{width:44px!important;height:44px!important}.brand-mark img{width:44px!important;height:44px!important}.brand-copy strong{font-size:17px!important}.brand-copy small{font-size:7px!important}.approved-hero-shell{min-height:0!important}.approved-hero-art{height:265px!important}.approved-hero-copy{padding:285px 14px 18px!important}.approved-hero-copy h1{font-size:38px!important}.approved-hero-lead{font-size:14px}.approved-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.approved-btn{min-width:0!important;padding:0 14px!important;font-size:12px!important}.approved-gold-rule{width:230px}.approved-quick-card{grid-template-columns:1fr!important;margin-inline:12px!important}.approved-quick-title{grid-column:auto}.approved-assurance-row{grid-template-columns:1fr!important;margin-inline:12px!important}.approved-assurance-row article+article{border-left:0!important;border-top:1px solid #eee0ca}.price-board-head,.price-board-toolbar,.price-history-row{padding-left:14px!important;padding-right:14px!important}.price-table-wrap{margin:0 14px!important}.price-table{min-width:720px!important}}


  /* LOCK: giữ hero/header approved; chỉ hoàn thiện khu bảng giá theo mẫu đã duyệt. */
  .price-strip{
    padding:28px 0 38px!important;
    background:linear-gradient(180deg,#fffdf8 0%,#fff9ef 48%,#fffdf9 100%)!important;
  }
  .price-strip>.container{
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .price-heading{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:22px!important;
    margin:0 0 16px!important;
    padding:0 6px!important;
  }
  .price-heading .eyebrow{margin:0 0 6px!important;color:#a66d08!important;font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important}
  .price-heading h2{margin:0!important;color:#173455!important;font-family:"Playfair Display",Georgia,serif!important;font-size:30px!important;line-height:1.05!important}
  .updated-at{align-self:center!important;color:#6e747c!important;font-size:11px!important}
  .updated-at strong{color:#28384b!important;font-weight:900!important}

  .price-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    margin:0 0 14px!important;
  }
  .price-card{
    min-height:132px!important;
    padding:18px 20px 16px!important;
    border:1px solid #ead39c!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#fffaf0 0%,#fff4d2 100%)!important;
    box-shadow:0 8px 22px rgba(125,91,25,.045)!important;
  }
  .price-card-head{margin-bottom:14px!important}
  .price-card h3{color:#986409!important;font-size:17px!important;font-weight:900!important}
  .price-value span{color:#8a7352!important;font-size:10px!important;font-weight:700!important}
  .price-value strong{
    color:#102c50!important;
    font-size:22px!important;
    font-weight:900!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }
  .price-card-foot{margin-top:13px!important;color:#7d7465!important;font-size:9.5px!important}

  .price-board{
    margin-top:0!important;
    padding:0 0 16px!important;
    overflow:hidden!important;
    border:1px solid #e8d9c1!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 13px 32px rgba(71,58,35,.055)!important;
  }
  .price-board-head{
    padding:18px 20px 12px!important;
    border-bottom:1px solid #eee6db!important;
  }
  .price-board-head .eyebrow{margin-bottom:5px!important;color:#a96f06!important;font-size:10px!important;letter-spacing:.12em!important}
  .price-board-head h3{font-size:21px!important;line-height:1.1!important}
  .price-board-toolbar{padding:10px 20px 10px!important}
  .market-tab{min-height:34px!important;padding:7px 13px!important;font-size:10px!important}
  .date-filter{font-size:9px!important}.date-filter select{min-height:34px!important;font-size:10px!important}
  .data-badge,.refresh-price{min-height:34px!important;font-size:9px!important}
  .price-table-wrap{margin:0 20px!important;border:1px solid #ece4d9!important;border-radius:8px!important;overflow:auto!important}
  .price-table{width:100%!important;min-width:880px!important}
  .price-table th{
    padding:10px 12px!important;
    color:#687181!important;
    background:#faf8f4!important;
    font-size:10px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .price-table td{padding:11px 12px!important;font-size:11.5px!important}
  .price-table td:first-child{color:#173455!important;font-weight:900!important}
  /* Thứ tự cột đã khóa: Loại vàng | Mua vào | Bán ra | Tuổi/hàm lượng | Đơn vị | Biến động */
  .price-table td:nth-child(2),
  .price-table td:nth-child(3){
    color:#a86800!important;
    font-size:12.5px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .price-table td:nth-child(4),
  .price-table td:nth-child(5){color:#344052!important;font-weight:650!important;white-space:nowrap!important}
  .price-history-row{padding:16px 20px 0!important}

  /* Mobile giữ nguyên dữ liệu, chỉ xếp lại để không vỡ. */
  @media(max-width:900px){
    .price-grid{grid-template-columns:1fr!important}
    .price-heading{align-items:flex-start!important;flex-direction:column!important}
    .price-card{min-height:118px!important}
    .price-value strong{font-size:20px!important}
  }


/* KBL PRODUCTION LOCK · SCROLL FIX FINAL 2026-08-27
   CHỈ sửa cơ chế cuộn modal Xem chi tiết.
   Desktop: ảnh đứng yên, cột phải cuộn thật.
   Mobile: giữ cuộn toàn modal như thiết kế hiện tại. */
@media (min-width:901px){
  #product-modal.modal-backdrop{
    overflow:hidden !important;
  }

  #product-modal .product-modal{
    height:min(860px,calc(100dvh - 34px)) !important;
    max-height:min(860px,calc(100dvh - 34px)) !important;
    min-height:0 !important;
    overflow:hidden !important;
    align-items:stretch !important;
  }

  #product-modal .modal-product-gallery{
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    overscroll-behavior:contain;
  }

  #product-modal .modal-product-image{
    min-height:0 !important;
    height:100% !important;
  }

  #product-modal .modal-product-info{
    align-self:stretch !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow-x:hidden !important;
    overflow-y:scroll !important;
    padding-bottom:52px !important;
    scrollbar-gutter:stable;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:auto;
    scrollbar-color:#91a5b8 #edf2f6;
  }

  #product-modal .modal-product-info::-webkit-scrollbar{
    width:12px;
  }
  #product-modal .modal-product-info::-webkit-scrollbar-track{
    background:#edf2f6;
    border-radius:999px;
  }
  #product-modal .modal-product-info::-webkit-scrollbar-thumb{
    background:#91a5b8;
    border:2px solid #edf2f6;
    border-radius:999px;
    min-height:52px;
  }
  #product-modal .modal-product-info::-webkit-scrollbar-thumb:hover{
    background:#667f96;
  }
}

@media (max-width:900px){
  #product-modal.modal-backdrop{
    overflow:auto !important;
  }
  #product-modal .product-modal{
    height:auto !important;
  }
  #product-modal .modal-product-gallery{
    height:auto !important;
  }
  #product-modal .modal-product-info{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}


/* KBL Mobile Catalog 2 cột · 27/08/2026 */
@media (max-width:560px){
  .product-lane{padding:12px 9px 14px!important;border-radius:15px!important}
  .product-lane-head{gap:8px!important}
  .product-lane-head h3{font-size:19px!important;line-height:1.2!important}
  .product-lane-head p{font-size:10px!important;line-height:1.45!important}
  .product-lane .product-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:13px!important}
  .product-card{min-width:0!important;border-radius:12px!important;box-shadow:0 5px 15px rgba(39,80,115,.065)!important}
  .product-card:hover{transform:none!important}
  .product-image{height:auto!important;aspect-ratio:1/1!important}
  .stock-chip,.gold-chip{top:6px!important;padding:3px 5px!important;font-size:7.4px!important;line-height:1.15!important;border-radius:5px!important}
  .stock-chip{left:6px!important;max-width:68%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .gold-chip{right:6px!important}
  .product-body{padding:9px 8px 10px!important}
  .product-body h3{font-size:12.5px!important;line-height:1.25!important;min-height:31px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .product-meta{gap:4px!important;margin-top:5px!important;font-size:8.4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .product-price{display:block!important;margin-top:7px!important}
  .product-price strong{display:block!important;font-size:13.5px!important;line-height:1.2!important;white-space:nowrap!important}
  .product-price small{display:none!important}
  .product-card-actions{grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:8px!important}
  .product-button,.product-try-button{min-height:34px!important;padding:6px 3px!important;border-radius:7px!important;font-size:8.5px!important;line-height:1.15!important;white-space:normal!important}
  .product-card-utility{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:5px!important}
  .product-utility-btn{min-height:31px!important;padding:5px 2px!important;border-radius:7px!important;font-size:8.1px!important;line-height:1.1!important}
  .floating-contact{right:6px!important;gap:6px!important}
  .floating-contact-btn{width:38px!important;min-width:38px!important;min-height:38px!important;height:38px!important}
  .floating-contact-logo{width:19px!important;height:19px!important;font-size:12px!important}
  .floating-top{font-size:18px!important}
}
@media (max-width:360px){
  .container{width:min(100% - 16px,600px)!important}
  .product-lane{padding-left:7px!important;padding-right:7px!important}
  .product-lane .product-grid,.product-grid{gap:7px!important}
  .product-body{padding-left:6px!important;padding-right:6px!important}
  .product-button,.product-try-button{font-size:8px!important}
  .product-utility-btn{font-size:7.7px!important}
}


/* KBL 28/08/2026 · additive UI: featured catalog + compact contact + feedback video */
.customer-message-section{background:#fbfcfe;border-top:1px solid #f0f2f5}.customer-message-video-wrap{display:flex;justify-content:center;margin-top:24px}.customer-message-video{display:block;width:min(430px,100%);max-height:72vh;aspect-ratio:9/16;object-fit:cover;background:#06182f;border:1px solid #e6e9ee;border-radius:20px;box-shadow:0 22px 55px rgba(11,35,66,.14)}
.floating-contact-menu{display:none;flex-direction:column;align-items:flex-end;gap:9px}.floating-contact.is-open .floating-contact-menu{display:flex}.floating-contact-toggle{background:#0b3158}.floating-feedback{background:#a46f05}.floating-contact.is-open .floating-contact-toggle{background:#7b8794}.floating-contact.is-open .floating-contact-toggle .floating-contact-logo{font-size:0}.floating-contact.is-open .floating-contact-toggle .floating-contact-logo::before{content:'×';font-size:20px}.feedback-modal{width:min(560px,calc(100% - 24px));padding:26px}.feedback-modal h2{margin:4px 36px 8px 0;color:var(--navy);font-family:"Playfair Display",Georgia,serif;font-size:30px;line-height:1.15}.feedback-form{display:grid;gap:12px;margin-top:18px}.feedback-form label{display:grid;gap:6px;color:#334155;font-size:12px;font-weight:800}.feedback-form select,.feedback-form textarea{width:100%;padding:11px 12px;color:var(--ink);background:#fff;border:1px solid #d7e0e9;border-radius:10px}.feedback-form textarea{resize:vertical;line-height:1.55}.feedback-form .btn{justify-self:start}.feedback-status{min-height:18px;margin:0;color:#087f74;font-size:12px;font-weight:700;line-height:1.45}.feedback-status.error{color:#a61b2b}
@media(max-width:680px){.customer-message-video{width:min(100%,390px);max-height:none;border-radius:16px}.floating-contact-menu{gap:6px}.floating-contact.is-open .floating-contact-menu{display:flex!important}.floating-contact-menu .floating-contact-btn{display:inline-flex!important}.floating-contact-toggle{display:inline-flex!important}.feedback-modal{padding:22px 15px}.feedback-modal h2{font-size:25px}.feedback-form .btn{width:100%}}


.pendant-composer-modal{width:min(980px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:26px}
.pendant-composer-head{display:grid;grid-template-columns:120px 1fr;gap:15px;align-items:center;margin-top:14px;padding:13px;border:1px solid #ead9a5;border-radius:15px;background:#fffaf0}
.pendant-composer-head img{width:120px;height:120px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #eee5d5}
.pendant-composer-head h3{margin:0 0 5px;color:var(--navy);font-size:20px}.pendant-composer-head p{margin:3px 0;color:#64748b;font-size:12px}
.pendant-chain-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:20px}.pendant-chain-title h3{margin:0;color:var(--navy)}.pendant-chain-title small{color:#64748b}
.pendant-chain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:11px}
.pendant-chain-card{display:grid;grid-template-columns:76px 1fr;gap:10px;min-width:0;padding:10px;border:1px solid #e3e8ee;border-radius:13px;background:#fff}
.pendant-chain-card.selected{border-color:#d9a51d;box-shadow:0 0 0 2px rgba(217,165,29,.14);background:#fffdf5}
.pendant-chain-card img{width:76px;height:76px;object-fit:contain;border-radius:9px;background:#f8fafc}.pendant-chain-card h4{margin:1px 0 4px;font-size:13px;color:var(--navy)}
.pendant-chain-card p{margin:2px 0;color:#64748b;font-size:10px;line-height:1.35}.pendant-chain-card strong{display:block;margin-top:5px;color:#a36f00;font-size:12px}
.pendant-chain-card button{margin-top:7px;padding:7px 9px;border:0;border-radius:8px;background:#0b3158;color:#fff;font-size:10px;font-weight:900;cursor:pointer}
.pendant-chain-empty{margin-top:11px;padding:14px;border:1px dashed #d9c99b;border-radius:12px;background:#fffdf6;color:#6e5a24;font-size:12px;line-height:1.55}
.pendant-combo-summary{margin-top:17px;padding:14px;border:1px solid #d9bd63;border-radius:14px;background:linear-gradient(145deg,#fffdf7,#fff8df)}
.pendant-combo-summary.hidden{display:none}.pendant-combo-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.pendant-combo-item{display:grid;grid-template-columns:58px 1fr;gap:9px;align-items:center;min-width:0}.pendant-combo-item img{width:58px;height:58px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid #eadfca}
.pendant-combo-item strong{display:block;font-size:12px;color:var(--navy)}.pendant-combo-item small{display:block;margin-top:3px;color:#64748b;font-size:10px}.pendant-combo-plus{color:#b68008;font-size:25px;font-weight:900}
.pendant-combo-total{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid #ead9a5}.pendant-combo-total strong{color:#a36f00}
.pendant-combo-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.pendant-combo-actions button{min-height:42px;padding:9px;border:1px solid #d9e0e8;border-radius:9px;background:#fff;color:#0b3158;font-size:10.5px;font-weight:900;cursor:pointer}
.pendant-combo-actions .primary{border-color:#c89410;background:linear-gradient(135deg,#f4ca55,#d79c13);color:#071d38}.pendant-combo-actions button:disabled{opacity:.48;cursor:not-allowed}
#modal-pendant-compose{border-color:#d6ad38;background:#fff6d8;color:#745500}
@media(max-width:760px){.pendant-composer-modal{padding:21px 13px}.pendant-composer-head{grid-template-columns:88px 1fr}.pendant-composer-head img{width:88px;height:88px}.pendant-chain-grid{grid-template-columns:1fr}.pendant-combo-pair{grid-template-columns:1fr}.pendant-combo-plus{text-align:center;line-height:1}.pendant-combo-actions{grid-template-columns:1fr 1fr}}

/* KBL INTERNATIONAL V4 · AUTO BILINGUAL + LANDED TOTAL + PAYPAL */
.kbl-intl-controls{display:flex;align-items:center;gap:7px;margin-left:4px;white-space:nowrap;z-index:90}.kbl-intl-controls.kbl-intl-floating{position:fixed;right:14px;top:14px;padding:6px;border:1px solid #e5ded1;border-radius:12px;background:#fffdf9;box-shadow:0 8px 22px rgba(0,0,0,.09)}
.kbl-intl-lang{display:inline-flex;overflow:hidden;border:1px solid #d8d4cd;border-radius:10px;background:#fff}.kbl-intl-lang button{min-height:40px;min-width:39px;padding:0 8px;border:0;border-right:1px solid #ebe7df;background:#fff;color:#607084;font:800 10px/1 "Be Vietnam Pro",Arial,sans-serif;cursor:pointer}.kbl-intl-lang button:last-child{border-right:0}.kbl-intl-lang button.active{background:#0b2342;color:#fff}.kbl-intl-select{min-height:40px;border:1px solid #d8d4cd;border-radius:10px;background:#fff;color:#173455;font:800 11px/1 "Be Vietnam Pro",Arial,sans-serif;padding:0 9px;cursor:pointer}.kbl-intl-select:focus,.kbl-intl-lang button:focus{outline:2px solid #e2b64e;outline-offset:2px}
.kbl-intl-banner{margin:18px auto 0;width:min(1320px,calc(100% - 32px));padding:13px 16px;border:1px solid #e5d6aa;border-radius:14px;background:linear-gradient(135deg,#fffdf5,#fff8e5);color:#173455;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;box-shadow:0 8px 24px rgba(42,62,80,.06)}.kbl-intl-banner b{color:#8f6500}.kbl-intl-banner button{border:0;border-radius:999px;background:#173455;color:#fff;padding:9px 13px;font-weight:800;cursor:pointer}
.kbl-intl-payment-banner{position:relative;margin:14px auto;width:min(1320px,calc(100% - 32px));padding:14px 44px 14px 16px;border-radius:13px;border:1px solid #bddfd2;background:#effbf6;color:#135e47;font-size:12px;line-height:1.55}.kbl-intl-payment-banner.error{border-color:#efc7c3;background:#fff4f2;color:#8b332b}.kbl-intl-payment-banner button{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:22px;cursor:pointer;color:inherit}
.kbl-intl-shipping{margin:32px auto;width:min(1320px,calc(100% - 32px));padding:28px;border:1px solid #e7dfd2;border-radius:22px;background:#fff;box-shadow:0 16px 44px rgba(11,35,66,.08)}.kbl-intl-shipping h2{margin:0 0 7px;color:#173455;font-family:"Playfair Display",Georgia,serif;font-size:clamp(27px,3vw,38px)}.kbl-intl-shipping p{color:#697584;line-height:1.65}.kbl-intl-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-top:18px}.kbl-intl-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kbl-intl-form label{display:grid;gap:6px;color:#34485f;font-size:11px;font-weight:800}.kbl-intl-form input,.kbl-intl-form select{width:100%;min-height:44px;border:1px solid #d9dfe5;border-radius:10px;padding:0 12px;font:500 13px "Be Vietnam Pro",Arial,sans-serif;background:#fff}.kbl-intl-wide{grid-column:1/-1}.kbl-intl-calc{grid-column:1/-1;min-height:46px;border:0;border-radius:11px;background:linear-gradient(135deg,#d9a51d,#b97908);color:#fff;font-weight:900;cursor:pointer}.kbl-intl-result{min-height:100%;padding:18px;border:1px solid #e5e8ec;border-radius:16px;background:#f8fafc;color:#173455}.kbl-intl-result .row{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid #e7ebef;font-size:12px}.kbl-intl-result .total{font-size:16px;font-weight:900;border-top:2px solid #d9a51d;border-bottom:0;margin-top:6px;padding-top:14px}.kbl-intl-result .paynow{margin-top:8px;padding:10px 0 0;color:#08734d;font-size:13px;font-weight:900}.kbl-intl-result .note{display:block;margin-top:12px;color:#7a8592;font-size:10px;line-height:1.5}.kbl-intl-result .ok{color:#087f74}.kbl-intl-result .warn{color:#9b6412}.kbl-intl-result .error{color:#a33c32}.kbl-intl-provider{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#234f8d;font-size:9px;font-weight:900}
.kbl-intl-product-note{margin-top:7px;color:#6f7c89;font-size:10px;line-height:1.45}.kbl-intl-glass{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:4px 7px;border-radius:999px;background:#f4f6f8;color:#5f6c79;font-size:9px;font-weight:800}.kbl-intl-ship-card{width:100%;min-height:34px;margin-top:7px;border:1px solid #d7c584;border-radius:9px;background:#fffaf0;color:#765500;font-size:10px;font-weight:900;cursor:pointer}.kbl-intl-checkout-quote{grid-column:1/-1;padding:11px;border:1px solid #e0e6ed;border-radius:10px;background:#f8fafc;color:#41566d;font-size:11px;line-height:1.55}.kbl-intl-checkout-quote strong{color:#173455}.kbl-paypal-link{display:inline-flex;margin-top:10px;padding:10px 13px;border-radius:9px;background:#0070ba;color:#fff!important;font-weight:900;text-decoration:none}.kbl-paypal-link:hover{background:#005ea6}
.kbl-en .kbl-vietnam-only{display:none!important}.kbl-en #pawn{display:none!important}.kbl-en .pawn-estimator-section{display:none!important}.kbl-whatsapp{background:#128c7e!important}.kbl-whatsapp .floating-contact-logo{font-size:12px!important}.kbl-auto-en-badge{display:inline-flex;margin-left:6px;padding:3px 6px;border:1px solid #dce4ec;border-radius:999px;background:#f7fafc;color:#657487;font-size:8px;font-weight:900;vertical-align:middle}
.kbl-intl-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kbl-intl-admin-grid label{display:grid;gap:5px;font-size:11px;font-weight:800}.kbl-intl-admin-grid input,.kbl-intl-admin-grid select{min-height:40px;border:1px solid #dbe2e8;border-radius:8px;padding:0 10px}.kbl-intl-admin-wide{grid-column:1/-1}.kbl-intl-statuses{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.kbl-intl-status-chip{padding:6px 9px;border-radius:999px;background:#f3f6f8;color:#53677b;font-size:10px;font-weight:900}.kbl-intl-status-chip.ok{background:#eaf8f1;color:#08734d}.kbl-intl-order-detail{font-size:10px;line-height:1.55;color:#657486}.kbl-intl-order-detail b{color:#173455}
@media(max-width:1180px){.kbl-intl-controls:not(.kbl-intl-floating){order:3}.kbl-intl-select,.kbl-intl-lang button{min-height:38px;padding:0 7px;font-size:10px}.kbl-intl-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.kbl-intl-controls{gap:4px}.kbl-intl-select{max-width:72px}.kbl-intl-grid{grid-template-columns:1fr}.kbl-intl-shipping{padding:20px 14px}.kbl-intl-banner{align-items:flex-start;flex-direction:column}.kbl-intl-admin-grid{grid-template-columns:1fr}}
@media(max-width:560px){.kbl-intl-form{grid-template-columns:1fr}.kbl-intl-wide,.kbl-intl-calc{grid-column:auto}.kbl-intl-controls:not(.kbl-intl-floating){position:absolute;right:12px;top:74px;z-index:20;padding:5px;border:1px solid #e5ded1;border-radius:12px;background:#fffdf9;box-shadow:0 8px 22px rgba(0,0,0,.08)}.kbl-intl-lang button{min-width:34px}}


  /* ONLY: Giá vàng thế giới ngay dưới 3 card giá KBL trên Home. */
  .kbl-home-world-gold{
    display:flex;align-items:center;justify-content:space-between;gap:18px;
    margin:0 0 14px;padding:15px 18px;border:1px solid #d9e2ee;border-radius:14px;
    background:linear-gradient(135deg,#f8fbff 0%,#fffdf8 100%);
    box-shadow:0 7px 18px rgba(16,44,80,.04);
  }
  .kbl-home-world-gold__main{display:flex;align-items:center;gap:18px;min-width:0}
  .kbl-home-world-gold__icon{
    display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;
    color:#b67808;background:#fff7df;border:1px solid #e6ca84;font-size:19px;font-weight:900;
  }
  .kbl-home-world-gold__copy{min-width:0}
  .kbl-home-world-gold__copy small{
    display:block;margin-bottom:4px;color:#a56b08;font-size:9px;font-weight:900;
    letter-spacing:.11em;text-transform:uppercase;
  }
  .kbl-home-world-gold__line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
  .kbl-home-world-gold__line strong{color:#102c50;font-size:21px;font-weight:900;letter-spacing:-.025em}
  .kbl-home-world-gold__change{font-size:10px;font-weight:800;color:#667487}
  .kbl-home-world-gold__change.up{color:#08734d}
  .kbl-home-world-gold__change.down{color:#b33636}
  .kbl-home-world-gold__meta{display:block;margin-top:4px;color:#7a818b;font-size:9px}
  .kbl-home-world-gold__action{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;
    min-height:38px;padding:8px 14px;border:1px solid #d7b45d;border-radius:999px;
    color:#9b6607;background:#fffaf0;font-size:10px;font-weight:900;white-space:nowrap;
  }
  .kbl-home-world-gold__action:hover{background:#fff3d5}
  @media(max-width:700px){
    .kbl-home-world-gold{align-items:flex-start;flex-direction:column;padding:14px}
    .kbl-home-world-gold__main{gap:12px}
    .kbl-home-world-gold__action{width:100%}
  }

/* KBL 5.7.10.26: consolidated legacy polish + approved Home layout. */
/* KBL V5.3 UI POLISH — additive only. Giữ nguyên HTML, ảnh, data và event cũ. */
:root{--kbl-navy:#082443;--kbl-navy-2:#0d3158;--kbl-gold:#c98a14;--kbl-gold-soft:#e5c778;--kbl-cream:#fffaf0;--kbl-line:#eadfc7;--kbl-ink:#15314f}
body.kbl-ui-polish-v53{background:#fffdf9}
body.kbl-ui-polish-v53 .container{width:min(1180px,calc(100% - 32px))}
body.kbl-ui-polish-v53 .section{padding-top:44px;padding-bottom:44px}
body.kbl-ui-polish-v53 .section-heading{margin-bottom:20px}
body.kbl-ui-polish-v53 .section-heading h2{font-size:clamp(28px,2.3vw,38px);line-height:1.12}
body.kbl-ui-polish-v53 .section-subtitle{max-width:720px}

/* HERO: giữ nguyên ảnh/asset, chỉ thu gọn khoảng thở */
body.kbl-ui-polish-v53 .approved-hero{min-height:auto!important}
body.kbl-ui-polish-v53 .approved-hero-inner{min-height:440px!important}
body.kbl-ui-polish-v53 .approved-hero-copy{padding-top:42px!important;padding-bottom:36px!important}
body.kbl-ui-polish-v53 .approved-assurance-row{gap:12px!important;padding-top:18px!important;padding-bottom:18px!important}
body.kbl-ui-polish-v53 .approved-assurance-row article{min-height:74px!important}

/* BẢNG GIÁ CHÍNH: ưu tiên cao nhất, gọn và rõ */
body.kbl-ui-polish-v53 .price-strip{padding:38px 0 34px!important;background:linear-gradient(180deg,#fff,#fffdf8)!important}
body.kbl-ui-polish-v53 .price-heading{margin-bottom:18px!important}
body.kbl-ui-polish-v53 .price-grid{gap:14px!important}
body.kbl-ui-polish-v53 .price-card{border-color:#ead59c!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(20,42,72,.04)!important}

/* Khu market được JS chuyển xuống sau dịch vụ, nhưng giữ toàn bộ table/tab cũ */
body.kbl-ui-polish-v53 .kbl-market-placement{padding:36px 0 42px;background:#fffdf8;border-top:1px solid #f0e7d7;border-bottom:1px solid #f0e7d7}
body.kbl-ui-polish-v53 .kbl-market-placement>.container{width:min(1180px,calc(100% - 32px))}
body.kbl-ui-polish-v53 #price-board{margin:0 auto!important;border:1px solid #eadcc3!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(8,36,67,.045)!important;background:#fff!important;overflow:hidden}
body.kbl-ui-polish-v53 #price-board .price-board-head{padding:18px 20px 14px!important}
body.kbl-ui-polish-v53 #price-board .price-board-head h3{font-size:27px!important;margin-top:3px!important}
body.kbl-ui-polish-v53 #price-board .price-board-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:10px 20px 12px!important;border-top:1px solid #f4eee3;border-bottom:1px solid #f4eee3}
body.kbl-ui-polish-v53 #price-board .market-tabs{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}
body.kbl-ui-polish-v53 #price-board .market-tab{min-height:38px!important;padding:9px 14px!important;border-radius:10px!important}
body.kbl-ui-polish-v53 #price-board .date-filter{margin-left:auto!important;white-space:nowrap}
body.kbl-ui-polish-v53 #price-board .price-table-wrap{max-height:420px;overflow:auto}
body.kbl-ui-polish-v53 #price-board .price-history-row{padding:18px 20px!important}

/* MARKET WORLD V5.2: thu nhỏ 35–40% so với bản trước */
body.kbl-ui-polish-v53 .kbl-market-v52{margin:12px 18px 16px!important;border-radius:16px!important;box-shadow:none!important}
body.kbl-ui-polish-v53 .kbl-market-head{padding:14px 16px!important;align-items:center!important}
body.kbl-ui-polish-v53 .kbl-market-kicker{font-size:9px!important}
body.kbl-ui-polish-v53 .kbl-market-head h3{font-size:21px!important;margin:2px 0!important}
body.kbl-ui-polish-v53 .kbl-market-head p{font-size:10.5px!important}
body.kbl-ui-polish-v53 .kbl-market-live{font-size:9.5px!important}
body.kbl-ui-polish-v53 .kbl-market-metrics{grid-template-columns:1.15fr .9fr 1.35fr!important;gap:8px!important;padding:10px 16px!important}
body.kbl-ui-polish-v53 .kbl-market-metric{padding:10px 11px!important;border-radius:11px!important}
body.kbl-ui-polish-v53 .kbl-market-metric small{font-size:9px!important;margin-bottom:3px!important}
body.kbl-ui-polish-v53 .kbl-market-metric strong{font-size:18px!important}
body.kbl-ui-polish-v53 .kbl-market-metric .sub{font-size:9.5px!important;margin-top:3px!important}
body.kbl-ui-polish-v53 .kbl-market-convert{margin-top:4px!important;gap:5px!important}
body.kbl-ui-polish-v53 .kbl-market-convert span{font-size:10px!important;padding:6px!important}
body.kbl-ui-polish-v53 .kbl-market-chart{height:335px!important;margin:0 16px 10px!important;border-radius:11px!important}
body.kbl-ui-polish-v53 .kbl-market-note{margin:0 16px 12px!important;padding:8px 10px!important;font-size:9.5px!important}
body.kbl-ui-polish-v53 .kbl-market-source{margin-top:4px!important;gap:8px!important}

/* SẢN PHẨM: không đổi ảnh/data, chỉ làm nhịp trang gọn hơn */
body.kbl-ui-polish-v53 .products-section{padding-top:38px!important;padding-bottom:38px!important}
body.kbl-ui-polish-v53 .catalog-toolbar{margin-bottom:18px!important}
body.kbl-ui-polish-v53 .product-lanes{gap:24px!important}
body.kbl-ui-polish-v53 .product-lane{padding:18px!important;border-radius:16px!important}
body.kbl-ui-polish-v53 .product-grid{gap:14px!important}
body.kbl-ui-polish-v53 .product-card{border-radius:14px!important;box-shadow:0 6px 18px rgba(8,36,67,.045)!important}

/* SLIDER tiện ích cũ vẫn chạy, chỉ giảm độ cao cho khỏi lấn trang */
body.kbl-ui-polish-v53 .kbl-feature-showcase{padding:22px 0 14px!important}
body.kbl-ui-polish-v53 .kbl-slider-shell{border-radius:18px!important;box-shadow:0 10px 26px rgba(8,36,67,.05)!important}
body.kbl-ui-polish-v53 .kbl-slide{min-height:360px!important}
body.kbl-ui-polish-v53 .kbl-slide-copy{padding-top:34px!important;padding-bottom:28px!important}
body.kbl-ui-polish-v53 .kbl-slide h2{font-size:clamp(30px,3vw,42px)!important}
body.kbl-ui-polish-v53 .kbl-slide-art{min-height:330px!important}

/* DỊCH VỤ / tiện ích chức năng hiện hữu */
body.kbl-ui-polish-v53 .feature-section{padding:34px 0!important;background:#fff}
body.kbl-ui-polish-v53 .feature-grid{gap:16px!important}
body.kbl-ui-polish-v53 .feature-card{border-radius:18px!important;box-shadow:0 8px 22px rgba(8,36,67,.05)!important}
body.kbl-ui-polish-v53 .promise-section,body.kbl-ui-polish-v53 .faq-section,body.kbl-ui-polish-v53 .guide-section,body.kbl-ui-polish-v53 .pawn-estimator-section{padding-top:38px!important;padding-bottom:38px!important}

/* FOOTER: giữ toàn bộ liên kết/pháp lý, chỉ đổi hierarchy & social logo */
body.kbl-ui-polish-v53 .site-footer{background:#fff9ef!important;color:#536273!important;border-top:1px solid #eadfc9!important}
body.kbl-ui-polish-v53 .footer-top{padding:38px 0 26px!important}
body.kbl-ui-polish-v53 .footer-grid{grid-template-columns:1.45fr .8fr 1fr 1fr 1.05fr!important;gap:24px!important}
body.kbl-ui-polish-v53 .footer-brand p,body.kbl-ui-polish-v53 .footer-company,body.kbl-ui-polish-v53 .footer-links,body.kbl-ui-polish-v53 .footer-connect{color:#657487!important}
body.kbl-ui-polish-v53 .footer-company strong,body.kbl-ui-polish-v53 .footer-links>strong,body.kbl-ui-polish-v53 .footer-connect strong{color:var(--kbl-navy)!important}
body.kbl-ui-polish-v53 .footer-links a,body.kbl-ui-polish-v53 .footer-company a{color:#526477!important}
body.kbl-ui-polish-v53 .footer-links a:hover,body.kbl-ui-polish-v53 .footer-company a:hover{color:#a66f08!important}
body.kbl-ui-polish-v53 .footer-social{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
body.kbl-ui-polish-v53 .footer-social .kbl-social-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;padding:0!important;border-radius:10px!important;border:1px solid rgba(8,36,67,.09)!important;background:#fff!important;box-shadow:0 4px 12px rgba(8,36,67,.05)!important;overflow:hidden!important}
body.kbl-ui-polish-v53 .footer-social .kbl-social-link svg{display:block;width:24px;height:24px}
body.kbl-ui-polish-v53 .footer-social .kbl-social-link:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(8,36,67,.09)!important}
body.kbl-ui-polish-v53 .footer-social .kbl-social-link.is-unconfigured{opacity:.52;cursor:default;filter:grayscale(.15)}
body.kbl-ui-polish-v53 .footer-social .kbl-social-link.is-unconfigured:hover{transform:none;box-shadow:0 4px 12px rgba(8,36,67,.05)!important}
body.kbl-ui-polish-v53 .footer-social [data-open-message]{background:#082443!important;color:#fff!important;border-color:#082443!important;border-radius:10px!important}
body.kbl-ui-polish-v53 .footer-payments .footer-payment{background:#fff!important;color:#3c536b!important;border-color:#e5dccb!important}
body.kbl-ui-polish-v53 .footer-cert{background:#fffdf8!important;color:#667789!important;border-color:#eadfc9!important}
body.kbl-ui-polish-v53 .footer-cert strong{color:#a66f08!important}
body.kbl-ui-polish-v53 .footer-bottom{max-width:none!important;width:100%!important;padding:13px max(16px,calc((100vw - 1180px)/2))!important;background:#061c36!important;color:#c2cfdb!important;border-top:0!important}
body.kbl-ui-polish-v53 .footer-bottom a{color:#e8d7a7!important}

/* floating contact: logo theo nền tảng, không đổi chức năng */
body.kbl-ui-polish-v53 .floating-contact-btn .kbl-platform-svg{width:22px;height:22px;display:block}

@media(max-width:980px){
 body.kbl-ui-polish-v53 .footer-grid{grid-template-columns:1fr 1fr!important}
 body.kbl-ui-polish-v53 .footer-brand,body.kbl-ui-polish-v53 .footer-connect{grid-column:1/-1!important}
 body.kbl-ui-polish-v53 .kbl-market-metrics{grid-template-columns:1fr 1fr!important}
 body.kbl-ui-polish-v53 .kbl-market-metric:last-child{grid-column:1/-1}
 body.kbl-ui-polish-v53 .kbl-market-chart{height:310px!important}
}
@media(max-width:760px){
 body.kbl-ui-polish-v53 .container{width:min(100% - 20px,1180px)}
 body.kbl-ui-polish-v53 .section{padding-top:28px;padding-bottom:28px}
 body.kbl-ui-polish-v53 .approved-hero-inner{min-height:unset!important}
 body.kbl-ui-polish-v53 #price-board .price-board-toolbar{align-items:stretch!important;flex-direction:column!important}
 body.kbl-ui-polish-v53 #price-board .date-filter{margin-left:0!important;display:flex;justify-content:space-between;align-items:center}
 body.kbl-ui-polish-v53 .kbl-market-v52{margin:8px!important}
 body.kbl-ui-polish-v53 .kbl-market-metrics{grid-template-columns:1fr!important}
 body.kbl-ui-polish-v53 .kbl-market-metric:last-child{grid-column:auto}
 body.kbl-ui-polish-v53 .kbl-market-chart{height:300px!important;margin-left:8px!important;margin-right:8px!important}
 body.kbl-ui-polish-v53 .footer-grid{grid-template-columns:1fr!important}
 body.kbl-ui-polish-v53 .footer-brand,body.kbl-ui-polish-v53 .footer-connect{grid-column:auto!important}
}

/* KBL Home: sample 01 + mobile product dialog/readability fixes. Live data/renderers retained. */
body.kbl-home-57109{--kbl-ui-ink:#122c43;--kbl-ui-gold:#b58a3c;--kbl-ui-line:#e3e7ec;--kbl-ui-muted:#667282;background:#fff;color:var(--kbl-ui-ink)}
.kbl-home-57109 .container{width:min(1320px,calc(100% - 64px))!important}
.kbl-home-57109>main{display:flex;flex-direction:column}
.kbl-home-57109>main>section{order:4;min-width:0}
.kbl-home-57109>main>#prices{order:0}
.kbl-home-57109>main>#products{order:1}
.kbl-home-57109>main>#home{order:2}
.kbl-home-57109>main>#market-reference{order:3}
.kbl-home-57109 .topbar{display:none!important}
.kbl-home-57109 .site-header{background:#fff!important;color:var(--kbl-ui-ink)!important;border-bottom:1px solid var(--kbl-ui-line)!important;box-shadow:0 4px 18px #122c4305!important;backdrop-filter:none!important}
.kbl-home-57109 .header-inner{display:grid!important;grid-template-columns:auto 1fr;gap:0 20px!important;padding:12px 0 0;min-height:0!important}
.kbl-home-57109 .brand-mark,.kbl-home-57109 .brand-mark img{width:50px!important;height:50px!important;filter:none!important}
.kbl-home-57109 .brand-copy strong{color:var(--kbl-ui-ink)!important;font-size:24px!important;letter-spacing:.025em}
.kbl-home-57109 .brand-copy small{color:#707477!important;font-size:8px!important}
.kbl-home-57109 .header-utilities{display:flex!important;align-items:center;justify-content:flex-end;gap:12px!important;min-width:0}
.kbl-home-57109 .header-account,.kbl-home-57109 .header-action{color:var(--kbl-ui-ink)!important;background:#fff!important;border-color:#dbe0e6!important;min-height:40px}
.kbl-home-57109 .main-nav{grid-column:1/-1;display:flex!important;position:static!important;height:46px!important;gap:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;justify-content:center;opacity:1!important;pointer-events:auto!important;transform:none!important}
.kbl-home-57109 .main-nav a{color:#445365!important;font-size:12px!important;padding:0 10px!important}
.kbl-home-57109 .main-nav a:hover,.kbl-home-57109 .main-nav a.active{color:var(--kbl-ui-ink)!important}
.kbl-home-57109 .main-nav a::after{bottom:6px!important;background:var(--kbl-ui-gold)!important}
.kbl-home-57109 .menu-toggle{display:none!important}
.kbl-home-57109 #kbl-header-search{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e8ec;background:#f8f9fa;border-radius:24px;min-height:40px;font-size:12px;white-space:nowrap}
.kbl-home-57109 #kbl-cart-link{position:relative!important;inset:auto!important;flex:0 0 42px;width:42px!important;height:42px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:var(--kbl-ui-ink)!important;box-shadow:none!important;z-index:auto!important}
.kbl-home-57109 #kbl-cart-link .kbl-cart-count{top:-2px;right:-3px;background:#b38b48;color:#fff}
.kbl-home-57109 #prices{padding:34px 0 28px!important;background:linear-gradient(180deg,#fafbfd,#fff 80%)!important;scroll-margin-top:120px}
.kbl-home-57109 #prices>.container{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.kbl-home-57109 #prices .price-heading{display:flex!important;align-items:flex-end!important;flex-direction:row!important;justify-content:space-between!important;gap:20px!important;padding:0!important;margin:0 0 10px!important}
.kbl-home-57109 #prices .eyebrow{margin:0 0 10px!important;color:#8e6729!important;font-size:10px!important;letter-spacing:.14em!important}
.kbl-home-57109 #prices .price-heading h2{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(32px,3.35vw,48px)!important;line-height:1.16!important;color:var(--kbl-ui-ink)!important;letter-spacing:-.025em!important}
.kbl-home-57109 #prices .updated-at{align-self:flex-end!important;color:var(--kbl-ui-muted)!important;font-size:12px!important;padding-bottom:6px;line-height:1.7;white-space:normal}
.kbl-home-57109 #prices .updated-at strong{color:var(--kbl-ui-ink)!important;font-weight:600!important}
.kbl-home-57109 .kbl-price-unit{font-size:11px;color:var(--kbl-ui-muted);margin:0 0 20px}
.kbl-home-57109 #price-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0!important}
.kbl-home-57109 #price-grid .price-card{position:relative;min-width:0;min-height:164px!important;padding:22px 22px 16px!important;border:1px solid #e2e5e9!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 16px #102c5003!important;overflow:hidden}
.kbl-home-57109 #price-grid .price-card:first-child{background:linear-gradient(125deg,#fffaf0,#fff6df)!important;border-color:#e8d5a7!important}
.kbl-home-57109 #price-grid .price-card:first-child::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:#b38b48}
.kbl-home-57109 #price-grid .price-card::after{display:none!important}
.kbl-home-57109 #price-grid .price-card-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px!important}
.kbl-home-57109 #price-grid h3{margin:0!important;color:var(--kbl-ui-ink)!important;font-family:'Playfair Display',Georgia,serif;font-size:23px!important;line-height:1.25!important;font-weight:600!important}
.kbl-home-57109 #price-grid .gold-badge{background:#fff9ed!important;border:1px solid #e4d2ad!important;color:#9b752f!important;width:28px;height:25px;box-shadow:none!important;font-size:14px}
.kbl-home-57109 #price-grid .price-card-values{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
.kbl-home-57109 #price-grid .price-value{min-width:0!important}
.kbl-home-57109 #price-grid .price-value+ .price-value{padding-left:16px!important;border-left:1px solid #e2e5e9!important}
.kbl-home-57109 #price-grid .price-value span{display:block;color:var(--kbl-ui-muted)!important;font-size:12px!important;font-weight:500!important;margin-bottom:6px}
.kbl-home-57109 #price-grid .price-value strong{display:block;color:var(--kbl-ui-ink)!important;font-size:clamp(19px,2vw,28px)!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.045em!important;font-variant-numeric:tabular-nums;white-space:nowrap!important}
.kbl-home-57109 #price-grid .price-card-foot{margin-top:14px!important;color:#73808d!important;font-size:10px!important;line-height:1.4!important}
.kbl-home-57109 #kbl-home-world-gold{display:flex!important;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 0!important;padding:20px 22px!important;border:1px solid #dbe4ed!important;border-left:3px solid #b59451!important;border-radius:12px!important;background:#fff!important;box-shadow:0 6px 24px #102c5004!important}
.kbl-home-57109 .kbl-home-world-gold__main{display:flex;align-items:center;gap:16px;min-width:0}
.kbl-home-57109 .kbl-home-world-gold__icon{flex:0 0 40px;width:40px!important;height:40px!important;display:grid;place-items:center;border-radius:50%;background:#fff8e9!important;border:1px solid #ead8ae;color:#9f7528!important}
.kbl-home-57109 .kbl-home-world-gold__copy{min-width:0}
.kbl-home-57109 .kbl-home-world-gold__copy small{display:block;font-size:10px!important;font-weight:700;letter-spacing:.08em;color:#916b2b!important;line-height:1.5}
.kbl-home-57109 .kbl-home-world-gold__line{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.kbl-home-57109 #kbl-home-xau-price{font-size:clamp(20px,2.1vw,29px)!important;color:var(--kbl-ui-ink)!important;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kbl-home-57109 #kbl-home-xau-meta{display:block;font-size:10px!important;line-height:1.6;color:#737c87!important;overflow-wrap:anywhere}
.kbl-home-57109 .kbl-home-world-gold__action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:42px;gap:10px;padding:10px 18px!important;border:1px solid #d7bb84!important;border-radius:24px;background:#fffcf7!important;color:#8b6423!important;font-size:12px!important;font-weight:600;white-space:nowrap}
.kbl-home-57109 #products{padding:30px 0 40px!important;background:#fff!important;border-top:1px solid #eef0f3;scroll-margin-top:120px}
.kbl-home-57109 #products .section-heading{align-items:flex-start;margin-bottom:18px}
.kbl-home-57109 #products h2{font-size:32px!important;line-height:1.3!important;color:var(--kbl-ui-ink)!important}
.kbl-home-57109 #products .section-subtitle{font-size:13px!important;line-height:1.6;max-width:660px;color:var(--kbl-ui-muted)!important}
.kbl-home-57109 #products .eyebrow{font-size:10px;color:#8e6729}
.kbl-home-57109 .catalog-controls{background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;position:static!important}
.kbl-home-57109 .catalog-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px}
.kbl-home-57109 .filter-tabs{display:flex;flex-wrap:wrap;gap:7px}
.kbl-home-57109 .filter-tab{min-height:40px!important;padding:9px 16px!important;border:1px solid #e3e7ec!important;border-radius:22px!important;font-size:12px!important;font-weight:500!important;background:#fff!important;color:#425164!important}
.kbl-home-57109 .filter-tab.active{background:var(--kbl-ui-ink)!important;color:#fff!important;border-color:var(--kbl-ui-ink)!important;box-shadow:none!important}
.kbl-home-57109 .search-box{min-height:44px;border-radius:24px!important;background:#f8f9fa!important;border-color:#e3e7ec!important}
.kbl-home-57109 #products .product-lane{padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important}
.kbl-home-57109 #products .product-lane-head{padding:0 0 14px!important;background:#fff!important;border:0!important}
.kbl-home-57109 #products .product-lane-head h3{font-size:17px!important}
.kbl-home-57109 #products .product-lane-head p{font-size:12px;color:#727d88}
.kbl-home-57109 #products .product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.kbl-home-57109 #products .product-grid.hidden{display:none!important}
.kbl-home-57109 #products .product-card{min-width:0;border:1px solid #e9ecf0!important;border-radius:10px!important;overflow:hidden;background:#fff!important;box-shadow:none!important}
.kbl-home-57109 #products .product-card:hover{box-shadow:0 8px 26px #122c430c!important;transform:translateY(-2px)}
.kbl-home-57109 #products .product-image{aspect-ratio:1;min-height:0!important;height:auto!important;background:#f8f8f7!important}
.kbl-home-57109 #products .product-image img{width:100%;height:100%;object-fit:contain!important}
.kbl-home-57109 #products .stock-chip{top:10px!important;left:10px!important;max-width:calc(100% - 20px);font-size:9px!important;border:1px solid #d9e5dc!important;background:#f8fcf8ee!important;color:#356044!important;padding:5px 8px!important}
.kbl-home-57109 #products .gold-chip{font-size:10px!important;padding:5px 8px!important;background:#fff9ecee!important;color:#936b29!important}
.kbl-home-57109 #products .product-body{padding:14px!important}
.kbl-home-57109 #products .product-title-row h3{font-size:15px!important;line-height:1.5;font-family:'Be Vietnam Pro',Arial,sans-serif;font-weight:600;color:var(--kbl-ui-ink)!important}
.kbl-home-57109 #products .product-meta{font-size:11px!important;color:var(--kbl-ui-muted)!important;gap:6px}
.kbl-home-57109 #products .product-price strong{font-size:18px!important;line-height:1.5!important;color:var(--kbl-ui-ink)!important;font-weight:700!important;overflow-wrap:anywhere}
.kbl-home-57109 #products .product-price small{font-size:10px;color:var(--kbl-ui-muted)}
.kbl-home-57109 #products .product-card-actions{display:grid;grid-template-columns:1fr!important;gap:7px}
.kbl-home-57109 #products .product-button{min-height:42px!important;border:1px solid #193851!important;background:#fff!important;color:#193851!important;border-radius:7px!important;font-size:12px!important;padding:10px!important}
.kbl-home-57109 #products .product-try-button{min-height:36px!important;background:#f6f8fa!important;color:#42536a!important;border:1px solid #e8edf1!important;border-radius:7px!important;font-size:11px!important;padding:8px!important}
.kbl-home-57109 #products .product-card-utility{display:flex!important;flex-wrap:wrap;gap:4px;border-top:1px solid #edf0f3;margin-top:10px;padding-top:8px}
.kbl-home-57109 #products .product-utility-btn{font-size:10px!important;padding:6px 4px!important;color:#59687b!important;background:#fff!important}
.kbl-home-57109 #home{padding:28px 0!important;background:#fafbfd!important;scroll-margin-top:120px}
.kbl-home-57109 #home .approved-hero-shell{display:grid!important;grid-template-columns:1fr 1.1fr!important;gap:30px!important;min-height:0!important;padding:0!important}
.kbl-home-57109 #home .approved-hero-art,.kbl-home-57109 #home .approved-hero-brand,.kbl-home-57109 #home .approved-gold-rule{display:none!important}
.kbl-home-57109 #home .approved-hero-copy{padding:0!important;max-width:none!important;align-self:center}
.kbl-home-57109 #home .approved-hero-copy::before{display:none!important}
.kbl-home-57109 #home .approved-hero-copy h1{font-size:30px!important;line-height:1.3!important;margin:0!important;color:var(--kbl-ui-ink)!important}
.kbl-home-57109 #home .approved-hero-kicker{font-size:10px!important;color:#8e6729!important}
.kbl-home-57109 #home .approved-hero-lead{color:#687486!important;font-size:13px!important;margin:12px 0!important}
.kbl-home-57109 #home .approved-hero-actions{display:flex!important;flex-wrap:wrap;gap:10px!important;margin-top:16px!important}
.kbl-home-57109 #home .approved-btn{min-width:0!important;min-height:42px!important;padding:10px 16px!important;font-size:12px!important}
.kbl-home-57109 #home .approved-quick-card{position:static!important;inset:auto!important;width:auto!important;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;padding:16px!important;background:#fff!important;border:1px solid #e2e7ed!important;border-radius:12px!important;box-shadow:none!important;color:var(--kbl-ui-ink)!important}
.kbl-home-57109 #home .approved-quick-title{grid-column:1/-1;color:#8e6729!important}
.kbl-home-57109 #home .approved-quick-card a,.kbl-home-57109 #home .approved-quick-card button{color:var(--kbl-ui-ink)!important;border-color:#eef0f3!important}
.kbl-home-57109 #home .approved-quick-card b{color:#9d752f!important}
.kbl-home-57109 #home .approved-quick-card small{color:#77818e!important}
.kbl-home-57109 #kbl-mobile-nav{display:none}
.kbl-home-57109 :is(a,button,input,select):focus-visible{outline:3px solid #b99451!important;outline-offset:3px}
@media(max-width:1050px){
 .kbl-home-57109 .container{width:calc(100% - 40px)!important}
 .kbl-home-57109 .header-utilities{gap:8px!important}
 .kbl-home-57109 #kbl-header-search span{display:none}
 .kbl-home-57109 .main-nav{gap:0!important}
 .kbl-home-57109 .main-nav a{padding:0 8px!important;font-size:11px!important}
 .kbl-home-57109 #price-grid .price-card{padding:20px 16px 14px!important}
 .kbl-home-57109 #price-grid .price-card-values{gap:10px!important}
 .kbl-home-57109 #price-grid .price-value+ .price-value{padding-left:10px!important}
 .kbl-home-57109 #price-grid .price-value strong{font-size:19px!important}
 .kbl-home-57109 #products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:940px) and (min-width:761px){
 .kbl-home-57109 #price-grid{grid-template-columns:1fr!important}
 .kbl-home-57109 #price-grid .price-card{min-height:130px!important}
 .kbl-home-57109 #prices .price-heading{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
 .kbl-home-57109 #prices .updated-at{align-self:flex-start!important}
}
@media(max-width:760px){
 .kbl-home-57109{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
 .kbl-home-57109 .container{width:calc(100% - 32px)!important}
 .kbl-home-57109 .header-inner{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:8px!important;padding:10px 0!important}
 .kbl-home-57109 .brand{gap:8px!important;order:1}
 .kbl-home-57109 .brand-mark,.kbl-home-57109 .brand-mark img{width:36px!important;height:36px!important}
 .kbl-home-57109 .brand-copy strong{font-size:17px!important}
 .kbl-home-57109 .brand-copy small{font-size:6.5px!important}
 .kbl-home-57109 .menu-toggle{display:block!important;order:2;width:40px;min-height:40px;background:#fff!important;border-color:#dce2e9!important;padding:8px!important}
 .kbl-home-57109 .menu-toggle span{background:#173455!important}
 .kbl-home-57109 .header-utilities{order:3;flex:0 0 100%;justify-content:flex-end!important;gap:8px!important;min-height:32px;flex-wrap:wrap}
 .kbl-home-57109 .header-account,.kbl-home-57109 .header-action{min-height:32px!important;padding:5px 8px!important;font-size:10px!important}
 .kbl-home-57109 .header-account .label-long{font-size:10px!important}
 .kbl-home-57109 #kbl-header-search{margin-right:auto;min-height:34px;padding:5px 9px;font-size:10px}
 .kbl-home-57109 #kbl-cart-link{width:34px!important;height:34px!important;flex-basis:34px}
 .kbl-home-57109 .kbl-intl-controls{position:static!important;gap:4px!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;min-width:0!important}
 .kbl-home-57109 .kbl-intl-lang button{padding:5px 7px!important;min-width:28px!important;min-height:32px!important;font-size:10px!important}
 .kbl-home-57109 .kbl-intl-select{padding:5px 3px!important;min-height:32px!important;font-size:10px!important;max-width:62px}
 .kbl-home-57109 .main-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;height:auto!important;max-height:70vh;overflow:auto;background:#fff!important;border-bottom:1px solid #e3e7ec!important;box-shadow:0 12px 20px #122c4312!important;padding:10px 16px!important;z-index:30}
 .kbl-home-57109 .main-nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important}
 .kbl-home-57109 .main-nav a{min-height:44px!important;font-size:13px!important;padding:12px!important}
 .kbl-home-57109 #prices{padding:22px 0 20px!important}
 .kbl-home-57109 #prices .price-heading{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:6px!important}
 .kbl-home-57109 #prices .price-heading h2{font-size:clamp(25px,6.9vw,34px)!important;line-height:1.25!important}
 .kbl-home-57109 #prices .updated-at{align-self:flex-start!important;font-size:10px!important;padding:0}
 .kbl-home-57109 #prices .eyebrow{font-size:9px!important;margin-bottom:8px!important}
 .kbl-home-57109 .kbl-price-unit{font-size:10px;margin-bottom:14px}
 .kbl-home-57109 #price-grid{grid-template-columns:1fr!important;gap:10px!important}
 .kbl-home-57109 #price-grid .price-card{min-height:0!important;padding:15px 16px 12px!important;border-radius:10px!important}
 .kbl-home-57109 #price-grid h3{font-size:20px!important}
 .kbl-home-57109 #price-grid .price-card-head{margin-bottom:12px!important}
 .kbl-home-57109 #price-grid .price-card-values{gap:16px!important}
 .kbl-home-57109 #price-grid .price-value+ .price-value{padding-left:16px!important}
 .kbl-home-57109 #price-grid .price-value span{font-size:10px!important;margin-bottom:4px}
 .kbl-home-57109 #price-grid .price-value strong{font-size:clamp(18px,5.4vw,23px)!important;letter-spacing:-.045em!important}
 .kbl-home-57109 #price-grid .price-card-foot{font-size:9px!important;margin-top:10px!important}
 .kbl-home-57109 #kbl-home-world-gold{display:flex!important;align-items:stretch!important;flex-direction:column!important;gap:12px;margin-top:12px!important;padding:15px!important}
 .kbl-home-57109 .kbl-home-world-gold__main{gap:10px;align-items:flex-start}
 .kbl-home-57109 .kbl-home-world-gold__icon{flex-basis:30px;width:30px!important;height:30px!important}
 .kbl-home-57109 .kbl-home-world-gold__copy small{font-size:8px!important;letter-spacing:.025em}
 .kbl-home-57109 #kbl-home-xau-price{font-size:20px!important}
 .kbl-home-57109 #kbl-home-xau-meta{font-size:9px!important;line-height:1.65}
 .kbl-home-57109 .kbl-home-world-gold__action{min-height:40px;font-size:11px!important;width:100%;padding:9px 12px!important}
 .kbl-home-57109 #products{padding:24px 0 30px!important}
 .kbl-home-57109 #products h2{font-size:27px!important}
 .kbl-home-57109 #products .section-heading{flex-direction:column;gap:10px}
 .kbl-home-57109 #products .section-subtitle{font-size:12px!important;margin-top:8px!important}
 .kbl-home-57109 .catalog-toolbar{gap:12px;margin-bottom:14px}
 .kbl-home-57109 .filter-tabs{flex-wrap:nowrap!important;width:100%;overflow-x:auto!important;padding:2px 1px 8px;scrollbar-width:thin}
 .kbl-home-57109 .filter-tab{flex:0 0 auto;white-space:nowrap;min-height:40px!important;padding:9px 14px!important;font-size:11px!important}
 .kbl-home-57109 .search-box{width:100%!important;min-width:0!important}
 .kbl-home-57109 #products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .kbl-home-57109 #products .product-body{padding:10px!important}
 .kbl-home-57109 #products .product-title-row h3{font-size:12px!important}
 .kbl-home-57109 #products .product-meta{font-size:10px!important;flex-wrap:wrap}
 .kbl-home-57109 #products .product-price strong{font-size:15px!important}
 .kbl-home-57109 #products .stock-chip{font-size:8px!important;top:6px!important;left:6px!important;padding:4px 5px!important}
 .kbl-home-57109 #products .gold-chip{font-size:9px!important}
 .kbl-home-57109 #products .product-button{min-height:42px!important;font-size:11px!important}
 .kbl-home-57109 #products .product-utility-btn{min-height:32px;font-size:9px!important;padding:6px 3px!important}
 .kbl-home-57109 #home .approved-hero-shell{grid-template-columns:1fr!important;gap:20px!important}
 .kbl-home-57109 #home .approved-hero-copy h1{font-size:26px!important}
 .kbl-home-57109 #kbl-mobile-nav{position:fixed;inset:auto 0 0;z-index:850;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:#fffffff5;border-top:1px solid #dfe5ec;box-shadow:0 -5px 18px #122c4307}
 .kbl-home-57109 #kbl-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;color:#6d7a89;font-size:10px;font-weight:500}
 .kbl-home-57109 #kbl-mobile-nav a[aria-current]{color:var(--kbl-ui-ink);font-weight:700}
 .kbl-home-57109 #floating-contact{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
 .kbl-home-57109 .compare-bar{bottom:calc(74px + env(safe-area-inset-bottom,0px))!important}
 .kbl-home-57109 #prices,.kbl-home-57109 #products,.kbl-home-57109 #home{scroll-margin-top:130px}
}
@media(max-width:360px){
 .kbl-home-57109 .container{width:calc(100% - 24px)!important}
 .kbl-home-57109 .header-action{display:none!important}
 .kbl-home-57109 .header-utilities{gap:6px!important}
 .kbl-home-57109 #price-grid .price-value strong{font-size:17px!important}
 .kbl-home-57109 #price-grid .price-card-values{gap:10px!important}
 .kbl-home-57109 #price-grid .price-value+ .price-value{padding-left:10px!important}
}
@media(prefers-reduced-motion:reduce){.kbl-home-57109 *{scroll-behavior:auto!important;transition:none!important}.kbl-home-57109 #products .product-card:hover{transform:none!important}}

/* 5.7.10.10 — header coordinates are explicit; VI and EN share the same layout. */
.kbl-home-57109{font-family:'Be Vietnam Pro',Arial,system-ui,sans-serif!important}
.kbl-home-57109 .site-header{position:sticky!important;top:0!important;z-index:900!important}
.kbl-home-57109 .header-inner{grid-template-columns:minmax(230px,1fr) auto!important;align-items:center!important}
.kbl-home-57109 .header-inner>.brand{grid-column:1!important;grid-row:1!important;min-width:0}
.kbl-home-57109 .header-inner>.header-utilities{grid-column:2!important;grid-row:1!important;margin-left:auto!important}
.kbl-home-57109 .header-inner>.main-nav{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-end!important;font-family:'Be Vietnam Pro',Arial,system-ui,sans-serif!important}
.kbl-home-57109 .main-nav a{font-family:inherit!important;line-height:1.5!important;letter-spacing:normal!important}
.kbl-home-57109 .header-utilities :is(a,button,select),.kbl-home-57109 .filter-tab{font-family:'Be Vietnam Pro',Arial,system-ui,sans-serif!important}
.kbl-home-57109 .brand-copy strong{font-family:'Playfair Display',Georgia,serif!important;white-space:normal!important;line-height:1.25!important}
.kbl-home-57109 .kbl-intl-controls{position:static!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.kbl-home-57109 #kbl-country{max-width:165px!important;width:auto!important;min-width:105px;min-height:40px!important;padding:0 9px!important;font-size:11px!important}
.kbl-home-57109 #kbl-currency,.kbl-home-57109 .kbl-intl-destination-bar,.kbl-home-57109 .kbl-intl-banner{display:none!important}
.kbl-home-57109 #kbl-header-categories[hidden],.kbl-home-57109 .kbl-category-placeholder[hidden]{display:none!important}
.kbl-home-57109 #kbl-header-categories{grid-column:1/-1;grid-row:2;min-width:0;padding:3px 0 8px}
.kbl-home-57109 #kbl-header-categories .filter-tabs{width:100%;margin:0;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px;padding:2px 0;scrollbar-width:thin}
.kbl-home-57109 #kbl-header-categories .filter-tab{flex:0 0 auto;min-height:36px!important;padding:7px 14px!important;white-space:nowrap!important}
.kbl-home-57109.kbl-header-compact .header-inner{padding:7px 0 0!important;gap:4px!important;grid-template-columns:1fr auto!important}
.kbl-home-57109.kbl-header-compact .header-inner>.brand,.kbl-home-57109.kbl-header-compact .main-nav,.kbl-home-57109.kbl-header-compact .menu-toggle,.kbl-home-57109.kbl-header-compact #kbl-header-search,.kbl-home-57109.kbl-header-compact .header-account,.kbl-home-57109.kbl-header-compact .header-action{display:none!important}
.kbl-home-57109.kbl-header-compact .header-utilities{grid-column:1/-1!important;justify-content:flex-end!important;min-height:40px!important}
.kbl-home-57109.kbl-header-compact #kbl-cart-link{margin-right:4px!important}
.kbl-home-57109 :is(#prices,#products,#home,#contact,#guide,#try-on){scroll-margin-top:calc(var(--kbl-sticky-height,110px) + 14px)!important}
.kbl-home-57109 .kbl-home-fx-estimate{display:block;font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:11px;line-height:1.5;letter-spacing:normal;color:#687486;white-space:normal;overflow-wrap:anywhere}
.kbl-home-57109 .kbl-ai-greeting{font-family:'Be Vietnam Pro',Arial,sans-serif!important}
.kbl-home-57109 .kbl-ai-wave--hello{animation:kblAiWave 1.35s ease-in-out 3!important}
@media(max-width:1100px){
 .kbl-home-57109 #kbl-header-search span{display:none!important}
 .kbl-home-57109 .header-inner{grid-template-columns:minmax(190px,1fr) auto!important;gap:0 10px!important}
 .kbl-home-57109 .brand-copy strong{font-size:20px!important}
 .kbl-home-57109 .header-account,.kbl-home-57109 .header-action{padding:7px 9px!important;font-size:11px!important}
 .kbl-home-57109 #kbl-country{min-width:90px;max-width:125px!important}
}
@media(max-width:760px){
 .kbl-home-57109 .header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;gap:8px!important;padding:10px 0!important}
 .kbl-home-57109 .header-inner>.menu-toggle{grid-column:2!important;grid-row:1!important}
 .kbl-home-57109 .header-inner>.header-utilities{grid-column:1/-1!important;grid-row:2!important;width:100%;flex:initial!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
 .kbl-home-57109 #kbl-header-search{margin-right:auto}
 .kbl-home-57109 .header-action{display:none!important}
 .kbl-home-57109 .header-account .label-long{font-size:0!important}
 .kbl-home-57109 .header-account .header-account-icon{font-size:14px!important}
 .kbl-home-57109 .brand-copy strong{font-size:17px!important}
 .kbl-home-57109 #kbl-country{min-width:92px;max-width:140px!important;min-height:34px!important;font-size:10px!important}
 .kbl-home-57109.kbl-header-compact .header-inner{grid-template-columns:1fr!important;gap:2px!important;padding:6px 0 0!important}
 .kbl-home-57109.kbl-header-compact .header-inner>.header-utilities{grid-row:1!important;min-height:34px!important}
 .kbl-home-57109 #kbl-header-categories{grid-row:2!important;padding-bottom:6px}
 .kbl-home-57109 #kbl-header-categories .filter-tab{min-height:36px!important;padding:7px 12px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.kbl-home-57109 .kbl-ai-wave--hello{animation:none!important}}
@media(max-width:480px){
 .kbl-home-57109 #kbl-header-search{display:none!important}
 .kbl-home-57109 #kbl-country{width:110px!important;max-width:110px!important}
 .kbl-home-57109 .kbl-intl-lang button{padding:6px 8px!important;font-size:11px!important}
}

/* Approved Ánh kim: wide price table + world gold; no replacement data or product markup. */
body.kbl-home-57117{--kbl-ui-ink:var(--kbl-ink);--kbl-ui-gold:var(--kbl-accent);--kbl-ui-line:var(--kbl-line);--kbl-ui-muted:var(--kbl-muted);background:var(--kbl-paper)}
.kbl-home-57117 .container{width:min(1280px,calc(100% - 80px))!important}
.kbl-home-57117 .site-header{background:var(--kbl-surface)!important;box-shadow:none!important}
.kbl-home-57117 .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:0 32px!important;padding-top:20px}
.kbl-home-57117 .brand-copy strong{font-family:KBLPlayfair,Georgia,serif!important;letter-spacing:.045em;font-size:30px!important;line-height:1.3}
.kbl-home-57117 .brand-copy small{letter-spacing:.14em;font-size:10px!important}
.kbl-home-57117 .header-utilities{gap:12px!important;flex-wrap:wrap!important}
.kbl-home-57117 .main-nav{justify-content:flex-end!important;gap:18px!important;height:52px!important}
.kbl-home-57117 #prices{background:var(--kbl-paper)!important;padding:48px 0 40px!important}
.kbl-home-57117 #prices .price-heading h2{font-family:KBLPlayfair,Georgia,serif!important;font-weight:500!important;font-size:clamp(30px,3.7vw,50px)!important;letter-spacing:-.035em!important}
.kbl-home-57117 #prices .eyebrow{font-size:11px!important;letter-spacing:.12em!important;color:var(--kbl-accent)!important}
.kbl-home-57117 .kbl-price-unit{margin:0 0 24px;font-size:12px}
.kbl-home-57117 .kbl-price-columns{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:32px;align-items:stretch}
.kbl-home-57117 .kbl-rate-wrap{min-width:0}
.kbl-home-57117 .kbl-rate-header{display:grid;grid-template-columns:30% 35% 35%;padding:14px 20px;background:transparent;border-bottom:1px solid var(--kbl-line);font-size:12px;color:var(--kbl-muted)}
.kbl-home-57117 #price-grid{display:flex!important;flex-direction:column!important;gap:0!important;border:1px solid var(--kbl-line);border-top:0;background:var(--kbl-surface)}
.kbl-home-57117 #price-grid .price-card{display:grid!important;grid-template-columns:30% 35% 35%;min-height:88px!important;padding:22px 20px 14px!important;border:0!important;border-bottom:1px solid var(--kbl-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.kbl-home-57117 #price-grid .price-card:last-child{border-bottom:0!important}
.kbl-home-57117 #price-grid .price-card:first-child{background:var(--kbl-soft)!important}
.kbl-home-57117 #price-grid .price-card::before{display:none!important}
.kbl-home-57117 #price-grid .price-card-head{display:block!important;margin:0!important;min-width:0}
.kbl-home-57117 #price-grid h3{font-family:var(--kbl-world-font)!important;font-size:19px!important;font-weight:600!important;line-height:1.5!important;overflow-wrap:anywhere}
.kbl-home-57117 #price-grid .gold-badge{display:none!important}
.kbl-home-57117 #price-grid .price-card-values{display:contents!important}
.kbl-home-57117 #price-grid .price-value+ .price-value{border:0!important;padding:0!important}
.kbl-home-57117 #price-grid .price-value>span{display:none!important}
.kbl-home-57117 #price-grid .price-value strong{font-size:clamp(18px,1.7vw,25px)!important;line-height:1.5!important;letter-spacing:-.04em!important;white-space:normal!important;overflow-wrap:anywhere}
.kbl-home-57117 #price-grid .price-card-foot{grid-column:1/-1;margin-top:8px!important;color:var(--kbl-muted)!important;line-height:1.6!important}
.kbl-home-57117 #kbl-home-world-gold{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:space-between;margin:0!important;padding:28px!important;background:var(--kbl-soft)!important;border:1px solid var(--kbl-line)!important;border-radius:0!important;box-shadow:none!important;gap:24px}
.kbl-home-57117 .kbl-home-world-gold__main{align-items:flex-start;flex-direction:column;gap:16px}
.kbl-home-57117 .kbl-home-world-gold__icon{display:none!important}
.kbl-home-57117 .kbl-home-world-gold__copy small{font-size:11px!important;letter-spacing:.07em;line-height:1.8}
.kbl-home-57117 #kbl-home-xau-price{display:block;font-family:KBLPlayfair,Georgia,serif!important;font-size:clamp(24px,2.5vw,34px)!important;line-height:1.45;margin:14px 0}
.kbl-home-57117 .kbl-home-world-gold__action{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;color:var(--kbl-ink)!important;white-space:normal;justify-content:flex-start;text-decoration:underline;text-underline-offset:5px}
.kbl-home-57117 #products{background:var(--kbl-surface)!important;border-top:1px solid var(--kbl-line);padding:40px 0 56px!important}
.kbl-home-57117 #products h2{font-family:KBLPlayfair,Georgia,serif!important;font-size:36px!important;font-weight:500!important}
.kbl-home-57117 .filter-tab{border-radius:var(--kbl-radius)!important;border-color:var(--kbl-line)!important}
.kbl-home-57117 .search-box{border-radius:var(--kbl-radius)!important;background:var(--kbl-paper)!important}
.kbl-home-57117 #products .product-card{border:0!important;border-radius:0!important;background:transparent!important}
.kbl-home-57117 #products .product-card:hover{transform:none!important;box-shadow:none!important}
.kbl-home-57117 #products .product-card img{border-radius:0!important}
.kbl-home-57117 #products .product-card button,.kbl-home-57117 #products .product-card a{border-radius:var(--kbl-radius)!important}
.kbl-home-57117 #products .product-lane,.kbl-home-57117 #products .product-lane-head{background:transparent!important}
.kbl-home-57117 #products .product-grid{gap:28px!important}
.kbl-home-57117 #kbl-header-search{border-radius:var(--kbl-radius);background:var(--kbl-paper);border-color:var(--kbl-line)}
.kbl-home-57117.kbl-header-compact .header-inner{padding-top:6px;grid-template-columns:minmax(0,1fr)}
.kbl-home-57117.kbl-header-compact .header-utilities{justify-content:flex-end}
.kbl-home-57117 #kbl-header-categories .filter-tabs{justify-content:flex-start}
html[dir=rtl] .kbl-home-57117 #price-grid .price-value strong,html[dir=rtl] .kbl-home-57117 #kbl-home-xau-price{direction:ltr;text-align:start}
@media(max-width:1000px){.kbl-home-57117 .container{width:calc(100% - 48px)!important}.kbl-home-57117 .header-inner{gap:12px!important}.kbl-home-57117 .brand-copy strong{font-size:24px!important}.kbl-home-57117 #kbl-header-search span{display:none}.kbl-home-57117 .kbl-price-columns{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}.kbl-home-57117 #kbl-home-world-gold{padding:20px!important}.kbl-home-57117 #price-grid .price-value strong{font-size:20px!important}}
@media(max-width:760px){.kbl-home-57117 .container{width:calc(100% - 32px)!important}.kbl-home-57117 .header-inner{grid-template-columns:1fr!important;padding-top:14px}.kbl-home-57117 .brand{justify-content:center}.kbl-home-57117 .header-utilities{justify-content:center!important;flex-wrap:nowrap!important;padding:8px 0}.kbl-home-57117 .main-nav{display:none!important}.kbl-home-57117 .header-account{display:none!important}.kbl-home-57117 #kbl-header-search{display:none!important}.kbl-home-57117 #prices{padding:28px 0!important}.kbl-home-57117 #prices .price-heading{display:block!important}.kbl-home-57117 #prices .updated-at{margin-top:10px}.kbl-home-57117 .kbl-price-columns{grid-template-columns:1fr;gap:24px}.kbl-home-57117 #price-grid .price-value strong{font-size:20px!important}.kbl-home-57117 #price-grid h3{font-size:17px!important}.kbl-home-57117 .kbl-rate-header{padding:12px;font-size:11px}.kbl-home-57117 #price-grid .price-card{padding:18px 12px 12px!important}.kbl-home-57117 #kbl-home-world-gold{gap:16px;padding:22px!important}.kbl-home-57117 #kbl-home-xau-price{font-size:32px!important;margin:8px 0}.kbl-home-57117 #products h2{font-size:30px!important}.kbl-home-57117 #products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.kbl-home-57117.kbl-header-compact .header-inner{padding-top:0}.kbl-home-57117 .kbl-world-controls{flex:1;justify-content:flex-end}.kbl-home-57117 .kbl-world-controls label:first-child{margin-inline-end:auto}.kbl-home-57117 .kbl-world-controls select#kbl-world-country{width:132px}}
@media(max-width:360px){.kbl-home-57117 .container{width:calc(100% - 24px)!important}.kbl-home-57117 #price-grid .price-value strong{font-size:17px!important}.kbl-home-57117 #price-grid h3{font-size:15px!important}.kbl-home-57117 .kbl-world-controls select#kbl-world-country{width:108px}.kbl-home-57117 #kbl-cart-link{flex-basis:36px!important;width:36px!important}}
/* Keep every price on one readable line on narrow screens. */
.kbl-home-57117 .kbl-world-controls select#kbl-world-language{width:118px!important}
@media(max-width:760px){.kbl-home-57117 .kbl-world-controls select#kbl-world-language{width:108px!important}.kbl-home-57117 #price-grid .price-value strong{font-size:clamp(14px,4vw,18px)!important;white-space:nowrap!important;letter-spacing:-.035em!important}.kbl-home-57117 #price-grid h3{font-size:15px!important}.kbl-home-57117 #kbl-home-xau-price{font-size:25px!important}}
@media(max-width:360px){.kbl-home-57117 .kbl-world-controls select#kbl-world-language{width:100px!important}.kbl-home-57117 #price-grid .price-value strong{font-size:13px!important}.kbl-home-57117 #price-grid h3{font-size:13px!important}.kbl-home-57117 #kbl-home-xau-price{font-size:23px!important}}
@media(min-width:361px) and (max-width:760px){.kbl-home-57117 .kbl-world-controls select#kbl-world-language{width:126px!important}}
@media(max-width:760px){
 .kbl-home-57117[data-kbl-display-currency]:not([data-kbl-display-currency=VND]) .kbl-rate-header{display:none}
 .kbl-home-57117[data-kbl-display-currency]:not([data-kbl-display-currency=VND]) #price-grid{border-top:1px solid var(--kbl-line)}
 .kbl-home-57117[data-kbl-display-currency]:not([data-kbl-display-currency=VND]) #price-grid .price-card{grid-template-columns:1fr 1fr;gap:10px 16px}
 .kbl-home-57117[data-kbl-display-currency]:not([data-kbl-display-currency=VND]) #price-grid .price-card-head{grid-column:1/-1}
 .kbl-home-57117[data-kbl-display-currency]:not([data-kbl-display-currency=VND]) #price-grid h3{font-size:17px!important}
 .kbl-home-57117[data-kbl-display-currency]:not([data-kbl-display-currency=VND]) #price-grid .price-value>span{display:block!important;font-size:11px!important}
 .kbl-home-57117[data-kbl-display-currency]:not([data-kbl-display-currency=VND]) #price-grid .price-value strong{font-size:clamp(14px,4.4vw,18px)!important}
}

/* Home display fixes only: readable text, unobstructed prices and product details. */
body.kbl-home-57109{font-size:16px;line-height:1.6}
body.kbl-home-57109 .main-nav a{font-size:14px!important}
body.kbl-home-57109 #prices :is(.updated-at,.kbl-price-unit){font-size:15px!important;line-height:1.7!important}
body.kbl-home-57109 #prices .eyebrow{font-size:13px!important}
body.kbl-home-57109 #prices .kbl-rate-header{font-size:15px!important}
body.kbl-home-57109 #prices #price-grid h3{font-size:22px!important}
body.kbl-home-57109 #prices #price-grid .price-value strong{font-size:clamp(22px,2vw,28px)!important;line-height:1.5!important;letter-spacing:-.025em!important}
body.kbl-home-57109 #prices #price-grid .price-card-foot{font-size:14px!important;line-height:1.7!important}
body.kbl-home-57109 .kbl-home-world-gold__copy small{font-size:14px!important;letter-spacing:.03em!important}
body.kbl-home-57109 #kbl-home-xau-meta{font-size:14px!important;line-height:1.7!important}
body.kbl-home-57109 .kbl-home-world-gold__action{font-size:15px!important;min-height:44px}
body.kbl-home-57109 #products .section-subtitle{font-size:16px!important}
body.kbl-home-57109 #products .product-title-row h3{font-size:18px!important;line-height:1.5!important}
body.kbl-home-57109 #products :is(.product-meta,.product-price small){font-size:14px!important;line-height:1.6!important}
body.kbl-home-57109 #products .product-price strong{font-size:22px!important;line-height:1.5!important;overflow-wrap:anywhere}
body.kbl-home-57109 #products :is(.stock-chip,.gold-chip){font-size:12px!important;line-height:1.5}
body.kbl-home-57109 #products :is(.product-button,.product-try-button){font-size:14px!important;min-height:44px!important;white-space:normal;line-height:1.5}
body.kbl-home-57109 #products .product-utility-btn{font-size:12px!important;min-height:40px;white-space:normal;line-height:1.5}
body.kbl-home-57109 .filter-tab{font-size:14px!important}
body.kbl-home-57109 #kbl-header-categories .filter-tab{font-size:14px!important;min-height:44px!important}
body.kbl-home-57109 :is(.search-box input,.search-box select){font-size:16px!important}
body.kbl-home-57109 #home :is(p,.approved-hero-copy p){font-size:16px!important;line-height:1.7!important}
body.kbl-home-57109 #kbl-mobile-nav a{font-size:13px;line-height:1.4}

/* Fallback until the existing reload button is attached below the AI launcher. */
body.kbl-home-57109 #kbl-pwa-reload{
 position:relative!important;inset:auto!important;float:none!important;
 display:flex;align-items:center;justify-content:center;
 width:max-content!important;max-width:calc(100% - 32px)!important;
 min-width:44px;min-height:44px;margin:20px auto!important;
 transform:none!important;z-index:1!important;font-size:16px!important
}

/* Header (900) and mobile dock (850) must remain below the product dialog. */
body.kbl-home-57109 #product-modal.modal-backdrop{z-index:2000!important}
body.kbl-home-57109 #product-modal .modal-close{
 z-index:20!important;width:44px!important;height:44px!important;
 font-size:28px!important;line-height:1!important;
 color:var(--kbl-ui-ink)!important;background:#fff!important;
 border:1px solid #d5dce5!important;box-shadow:0 3px 14px #122c4326!important
}
body.kbl-home-57109 #product-modal .modal-product-info{scroll-padding-bottom:32px;overflow-wrap:anywhere}
body.kbl-home-57109 #product-modal .v5-trust-grid{display:grid;gap:12px;margin-top:12px}
body.kbl-home-57109 #product-modal .v5-trust-grid>div{display:grid;gap:4px}
body.kbl-home-57109 #product-modal .v5-trust-grid span{font-size:14px;line-height:1.6;color:#64748b}
body.kbl-home-57109 #product-modal .v5-trust-grid b{font-size:16px;line-height:1.6;font-weight:600}
body.kbl-home-57109 #product-modal :is(.modal-description,.modal-intro){font-size:16px!important;line-height:1.7!important}
body.kbl-home-57109 #product-modal :is(.modal-data span,.modal-label-row span,.product-label-note){font-size:14px!important;line-height:1.6!important}
body.kbl-home-57109 #product-modal :is(.modal-data strong,.modal-label-row strong,.product-label-heading){font-size:16px!important;line-height:1.6!important}
body.kbl-home-57109 #product-modal .modal-price{font-size:28px!important;line-height:1.5}
body.kbl-home-57109 #product-modal .modal-actions .btn{font-size:15px!important;min-height:44px}
body.kbl-home-57109.modal-open :is(#kbl-mobile-nav,#kbl-pwa-reload,#floating-contact,.compare-bar){visibility:hidden!important;pointer-events:none!important}

@media(max-width:900px){
 body.kbl-home-57109 #product-modal.modal-backdrop{
  padding:calc(8px + env(safe-area-inset-top,0px)) 8px calc(8px + env(safe-area-inset-bottom,0px))!important;
  overflow:hidden!important;align-items:start!important
 }
 body.kbl-home-57109 #product-modal .product-modal{
  width:100%!important;min-width:0!important;height:auto!important;
  max-height:calc(100vh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  transform:none!important;filter:none!important;contain:none!important;
  padding-top:52px!important;scroll-padding-top:52px;scroll-padding-bottom:32px
 }
 body.kbl-home-57109 #product-modal .modal-close{
  position:fixed!important;top:calc(14px + env(safe-area-inset-top,0px))!important;
  right:calc(14px + env(safe-area-inset-right,0px))!important;
  bottom:auto!important;left:auto!important;margin:0!important
 }
 body.kbl-home-57109 #product-modal .modal-product-info{
  min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important;
  padding:24px 18px calc(36px + env(safe-area-inset-bottom,0px))!important
 }
 body.kbl-home-57109 #product-modal .modal-actions{padding-bottom:12px}
}
@media(max-width:760px){
 /* Two full-width prices leave room for larger digits, including converted currencies. */
 body.kbl-home-57109 #prices .kbl-rate-header{display:none!important}
 body.kbl-home-57109 #prices #price-grid{border-top:1px solid var(--kbl-ui-line)!important}
 body.kbl-home-57109 #prices #price-grid .price-card{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px 12px!important;
  padding:18px 12px 14px!important
 }
 body.kbl-home-57109 #prices #price-grid .price-card-head{grid-column:1/-1!important}
 body.kbl-home-57109 #prices #price-grid h3{font-size:21px!important}
 body.kbl-home-57109 #prices #price-grid .price-value>span{display:block!important;font-size:14px!important;line-height:1.5}
 body.kbl-home-57109 #prices #price-grid .price-value strong{
  font-size:clamp(19px,5.4vw,24px)!important;white-space:normal!important;overflow-wrap:anywhere;
  letter-spacing:-.025em!important
 }
 body.kbl-home-57109 #prices #price-grid .price-card-foot{margin-top:2px!important}
 body.kbl-home-57109 #kbl-home-xau-price{font-size:30px!important;line-height:1.5!important}
 body.kbl-home-57109 #products .product-title-row h3{font-size:16px!important}
 body.kbl-home-57109 #products .product-price strong{font-size:20px!important}
 body.kbl-home-57109 #products .product-body{padding:10px 0!important}
}

/* Stock and gold badges use opposite edges; retain their full text. */
body.kbl-home-57109 #products .product-image .stock-chip{
 top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;
 width:max-content!important;max-width:calc(100% - 16px)!important;
 padding:5px 8px!important;white-space:normal!important;
 overflow:visible!important;text-overflow:clip!important;line-height:1.5!important
}
body.kbl-home-57109 #products .product-image .gold-chip{
 top:auto!important;right:8px!important;bottom:8px!important;left:auto!important;
 max-width:calc(100% - 16px)!important;padding:5px 8px!important;
 white-space:normal!important;line-height:1.5!important
}

/* Reuse the original reload button and its click handler below the AI launcher. */
body.kbl-home-57109 .floating-contact>#kbl-pwa-reload.kbl-reload-under-ai{
 position:relative!important;inset:auto!important;display:grid!important;place-items:center;
 flex:0 0 auto!important;align-self:flex-end;width:44px!important;height:44px!important;
 min-width:44px!important;min-height:44px!important;max-width:44px!important;
 margin:0!important;padding:0!important;border-radius:50%!important;
 background:#d49f13!important;color:#fff!important;border:1px solid #c79412!important;
 box-shadow:0 5px 16px #122c4326!important;font-size:22px!important;line-height:1!important;
 transform:none!important;cursor:pointer;pointer-events:auto
}
body.kbl-home-57109 .kbl-ai-launcher-menu :is(.floating-facebook,.floating-zalo) .floating-contact-logo{
 display:inline-flex!important;align-items:center;justify-content:center;
 flex:0 0 24px!important;width:24px!important;height:24px!important;
 color:transparent!important;font-size:0!important;border:0!important;
 border-radius:0!important;background:transparent!important
}
body.kbl-home-57109 .kbl-ai-launcher-menu :is(.floating-facebook,.floating-zalo) .floating-contact-logo::before{
 content:"";display:block;width:24px;height:24px;
 background-position:center;background-repeat:no-repeat;background-size:contain
}
body.kbl-home-57109 .kbl-ai-launcher-menu .floating-facebook .floating-contact-logo::before{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M15 22v-9h3l.5-4H15V7c0-1.2.3-2 2-2h2V1.4C18.4 1.3 17.2 1 15.5 1 12 1 10 3 10 6.5V9H7v4h3v9z'/%3E%3C/svg%3E")
}
body.kbl-home-57109 .kbl-ai-launcher-menu .floating-zalo .floating-contact-logo::before{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16 3C8.3 3 2 8.3 2 15c0 3.4 1.6 6.5 4.2 8.7L4.8 29l6.2-2.7c1.6.5 3.3.7 5 .7 7.7 0 14-5.3 14-12S23.7 3 16 3z'/%3E%3Ctext x='16' y='19' fill='%230787ff' font-family='Arial,sans-serif' font-size='10' font-weight='700' text-anchor='middle'%3EZalo%3C/text%3E%3C/svg%3E")
}

#kbl-company-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;padding:28px 18px;border-top:1px solid #dbc895;margin-top:24px;background:#faf8f0;color:#173455;font:14px/1.6 Arial,sans-serif}#kbl-company-footer p{margin:5px 0}#kbl-company-footer a{color:#855f17}#kbl-company-footer button,.kbl-cart-page button{font:inherit;border:1px solid #c9aa66;border-radius:10px;background:#fffaf0;color:#173455;padding:10px 14px;cursor:pointer}#kbl-company-qr-dialog{border:1px solid #dbc895;border-radius:18px;width:min(480px,calc(100% - 48px));max-height:86vh;overflow:auto;padding:22px;background:white;color:#173455;font:14px/1.6 Arial,sans-serif}#kbl-company-qr-dialog::backdrop{background:#08244399}#kbl-company-qr-dialog>button{float:right}#kbl-cart-link{position:fixed;bottom:168px;right:14px;z-index:900;background:#173455;color:#fff;padding:10px 14px;border:1px solid #d4af53;border-radius:24px;font:600 13px Arial,sans-serif;text-decoration:none;box-shadow:0 4px 16px #0002}.kbl-cart-page{margin:0;background:#fbf9f2;color:#173455;font:16px/1.5 Arial,sans-serif}.kbl-cart-header,#kbl-cart-root{max-width:1100px;margin:30px auto;padding:0 20px}.kbl-cart-page h1{font-family:Georgia,serif}.kbl-cart-page a{color:#855f17}.kbl-cart-layout{display:grid;grid-template-columns:1fr 360px;gap:24px}.kbl-cart-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}.kbl-cart-product,.kbl-cart-summary{background:white;border:1px solid #e2d8c2;border-radius:16px;padding:18px}.kbl-cart-product img{width:100%;height:200px;object-fit:contain}.kbl-cart-product h3{font-size:17px}.kbl-cart-page .kbl-cart-price{color:#8c631d;font-weight:bold}.kbl-cart-summary{align-self:start}.kbl-cart-page label{display:block;margin:14px 0}.kbl-cart-page input{display:block;box-sizing:border-box;width:100%;font:inherit;padding:11px;border:1px solid #b4bec9;border-radius:8px}.kbl-cart-page input[type=checkbox]{display:inline;width:auto}.kbl-cart-primary{background:#173455!important;color:white!important;border-color:#173455!important}.kbl-cart-page button:disabled{opacity:.5;cursor:default}.kbl-cart-notice{padding:14px;border:1px solid #d9c795;border-radius:10px;margin:16px 0;overflow-wrap:anywhere}.kbl-cart-error{border-color:#b13442;color:#962330}@media(max-width:760px){.kbl-cart-layout{grid-template-columns:1fr}.kbl-cart-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kbl-cart-product{padding:12px}.kbl-cart-product img{height:140px}#kbl-company-footer{align-items:flex-start;justify-content:flex-start}#kbl-cart-link{bottom:168px;right:14px}}

#kbl-cart-link{width:54px;height:54px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#173455,#09233f);box-shadow:0 5px 18px #08244333}#kbl-cart-link:hover{background:#244666}#kbl-cart-link:focus-visible{outline:3px solid #d4af53;outline-offset:3px}.kbl-cart-count{position:absolute;top:-5px;right:-4px;min-width:20px;height:20px;padding:0 3px;border-radius:12px;background:#dab65a;color:#09233f;display:flex;align-items:center;justify-content:center;font:700 11px Arial,sans-serif;border:2px solid white}#product-modal #kbl-modal-cart-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#173455;color:#fff;border:1px solid #c6a35d;border-radius:10px;padding:11px 16px;font:600 14px Arial,sans-serif;cursor:pointer}#product-modal #kbl-modal-cart-add svg{width:20px;height:20px}#product-modal #kbl-modal-cart-add:disabled{opacity:.65;cursor:default}#product-modal #kbl-modal-cart-view{display:inline-flex;align-items:center;color:#173455;padding:10px;font:600 14px Arial,sans-serif}#kbl-modal-cart-notice{font:13px/1.6 Arial,sans-serif;color:#173455;margin:10px 0;overflow-wrap:anywhere}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/BeVietnamPro-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/BeVietnamPro-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/BeVietnamPro-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/BeVietnamPro-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/BeVietnamPro-ExtraBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/PlayfairDisplay-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/PlayfairDisplay.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/PlayfairDisplay-Bold.ttf) format('truetype');
}