.gv-global-header{border-bottom:1px solid #e2e7ed}.gv-header-row{height:74px}.gv-header-row>.col{padding-bottom:0}.gv-header-logo{display:flex;align-items:center;color:#0a172c}.gv-logo-mark{width:65px;color:#eda800;font-size:38px}.gv-header-logo b{display:block;font-size:27px;line-height:28px;letter-spacing:.3px;text-transform:uppercase}.gv-header-logo small{display:block;color:#66748a;font-size:11px;margin-top:3px}.gv-header-menu{list-style:none;margin:0;padding:0;height:74px;display:flex;align-items:center;justify-content:center;gap:28px;white-space:nowrap}.gv-header-menu li{display:flex}.gv-header-menu a{height:74px;display:flex;align-items:center;color:#0c1a30;font-size:12px;font-weight:500;position:relative}.gv-header-menu li.current-menu-item>a,.gv-header-menu li.current_page_item>a,.gv-header-menu li.current-menu-parent>a{color:#c57800;font-weight:700}.gv-header-menu li.current-menu-item>a:after,.gv-header-menu li.current_page_item>a:after,.gv-header-menu li.current-menu-parent>a:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:13px;background:#d69000}.gv-header-actions{height:74px;display:flex;align-items:center;justify-content:flex-end;gap:16px;color:#40516c}.gv-header-actions>span{font-size:22px}.gv-header-actions>div{min-width:155px;border:1px solid #ccd7e4;border-radius:8px;text-align:left;padding:7px 12px;font-size:10px;line-height:16px}.gv-notify{position:relative}.gv-notify i{position:absolute;top:-8px;right:-8px;background:#e9202b;color:#fff;font:bold 9px Arial;border-radius:10px;padding:2px 5px}.gv-footer-benefits{border-top:1px solid #efe3ce}.gv-footer-benefits .col{padding-bottom:0}.gv-footer-benefits .text{text-align:center}.gv-footer-benefits b{display:block;color:#13223a;font-size:10px}.gv-footer-benefits small{display:block;color:#6c788b;font-size:9px}.gv-global-footer{color:#dce4ec}.gv-global-footer .col{padding-bottom:8px}.gv-footer-logo{display:block;color:#efa800!important;font-size:18px;font-weight:bold;margin-bottom:8px}.gv-global-footer h4{color:#fff;font-size:11px;margin:0 0 10px}.gv-global-footer p,.gv-global-footer a{color:#d6dee7;font-size:10px;line-height:19px;margin:0}.gv-global-footer .text>a:not(.gv-footer-logo){display:block}.gv-social{font-size:10px;color:#d7dee7;margin-top:8px}.gv-footer-contact{border-left:1px solid #294158;padding-left:45px}.gv-footer-contact label{font-size:10px;color:#fff}.gv-subscribe{display:flex;margin-top:5px}.gv-subscribe input{height:28px;border:0;background:#fff;padding:6px 10px;font-size:9px;flex:1}.gv-subscribe button{height:28px;border:0;background:#e8a300;color:#172238;padding:0 18px;font-size:9px;font-weight:bold}.gv-footer-bottom{border-top:1px solid #294158;padding-top:7px;text-align:center;color:#d5dde6;font-size:9px}@media(max-width:849px){.gv-header-row{height:auto;min-height:68px}.gv-header-actions>div,.gv-header-actions .gv-notify{display:none}.gv-footer-contact{border-left:0;padding-left:15px}.gv-global-footer{padding-left:10px!important;padding-right:10px!important}}@media(max-width:549px){.gv-header-logo b{font-size:20px}.gv-header-logo small{display:none}.gv-logo-mark{width:38px;font-size:27px}.gv-header-actions>span:first-child{display:none}}
/* Footer proportions; row width remains owned by Flatsome.
   (Header sizing/spacing reverted to the original Figma-derived values from
   the first ruleset above — this compact pass had shrunk the logo, menu gap,
   and action-box padding well below the source design.) */
/* No fixed height here: it was 51px while the section's own padding is 26px top +
   26px bottom, which under border-box left ~0px for content and clipped the
   benefit labels (measured: 63px of content inside a 53px box). Let the section
   size itself from its padding + content instead. */.gv-global-footer{height:170px}.gv-global-footer>.section-content>.row:first-child{height:125px}.gv-global-footer p,.gv-global-footer a{font-size:9px;line-height:16px}.gv-global-footer h4{font-size:10px;margin-bottom:6px}.gv-footer-contact{padding-left:28px}.gv-subscribe input,.gv-subscribe button{height:25px}.gv-footer-bottom{padding-top:4px}
/* Removed: .gv-global-footer / .gv-footer-benefits padding !important overrides —
   both sections already set their own vertical padding via the [section padding="..."]
   shortcode attribute (see the live Global Footer block content); these hardcoded
   !important rules from an earlier compact-tuning pass were silently overriding
   that attribute regardless of its value, which is why editing the shortcode's
   padding never visibly changed anything. */
.gv-header-logo>img{width:64px;height:47px;object-fit:contain;margin-right:12px}/* The footer logo is now a real <img> from Customizer → Header → Logo
   ("Dark version" slot), rendered by [aurum_footer_logo] — no pseudo-element
   icon glued in front of hardcoded brand text any more. */
.gv-footer-logo{display:inline-block;margin-bottom:12px}
.gv-footer-logo>img{display:block;width:auto;height:38px;object-fit:contain}
.gv-footer-benefits .text{position:relative;padding-left:32px;text-align:left}.gv-footer-benefits .text>img{position:absolute;left:0;top:0;width:25px;height:29px;object-fit:contain}.gv-social{display:block;width:127px;height:28px;object-fit:contain;margin-top:8px}.gv-subscribe{width:220px}.gv-subscribe input{width:150px!important;min-width:150px}.gv-subscribe button{width:70px;padding:0!important}
/* Readable typography scale. */
.gv-header-menu a{font-size:12px}.gv-header-actions>div{font-size:10px}.gv-footer-benefits b{font-size:11px}.gv-footer-benefits small{font-size:10px}.gv-global-footer h4{font-size:11px}.gv-global-footer p,.gv-global-footer a{font-size:11px;line-height:18px}.gv-footer-contact label{font-size:11px}.gv-subscribe input,.gv-subscribe button{font-size:10px}.gv-footer-bottom{font-size:10px}
.gv-mobile-menu{display:none;border:0;background:transparent;color:#102039;font-size:25px;line-height:1;padding:8px;margin:0;min-height:40px}.gv-header-nav-col{display:block}
@media(min-width:850px){.gv-footer-benefits>.section-content>.row{display:flex;justify-content:center}.gv-footer-benefits>.section-content>.row>.col{flex:0 0 20%;max-width:20%}.gv-footer-benefits .text{display:block;width:max-content;max-width:100%;margin:0 auto}.gv-footer-contact{border-left:0!important;padding-left:15px!important}.gv-footer-bottom{border-top:1px solid #294158}}
@media(max-width:849px){.gv-global-header{position:relative;z-index:30}.gv-header-row{min-height:68px;height:auto!important;align-items:center}.gv-header-row>.col{padding-bottom:0}.gv-header-logo>img{width:48px;height:38px;margin-right:8px}.gv-header-logo b{font-size:20px;line-height:23px}.gv-header-logo small{display:none}.gv-header-actions>span,.gv-header-actions>div{display:none!important}.gv-mobile-menu{display:inline-flex;align-items:center;justify-content:center}.gv-header-nav-col{display:none!important;order:3;flex-basis:100%!important;max-width:100%!important;padding:0 15px 12px!important}.gv-global-header.is-menu-open .gv-header-nav-col{display:block!important}.gv-header-menu{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;border:1px solid #e1e7ee;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(12,31,54,.12);overflow:hidden}.gv-header-menu a{height:43px;padding:0 16px;border-bottom:1px solid #edf0f4;font-size:13px;justify-content:flex-start}.gv-header-menu li:last-child a{border-bottom:0}.gv-header-menu li.current-menu-item>a:after,.gv-header-menu li.current_page_item>a:after,.gv-header-menu li.current-menu-parent>a:after{left:0;right:auto;top:0;bottom:0;width:3px;height:auto}.gv-footer-benefits{height:auto!important;padding:10px 8px!important}.gv-footer-benefits>.section-content>.row{height:auto!important}.gv-footer-benefits .col{min-height:48px;padding:5px 8px!important}.gv-footer-benefits .text{padding-left:34px}.gv-global-footer{height:auto!important;min-height:0!important;padding:20px 16px 12px!important;background:#071b31!important}.gv-global-footer>.section-content,.gv-global-footer>.section-content>.row,.gv-global-footer>.section-content>.row:first-child{height:auto!important;min-height:0!important}.gv-global-footer .gv-footer-row{display:flex;flex-wrap:wrap;margin:0 auto}.gv-global-footer .gv-footer-row>.col{padding:0 8px 18px!important;background:transparent!important}.gv-global-footer .gv-footer-row>.col:first-child{padding-bottom:24px!important}.gv-global-footer h4{font-size:12px;margin:0 0 8px}.gv-global-footer p,.gv-global-footer a{font-size:11px;line-height:19px}.gv-footer-contact{border-left:0!important;padding-left:8px!important}.gv-subscribe{width:100%;max-width:280px}.gv-footer-bottom{position:static!important;height:auto!important;margin:2px 0 0!important;padding:10px 0 0!important;border-top:1px solid #294158;text-align:center}.gv-footer-bottom .col{padding:0!important}.gv-footer-bottom span{display:block}.gv-social{margin-top:10px}}

/* Benefits strip layout.
   The earlier rules for this block all targeted `.gv-footer-benefits .text`,
   but that wrapper does not exist here — the markup puts <img>/<b>/<small>
   directly inside `.col-inner` (no [ux_text] wrapper), so those rules were
   dead code and the icon fell above the label instead of beside it.
   These target the real structure: icon left, title + subtitle stacked right. */
.gv-footer-benefits .col-inner{
	display:grid;
	/* Both tracks size to their content (not 1fr) so the icon+label block stays
	   as narrow as its text; justify-content then genuinely centres that block
	   inside the column. With a 1fr second track the label box filled the whole
	   column and its left-aligned text left a wide empty gutter on the right,
	   which read as the whole strip being shifted left. */
	grid-template-columns:auto auto;
	grid-template-rows:auto auto;
	column-gap:11px;
	align-content:center;
	justify-content:center;
	text-align:left;
}
.gv-footer-benefits .col-inner>img{
	grid-row:1/3;
	align-self:center;
	width:26px;
	height:26px;
	object-fit:contain;
}
.gv-footer-benefits .col-inner>b{grid-column:2;align-self:end;line-height:1.35}
.gv-footer-benefits .col-inner>small{grid-column:2;align-self:start;line-height:1.35}
@media(max-width:849px){
	.gv-footer-benefits .col-inner{justify-content:start}
}

/* Công cụ tiện ích + Thương hiệu vàng uy tín */
.gv-tools,.gv-brands{background:#fff;border:1px solid #e6ebf1;border-radius:10px;padding:16px 20px;margin-bottom:14px}
.gv-tools-title{font-size:12px;font-weight:700;letter-spacing:.4px;color:#0b1830;margin:0 0 14px}
.gv-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.gv-tools-grid>.gv-tool+.gv-tool{border-left:1px solid #eaeef3;padding-left:22px}
.gv-tool-label{display:block;font-size:11px;font-weight:700;color:#c78a00;letter-spacing:.3px;margin-bottom:8px}
.gv-tool-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.gv-tool-row select{height:38px;min-width:132px;border:1px solid #dbe2ea;border-radius:7px;background:#fff;color:#0b1830;font-size:13px;padding:0 10px;margin:0}
.gv-tool-field{display:block;flex:1;min-width:120px}
.gv-tool-field small{display:block;font-size:11px;color:#7b8698;margin-bottom:4px}
.gv-tool-field input{height:38px;width:100%;border:1px solid #dbe2ea;border-radius:7px;padding:0 11px;font-size:14px;color:#0b1830;margin:0;background:#fff}
.gv-tool-unit{height:38px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid #dbe2ea;border-radius:7px;background:#f6f8fb;color:#5b6779;font-size:12px;white-space:nowrap}
.gv-tool-result{margin:12px 0 0;font-size:15px;color:#0b1830}
.gv-tool-result b{font-weight:700}
.gv-brands-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.gv-brand-item{display:inline-flex;align-items:center;justify-content:center;min-width:96px}
.gv-brand-item img{max-width:118px;max-height:38px;width:auto;height:auto;object-fit:contain}
.gv-brand-item b{font-size:13px;font-weight:700;color:#b8860b;white-space:nowrap}
@media(max-width:849px){
	.gv-tools-grid{grid-template-columns:1fr;gap:18px}
	.gv-tools-grid>.gv-tool+.gv-tool{border-left:0;padding-left:0;border-top:1px solid #eaeef3;padding-top:18px}
	.gv-brands-row{justify-content:center;gap:22px}
}
/* Keep the selector beside its input instead of stretching to the full row —
   Flatsome sets select{width:100%} globally, which pushed the input onto its
   own line. Brand row shows the 24px mark next to the name (the bundled brand
   assets are small icons, not full wordmarks). */
.gv-tool-row select{flex:0 0 auto;width:auto;min-width:126px;max-width:150px}
.gv-tool-field{flex:1 1 130px}
.gv-brand-item{gap:8px;min-width:0}
.gv-brand-item img{width:24px;height:24px;max-width:24px;max-height:24px;flex:0 0 24px}
.gv-brand-item b{font-size:13px;font-weight:700;color:#12233c;white-space:nowrap}
/* Flatsome gives <label> a default bottom margin; with align-items:flex-end the
   flex row aligns margin boxes, so the input sat 5px above the select/unit. */
.gv-tool-field{margin:0}
/* Brand strip rebuilt with native UX Builder elements ([row]/[col]/[ux_image])
   so each logo is uploadable/replaceable directly in the builder. The wrapper
   card styling that [aurum_brand_strip] used to provide now hangs off the row. */
.gv-brand-row{background:#fff;border:1px solid #e6ebf1;border-radius:10px;padding:14px 20px 6px;margin:0 0 14px!important}
.gv-brand-row>.col{padding-bottom:8px}
.gv-brand-col img{max-height:42px;width:auto;margin:0 auto;object-fit:contain}
/* Brand row: heading spans the full width, the five logo columns sit centred
   under it. Logos are capped by height and never upscaled past their natural
   size, so small marks stay crisp and larger uploaded logos still fit. */
.gv-brand-row{justify-content:center}
.gv-brand-head{padding-bottom:2px!important}
.gv-brand-head .gv-tools-title{margin-bottom:0}
.gv-brand-col{padding-bottom:10px!important}
.gv-brand-col .img,.gv-brand-col .img-inner{margin:0!important}
.gv-brand-col img{width:auto!important;max-width:100%;max-height:40px;margin:0 auto;object-fit:contain}
/* Brand logo slot sized for real logo files (up to 150px tall). Images are not
   force-upscaled past their own resolution: the bundled brand-*.png marks are
   only 24x24, and stretching those to 150px produces a blurry blob. Replace
   them with full-resolution logos via UX Builder and they fill the slot. */
.gv-brand-col{min-height:150px;display:flex;align-items:center;justify-content:center}
.gv-brand-col .col-inner{width:100%}
.gv-brand-col img{width:auto!important;max-width:100%;max-height:150px;margin:0 auto;object-fit:contain}