body.home{background:#f8fafc;color:#0b1830;font-family:Arial,sans-serif}body.home #main{background:#f8fafc}.gv-builder-main>.section-content{margin:auto}.gv-builder-kpis>.col{padding:0 8px}.gv-builder-kpi>.col-inner{height:140px;background:#fff;border:1px solid #e3e8ef;border-radius:8px;box-shadow:0 2px 9px rgba(15,35,60,.06);position:relative;padding-left:128px!important;display:flex;align-items:center}.gv-builder-kpi.gv-kpi-gold>.col-inner{border-color:#f1ca76;background:linear-gradient(120deg,#fffaf0,#fff)}.gv-builder-kpi.gv-kpi-coral>.col-inner{border-color:#f6d2c8}.gv-builder-kpi.gv-kpi-blue>.col-inner{border-color:#c9ddf5;background:linear-gradient(120deg,#fff,#f4f9ff)}.gv-builder-kpi .text{width:100%}.gv-builder-kpi h3{font-size:16px;color:#aa6100;margin:0 0 4px}.gv-kpi-blue h3{color:#1261c9}.gv-builder-kpi h2{font-size:23px;margin:5px 0;color:#0b1830}.gv-builder-kpi h2 em{font-size:11px;font-style:normal;font-weight:400}.gv-builder-kpi p,.gv-builder-kpi small{margin:4px 0;color:#68758a;font-size:11px}.gv-up{color:#099b42!important}.gv-down{color:#e32828!important}.gv-kpi-icon{position:absolute;left:22px;top:27px;width:82px;height:82px;border-radius:50%;border:1px solid #efc25d;background:#fff8e8;color:#eea400;font-size:38px;display:grid;place-items:center}.gv-kpi-icon.coral{color:#ff6043;border-color:#ffd6ce;background:#fff4f1}.gv-kpi-icon.blue{color:#fff;border:9px solid #d8eaff;background:#2788e8;font-weight:bold}.gv-builder-primary>.col,.gv-builder-secondary>.col{padding:0 6px}.gv-builder-panel>.col-inner{height:100%;background:#fff;border:1px solid #e3e8ef;border-radius:8px;box-shadow:0 2px 9px rgba(15,35,60,.05);overflow:hidden}.gv-builder-primary>.col>.col-inner{min-height:313px}.gv-builder-secondary>.col>.col-inner{min-height:227px}.gv-builder-panel h3{font-size:14px;margin:0 0 8px}.gv-panel-heading{display:flex;align-items:center;justify-content:space-between}.gv-panel-heading a{color:#075bd6;font-size:11px}.gv-builder-panel .aurum-card{border:0;box-shadow:none;border-radius:0;padding:0}.gv-builder-panel .aurum-chart-shell{background:#fff}.gv-builder-panel .aurum-chart-toolbar:first-child,.gv-builder-panel .aurum-mode-tabs,.gv-builder-panel .aurum-sessionbar{display:none}.gv-builder-panel .aurum-chart-wrap{height:225px}.gv-builder-panel .aurum-chart-wrap canvas{height:205px}.gv-builder-panel .aurum-legend{padding:3px 0}.gv-builder-panel .aurum-compare-table{font-size:11px}.gv-builder-panel .aurum-compare-table th,.gv-builder-panel .aurum-compare-table td{padding:8px}.gv-builder-panel .aurum-compare-table th:nth-child(4),.gv-builder-panel .aurum-compare-table td:nth-child(4),.gv-builder-panel .aurum-compare-table th:nth-child(5),.gv-builder-panel .aurum-compare-table td:nth-child(5),.gv-builder-panel .aurum-compare-table th:nth-child(6),.gv-builder-panel .aurum-compare-table td:nth-child(6){display:none}.gv-builder-panel .button{min-height:27px;height:27px;line-height:25px;font-size:10px;margin:4px 0}.gv-builder-secondary .row-inner{border-top:1px solid #e7ebef;padding-top:6px;margin-top:4px}.gv-builder-secondary .row-inner>.col{padding:0 5px}.gv-builder-secondary b{font-size:11px;line-height:14px;display:block}.gv-builder-secondary small{font-size:9px;color:#68758a;display:block;margin-top:4px}.gv-news-pic{height:42px;border-radius:5px;background:linear-gradient(135deg,#8c5c10,#e6ac27);color:#ffe17d;display:grid;place-items:center}.gv-news-pic.silver{background:linear-gradient(#d9d6cd,#6c7274);color:#fff}.gv-stat-row>.col>.col-inner{border:1px solid #e0e5ec;border-radius:5px;text-align:center;padding:8px 3px}.gv-stat-row h4{margin:4px 0;font-size:14px}.gv-mini-bars{height:70px;border-bottom:1px solid #dde3e9;display:flex;align-items:flex-end;justify-content:space-around;padding:0 20px}.gv-mini-bars i{width:15px;height:12px;background:#20b954;border-radius:2px}.gv-mini-bars i:nth-child(4){height:35px}.gv-mini-bars i.down{height:17px;background:#ef3030}.gv-watch p{height:39px;margin:0;border-top:1px solid #e8ebf0;display:flex;align-items:center;color:#f2a900}.gv-watch b{color:#102039;margin-left:14px}.gv-watch em{margin-left:auto;color:#102039;font-style:normal}.gv-benefits{border-top:1px solid #eee0c6}.gv-benefits .text{text-align:center}.gv-benefits b{font-size:10px;color:#15243a}.gv-benefits small{font-size:9px;color:#6e798b;display:block}.gv-builder-main+.gv-benefits{margin-top:0}.home .aurum-topline,.home .aurum-ticker{display:none}@media(max-width:849px){.gv-builder-kpi>.col-inner{margin-bottom:10px}.gv-builder-primary>.col>.col-inner,.gv-builder-secondary>.col>.col-inner{margin-bottom:10px}.gv-builder-main{padding-left:8px!important;padding-right:8px!important}}@media(max-width:549px){.gv-builder-kpi>.col-inner{padding-left:118px!important}.gv-kpi-icon{left:18px}}
.gv-builder-panel .aurum-chart-wrap{background:#fff!important}
body.home .page-wrapper{padding:0!important}body.home .page-wrapper .page-inner{padding:0!important}
/* Figma proportions inside the container supplied by Flatsome. */
.gv-builder-main .col{padding-bottom:0}.gv-builder-kpi>.col-inner{padding-left:98px!important}.gv-kpi-icon{width:66px;height:66px;left:18px;top:35px;font-size:30px}.gv-builder-kpi h3{font-size:13px;white-space:nowrap}.gv-builder-kpi h2{font-size:20px;white-space:nowrap}.gv-builder-kpi p,.gv-builder-kpi small{font-size:9px}.gv-builder-primary>.col>.col-inner{height:313px!important;min-height:313px!important}.gv-builder-secondary>.col>.col-inner{height:227px!important;min-height:227px!important}.gv-builder-panel .aurum-chart-wrap{height:205px!important}.gv-builder-panel .aurum-chart-wrap canvas{height:190px!important}.gv-builder-secondary .row-inner{padding-top:3px;margin-top:2px}.gv-builder-secondary .row-inner>.col{padding-bottom:2px}.gv-news-pic{height:38px}.gv-builder-secondary small{margin-top:2px}.gv-stat-row>.col>.col-inner{padding:5px 2px}.gv-mini-bars{height:55px}.gv-watch p{height:34px}.gv-builder-panel .button{margin-top:2px}.page-wrapper>.row>.col{padding-bottom:0}
.gv-builder-panel .aurum-chart-shell{position:relative;overflow:visible}.gv-builder-panel .aurum-chart-toolbar:first-child{display:flex!important;position:absolute;right:0;top:-39px;padding:0;z-index:2}.gv-builder-panel .aurum-chart-toolbar:first-child>div:first-child{display:none}.gv-builder-panel .aurum-range-tabs{display:flex;gap:5px}.gv-builder-panel .aurum-mini-tab{height:25px;min-width:38px;padding:0 8px;border:1px solid #dfe5ed;background:#fff;color:#42516a;border-radius:5px;font-size:10px}.gv-builder-panel .aurum-mini-tab.active{background:#df9600!important;border-color:#df9600!important;color:#fff!important}.gv-builder-panel .aurum-compare-table th:nth-child(5),.gv-builder-panel .aurum-compare-table td:nth-child(5){display:table-cell}.gv-builder-panel .aurum-compare-table th:nth-child(4),.gv-builder-panel .aurum-compare-table td:nth-child(4),.gv-builder-panel .aurum-compare-table th:nth-child(6),.gv-builder-panel .aurum-compare-table td:nth-child(6){display:none}.gv-builder-panel .aurum-compare-table th:nth-child(5){font-size:0}.gv-builder-panel .aurum-compare-table th:nth-child(5):after{content:"Thay đổi";font-size:9px}.gv-watch p{height:30px}.gv-builder-secondary .button{display:block!important;margin-top:0}.gv-builder-secondary>.col>.col-inner{padding-bottom:5px!important}
.gv-builder-panel .aurum-compare-table{min-width:0!important;table-layout:fixed}.gv-builder-panel .aurum-compare-table th:first-child,.gv-builder-panel .aurum-compare-table td:first-child{width:38%}.gv-builder-panel .aurum-compare-table th,.gv-builder-panel .aurum-compare-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gv-builder-panel .aurum-table-wrap{overflow:hidden}.gv-builder-secondary .button{height:22px!important;min-height:22px!important;line-height:20px!important}
.gv-kpi-icon{object-fit:contain!important;border:0!important;background:transparent!important;border-radius:0!important}.gv-news-pic{display:block;width:100%;height:46px;object-fit:cover;background:none}.gv-builder-panel .aurum-compare-table td:first-child{display:flex;align-items:center;gap:8px}.gv-builder-panel .aurum-compare-table td:first-child:before{content:"";display:inline-block;width:22px;height:22px;flex:0 0 22px;background-size:contain;background-position:center;background-repeat:no-repeat}.gv-builder-panel .aurum-compare-table tr[data-brand="sjc"] td:first-child:before{background-image:url('../images/figma/brand-sjc.png')}.gv-builder-panel .aurum-compare-table tr[data-brand="doji"] td:first-child:before{background-image:url('../images/figma/brand-doji.png')}.gv-builder-panel .aurum-compare-table tr[data-brand="pnj"] td:first-child:before{background-image:url('../images/figma/brand-pnj.png')}.gv-builder-panel .aurum-compare-table tr[data-brand="btmc"] td:first-child:before{background-image:url('../images/figma/brand-btmc.png')}.gv-builder-panel .aurum-compare-table tr[data-brand="phu-quy"] td:first-child:before{background-image:url('../images/figma/brand-phuquy.png')}
.gv-figma-chart{position:relative;height:260px}.gv-chart-head{height:33px;display:flex;align-items:center;justify-content:space-between}.gv-chart-legend{display:flex;gap:32px;color:#66758c;font-size:11px}.gv-chart-legend span:before{content:"";display:inline-block;width:22px;border-top:2px solid #f4a000;margin-right:8px;vertical-align:middle}.gv-chart-legend .sell:before{border-color:#f51e2b}.gv-chart-tabs{display:flex;gap:5px;position:absolute;right:0;top:-39px}.gv-chart-tabs button{height:27px;min-width:40px;padding:0 8px;border:1px solid #dfe5ed;border-radius:5px;background:#fff;color:#42516a;font-size:10px}.gv-chart-tabs button.active{background:#df9600;border-color:#df9600;color:#fff}.gv-chart-unit{position:absolute;top:27px;left:0;color:#687892;font-size:9px}.gv-figma-chart svg{display:block;width:100%;height:205px;margin-top:3px}.gv-chart-tip{position:absolute;right:16%;top:116px;background:#fff;border:1px solid #dfe5ec;border-radius:6px;box-shadow:0 3px 12px rgba(20,40,70,.12);padding:8px 11px;font-size:9px;line-height:17px}.gv-chart-tip b,.gv-chart-tip span{display:block}.gv-chart-tip .buy{color:#b77900}.gv-chart-tip .sell{color:#d7212b}
.gv-chart-dot{cursor:pointer;transition:r .12s ease,filter .12s ease}.gv-chart-dot:hover,.gv-chart-dot.is-active{r:6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.gv-chart-tip{pointer-events:none;z-index:4;transition:left .12s ease,top .12s ease,opacity .12s ease}
/* Hidden until the pointer is actually over a data point; JS adds .is-visible
   on hover and drops it on mouseleave. Previously the markup rendered with
   seed values and no hidden state, so a tooltip sat pinned on the chart. */
.gv-chart-tip{opacity:0;visibility:hidden}
.gv-chart-tip.is-visible{opacity:1;visibility:visible}
.gv-chart-date{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.gv-chart-notice{position:absolute;top:31px;right:0;color:#6b778b;font-size:10px;z-index:3}.gv-chart-tabs button{cursor:pointer}
.gv-world-chart .gv-chart-line-sell,.gv-world-chart .gv-chart-dot[data-side="sell"],.gv-world-chart .gv-chart-tip .sell{display:none!important}.gv-world-chart .gv-chart-legend .buy:before{border-color:#f4a000}
.gv-metal-switch{display:flex;position:absolute;left:0;top:1px;border:1px solid #dfe5ed;border-radius:7px;overflow:hidden;z-index:5}.gv-metal-switch button{height:29px;padding:0 15px;border:0;background:#fff;color:#526078;font-size:11px;font-weight:600;margin:0}.gv-metal-switch button.active{background:#d88900;color:#fff}.gv-world-chart .gv-chart-head{padding-left:130px}.gv-world-chart .gv-chart-unit{top:34px}
@media(max-width:549px){.gv-builder-primary>.col:first-child>.col-inner{padding-top:14px!important}.gv-builder-primary>.col:first-child h3{font-size:15px;line-height:20px;margin-bottom:8px;white-space:normal}.gv-world-chart{height:330px!important;padding-top:0}.gv-world-chart .gv-chart-tabs{position:absolute;top:0;left:0;right:0;width:100%;display:flex;gap:5px}.gv-world-chart .gv-chart-tabs button{flex:1;min-width:0;height:32px;padding:0 4px;font-size:11px}.gv-world-chart .gv-chart-head{height:78px;padding:40px 0 0 130px;align-items:center}.gv-world-chart .gv-metal-switch{top:42px}.gv-world-chart .gv-chart-legend{gap:0;white-space:nowrap;font-size:12px}.gv-world-chart .gv-chart-unit{top:76px;font-size:10px;font-weight:500}.gv-world-chart svg{height:225px;margin-top:8px;overflow:visible}.gv-world-chart svg text{font-size:11px!important;font-weight:600;transform-box:fill-box;transform-origin:left center;transform:scaleX(2.35)}.gv-world-chart .gv-chart-tip{max-width:225px;padding:8px 10px;font-size:11px;line-height:17px;white-space:nowrap}.gv-builder-primary>.col:first-child>.col-inner{height:390px!important;min-height:390px!important}}
.gvf-news-item{display:flex;gap:14px;align-items:center;padding:6px 0;border-top:1px solid #e7ebef;color:#102039}.gvf-news-item:first-child{border-top:0}.gvf-news-item img{width:110px;height:48px;object-fit:cover;border-radius:5px;flex:0 0 110px}.gvf-news-item span{min-width:0}.gvf-news-item b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gvf-news-item small{margin-top:3px}.gvf-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.gvf-stat-grid>div{border:1px solid #e0e5ec;border-radius:5px;text-align:center;padding:7px 3px}.gvf-stat-grid h4{margin:4px 0;font-size:15px}
.gv-gap-spark{position:absolute;right:12px;bottom:14px;width:70px;height:40px;object-fit:contain}.gv-kpi-coral h2,.gv-kpi-coral h3,.gv-kpi-coral small{max-width:145px}.gv-builder-panel .aurum-compare-table th:first-child,.gv-builder-panel .aurum-compare-table td:first-child{width:44%}.gv-builder-panel .aurum-compare-table th:not(:first-child),.gv-builder-panel .aurum-compare-table td:not(:first-child){width:18.66%}.gv-builder-panel .aurum-compare-table td:first-child{font-size:10px}.gv-builder-panel .aurum-compare-table td:first-child .aurum-brandname{overflow:visible}
/* Readable typography scale. */
.gv-builder-main{font-size:13px}.gv-builder-kpi h3{font-size:15px}.gv-builder-kpi h2{font-size:22px}.gv-builder-kpi h2 em{font-size:12px}.gv-builder-kpi p,.gv-builder-kpi small{font-size:11px}.gv-builder-panel h3{font-size:14px}.gv-panel-heading a{font-size:12px}.gv-chart-legend{font-size:12px}.gv-chart-unit{font-size:10px}.gv-chart-tabs button{font-size:11px}.gv-chart-tip{font-size:10px}.gv-builder-panel .aurum-compare-table{font-size:12px}.gv-builder-panel .aurum-compare-table th{font-size:11px}.gv-builder-panel .aurum-compare-table td{font-size:12px}.gv-builder-panel .aurum-compare-table td:first-child{font-size:11px}.gv-builder-secondary b{font-size:12px;line-height:15px}.gv-builder-secondary small{font-size:10px}.gv-stat-row h4{font-size:15px}.gv-watch p{font-size:12px}.gv-builder-panel .button{font-size:11px}
/* News list spacing. */
.gv-builder-secondary>.col:first-child .row-inner{min-height:53px;margin:0!important;padding:5px 0!important;border-top:1px solid #e7ebef;align-items:center}.gv-builder-secondary>.col:first-child .row-inner:first-of-type{border-top:0}.gv-builder-secondary>.col:first-child .row-inner>.col{padding-top:0;padding-bottom:0}.gv-builder-secondary>.col:first-child .row-inner .text{margin:0}.gv-builder-secondary>.col:first-child .gv-news-pic{height:43px}.gv-builder-secondary>.col:first-child b{margin-bottom:3px}
.gv-builder-secondary>.col:first-child>.col-inner>.row{min-height:53px;margin:0!important;padding:5px 0!important;border-top:1px solid #e7ebef;align-items:center}.gv-builder-secondary>.col:first-child>.col-inner>.row:first-of-type{border-top:0}.gv-builder-secondary>.col:first-child>.col-inner>.row>.col{padding-top:0;padding-bottom:0}.gv-builder-secondary>.col:first-child>.col-inner>.row .text{margin:0}
.gv-builder-secondary>.col:first-child>.col-inner>.row{height:50px!important;min-height:0!important;padding:3px 0!important;box-sizing:border-box}.gv-builder-secondary>.col:first-child .gv-news-pic{height:42px}
/* Taller lower dashboard row for comfortable news spacing. */
.gv-builder-secondary>.col>.col-inner{height:270px!important;min-height:270px!important}.gv-builder-secondary>.col:first-child>.col-inner>.row{height:60px!important;padding:6px 0!important}.gv-builder-secondary>.col:first-child .gv-news-pic{height:46px}.gv-builder-secondary>.col:first-child b{line-height:16px;margin-bottom:4px}
/* Keep the brand column as a real table cell so long names are not clipped. */
.gv-builder-panel .aurum-compare-table td:first-child{
	display:table-cell!important;
	overflow:visible;
	text-overflow:clip;
	vertical-align:middle;
}
.gv-builder-panel .aurum-compare-table td:first-child:before{
	vertical-align:middle;
	margin-right:8px;
}
@media(max-width:549px){
	.gv-builder-panel .aurum-compare-table th:first-child,
	.gv-builder-panel .aurum-compare-table td:first-child{width:48%}
	.gv-builder-panel .aurum-compare-table th:not(:first-child),
	.gv-builder-panel .aurum-compare-table td:not(:first-child){width:17.33%}
}
/* Narrow-desktop gap (~850–1200px, e.g. iPad Pro at 1024px): the KPI row still
   renders 4-across here (Flatsome's own breakpoint system only switches at
   849px), but the container is far narrower than the wide-desktop width the
   Figma card proportions (98px icon gutter, 20px price) assumed — the price
   text was genuinely overflowing its box (measured: needs ~170px, had ~105px).
   Shrink the icon gutter and price size specifically in this range instead of
   changing column count. */
@media (min-width:850px) and (max-width:1200px){
	.gv-builder-kpi>.col-inner{padding-left:64px!important}
	.gv-kpi-icon{width:44px;height:44px;left:12px;top:50%;margin-top:-22px;font-size:20px}
	.gv-builder-kpi h3{font-size:12px;white-space:normal}
	.gv-builder-kpi h2{font-size:15px}
	.gv-builder-kpi p,.gv-builder-kpi small{font-size:9px}
	.gv-gap-spark{width:44px;height:26px}
}

/* KPI card stacking.
   .col-inner is a flex container and the original CSS relied on a single
   `.text` child (from an [ux_text] wrapper) to hold the heading + value.
   UX Builder strips that wrapper when it re-saves the page, which leaves the
   <h3> and the live-value block as two sibling flex items laid out in a row —
   the heading ended up beside the number and the text overflowed the card.
   Stacking the column here makes the card correct with or without a wrapper. */
.gv-builder-kpi>.col-inner{
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
}
.gv-builder-kpi>.col-inner>.gvf-live,
.gv-builder-kpi>.col-inner>.text{width:100%}