:root {
  --hao-gold: #ffcb2f;
  --hao-gold-strong: #ffd84f;
  --hao-gold-deep: #d79a00;
  --hao-gold-soft: #fff3bf;
  --hao-gold-cream: #fff9e8;
  --hao-gold-border: #efca5a;
  --hao-black: #111111;
  --hao-charcoal: #1d1d1d;
  --hao-muted: #6b5a31;
  --hao-card: #fffdfa;
  --red: var(--hao-gold);
  --red2: var(--hao-gold-deep);
  --red-l: var(--hao-gold-soft);
  --navy: var(--hao-black);
  --navy2: var(--hao-charcoal);
  --blue: var(--hao-black);
  --blue2: var(--hao-charcoal);
  --bg: var(--hao-gold-cream);
  --card: var(--hao-card);
  --border: var(--hao-gold-border);
  --text: var(--hao-black);
  --muted: var(--hao-muted);
  --green: var(--hao-gold-deep);
  --htc-red: var(--hao-gold);
  --htc-red2: var(--hao-gold-deep);
  --htc-blue: var(--hao-black);
  --htc-blue2: var(--hao-charcoal);
  --htc-navy: var(--hao-black);
  --htc-bg: var(--hao-gold-cream);
  --htc-card: var(--hao-card);
  --htc-border: var(--hao-gold-border);
  --htc-text: var(--hao-black);
  --htc-muted: var(--hao-muted);
}

html[data-hao-theme='gold-black'] {
  color-scheme: light;
}

html[data-hao-theme='gold-black'] body {
  background: #fff8df;
  color: var(--hao-black);
}

html[data-hao-theme='gold-black'] ::selection {
  background: rgba(242, 181, 68, 0.22);
  color: var(--hao-black);
}

html[data-hao-theme='gold-black'] .htc-topbar,
html[data-hao-theme='gold-black'] .menu-scroll.htc-scroll-header,
html[data-hao-theme='gold-black'] #adm-loading-bar,
html[data-hao-theme='gold-black'] .bg-brand,
html[data-hao-theme='gold-black'] .hover\:bg-brand:hover,
html[data-hao-theme='gold-black'] .btn-brand,
html[data-hao-theme='gold-black'] .badge-brand,
html[data-hao-theme='gold-black'] .htc-flash-header,
html[data-hao-theme='gold-black'] .rev-bar,
html[data-hao-theme='gold-black'] .stock-fill {
  background: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-topbar,
html[data-hao-theme='gold-black'] .menu-scroll.htc-scroll-header,
html[data-hao-theme='gold-black'] .htc-topbar a,
html[data-hao-theme='gold-black'] .htc-topbar-badge,
html[data-hao-theme='gold-black'] .htc-topbar-hl,
html[data-hao-theme='gold-black'] .htc-flash-text,
html[data-hao-theme='gold-black'] .htc-flash-name,
html[data-hao-theme='gold-black'] .btn-brand,
html[data-hao-theme='gold-black'] .badge-brand {
  color: #211600 !important;
}

html[data-hao-theme='gold-black'] .htc-topbar {
  border-bottom: 1px solid rgba(179, 126, 0, 0.28) !important;
}

html[data-hao-theme='gold-black'] .htc-topbar a:hover {
  color: #111111 !important;
  background: rgba(255, 255, 255, 0.18) !important;
}

html[data-hao-theme='gold-black'] .htc-marquee-bar {
  background: #ffcb2f !important;
  color: #241700 !important;
  border-top: 1px solid rgba(180, 125, 0, 0.18) !important;
  border-bottom: 1px solid rgba(180, 125, 0, 0.18) !important;
}

html[data-hao-theme='gold-black'] .htc-marquee-inner span::before {
  color: rgba(92, 58, 0, 0.45) !important;
}

html[data-hao-theme='gold-black'] .htc-topbar-hl,
html[data-hao-theme='gold-black'] .htc-lang-btn,
html[data-hao-theme='gold-black'] .htc-hotline-dropdown-content,
html[data-hao-theme='gold-black'] .htc-ac-dropdown,
html[data-hao-theme='gold-black'] .htc-compare-bar,
html[data-hao-theme='gold-black'] .metric-card,
html[data-hao-theme='gold-black'] .cmd-box,
html[data-hao-theme='gold-black'] .adm-dd,
html[data-hao-theme='gold-black'] .inline-block.align-top.bg-white,
html[data-hao-theme='gold-black'] .uk-modal-dialog,
html[data-hao-theme='gold-black'] .htc-flash-card {
  background: rgba(255, 253, 250, 0.98) !important;
  border-color: rgba(220, 194, 125, 0.7) !important;
  box-shadow: 0 12px 32px rgba(17, 17, 17, 0.08) !important;
}

html[data-hao-theme='gold-black'] .htc-header-main {
  position: relative;
  overflow: hidden;
  background: #ffffff !important;
  border-top: 1px solid rgba(194, 134, 0, 0.2);
  border-bottom: 1px solid rgba(194, 134, 0, 0.24);
  box-shadow: 0 12px 24px rgba(17, 17, 17, 0.06) !important;
}

html[data-hao-theme='gold-black'] .htc-header-main::before {
  content: none;
  pointer-events: none;
}

html[data-hao-theme='gold-black'] .htc-header-main > .max-w-8xl {
  position: relative;
  z-index: 1;
}

html[data-hao-theme='gold-black'] .htc-search,
html[data-hao-theme='gold-black'] .search-bar,
html[data-hao-theme='gold-black'] .st-input,
html[data-hao-theme='gold-black'] .st-textarea,
html[data-hao-theme='gold-black'] .inp,
html[data-hao-theme='gold-black'] input[type='text'],
html[data-hao-theme='gold-black'] input[type='email'],
html[data-hao-theme='gold-black'] input[type='password'],
html[data-hao-theme='gold-black'] input[type='number'],
html[data-hao-theme='gold-black'] input[type='search'],
html[data-hao-theme='gold-black'] textarea,
html[data-hao-theme='gold-black'] select {
  border-color: rgba(220, 194, 125, 0.9) !important;
  background: #fffdfa !important;
}

html[data-hao-theme='gold-black'] .htc-search:focus-within,
html[data-hao-theme='gold-black'] .search-bar:hover,
html[data-hao-theme='gold-black'] .st-input:focus,
html[data-hao-theme='gold-black'] .st-textarea:focus,
html[data-hao-theme='gold-black'] .inp:focus,
html[data-hao-theme='gold-black'] input:focus,
html[data-hao-theme='gold-black'] textarea:focus,
html[data-hao-theme='gold-black'] select:focus {
  border-color: var(--hao-gold-deep) !important;
  box-shadow: 0 0 0 3px rgba(242, 181, 68, 0.12) !important;
}

html[data-hao-theme='gold-black'] .htc-search button,
html[data-hao-theme='gold-black'] .htc-cat-btn,
html[data-hao-theme='gold-black'] .htc-hotline-btn,
html[data-hao-theme='gold-black'] .htc-buildpc-btn,
html[data-hao-theme='gold-black'] .htc-action-btn,
html[data-hao-theme='gold-black'] .htc-compare-bar__go,
html[data-hao-theme='gold-black'] .mobile-tab-chip.active,
html[data-hao-theme='gold-black'] button[type='submit'] {
  background: #ffcb2f !important;
  color: #1a1200 !important;
  border: 1px solid rgba(191, 134, 0, 0.36) !important;
  box-shadow: none !important;
}

html[data-hao-theme='gold-black'] .htc-search button:hover,
html[data-hao-theme='gold-black'] .htc-cat-btn:hover,
html[data-hao-theme='gold-black'] .htc-hotline-btn:hover,
html[data-hao-theme='gold-black'] .htc-buildpc-btn:hover,
html[data-hao-theme='gold-black'] .htc-action-btn:hover,
html[data-hao-theme='gold-black'] .htc-compare-bar__go:hover,
html[data-hao-theme='gold-black'] button[type='submit']:hover,
html[data-hao-theme='gold-black'] .btn-brand:hover {
  background: #ffd84f !important;
  color: #111111 !important;
}

html[data-hao-theme='gold-black'] .htc-cart-badge,
html[data-hao-theme='gold-black'] .pill,
html[data-hao-theme='gold-black'] .vtab-item.active,
html[data-hao-theme='gold-black'] .htc-flash-badge,
html[data-hao-theme='gold-black'] .htc-wl-btn.is-active,
html[data-hao-theme='gold-black'] .htc-overlay-sm.is-active {
  background: #ffd84f !important;
  color: var(--hao-black) !important;
  border-color: rgba(17, 17, 17, 0.12) !important;
}

html[data-hao-theme='gold-black'] .text-brand,
html[data-hao-theme='gold-black'] .hover\:text-brand:hover,
html[data-hao-theme='gold-black'] .group:hover .group-hover\:text-brand,
html[data-hao-theme='gold-black'] .htc-breadcrumbs-link:hover,
html[data-hao-theme='gold-black'] .htc-ac-item .htc-ac-price,
html[data-hao-theme='gold-black'] .htc-ac-cat:hover,
html[data-hao-theme='gold-black'] .htc-hotline-item__phone,
html[data-hao-theme='gold-black'] .htc-flash-sale-price,
html[data-hao-theme='gold-black'] .notfound-social > a,
html[data-hao-theme='gold-black'] #notfound .notfound p a,
html[data-hao-theme='gold-black'] .vtab-item.active,
html[data-hao-theme='gold-black'] .mobile-tab-chip.active,
html[data-hao-theme='gold-black'] .price,
html[data-hao-theme='gold-black'] .price-sale,
html[data-hao-theme='gold-black'] .product-price,
html[data-hao-theme='gold-black'] .special-price,
html[data-hao-theme='gold-black'] .sale-price,
html[data-hao-theme='gold-black'] .price-new,
html[data-hao-theme='gold-black'] .txt-price,
html[data-hao-theme='gold-black'] .text-red-500,
html[data-hao-theme='gold-black'] .text-red-600,
html[data-hao-theme='gold-black'] .text-red-700 {
  color: #d79a00 !important;
}

html[data-hao-theme='gold-black'] .bg-red-500,
html[data-hao-theme='gold-black'] .bg-red-600,
html[data-hao-theme='gold-black'] .bg-red-700,
html[data-hao-theme='gold-black'] .text-red,
html[data-hao-theme='gold-black'] .text-danger,
html[data-hao-theme='gold-black'] .price-label,
html[data-hao-theme='gold-black'] .product-label-sale,
html[data-hao-theme='gold-black'] .product-price-label,
html[data-hao-theme='gold-black'] .best-price,
html[data-hao-theme='gold-black'] .best-price-label {
  background: #ffd84f !important;
  color: #211600 !important;
  border-color: rgba(191, 134, 0, 0.3) !important;
}

html[data-hao-theme='gold-black'] .border-brand,
html[data-hao-theme='gold-black'] .vtab-item.active,
html[data-hao-theme='gold-black'] .dropzone:hover,
html[data-hao-theme='gold-black'] .htc-compare-bar,
html[data-hao-theme='gold-black'] .htc-compare-bar__clear,
html[data-hao-theme='gold-black'] .notfound-social > a,
html[data-hao-theme='gold-black'] #notfound .notfound p a,
html[data-hao-theme='gold-black'] .btn-brand,
html[data-hao-theme='gold-black'] .badge-brand {
  border-color: rgba(242, 181, 68, 0.35) !important;
}

html[data-hao-theme='gold-black'] .from-brand {
  --tw-gradient-from: #111111 !important;
}

html[data-hao-theme='gold-black'] .to-brand-dark {
  --tw-gradient-to: #2a2a2a !important;
}

html[data-hao-theme='gold-black'] #sidebar,
html[data-hao-theme='gold-black'] .side-menu,
html[data-hao-theme='gold-black'] .dark .side-menu nav ul li.active a,
html[data-hao-theme='gold-black'] .dark .side-menu nav ul li:hover a,
html[data-hao-theme='gold-black'] .dark .side-menu nav ul li a ul,
html[data-hao-theme='gold-black'] #menu-admin > li.active > a {
  background-color: var(--hao-black) !important;
  color: #f4d47a !important;
}

html[data-hao-theme='gold-black'] #topbar,
html[data-hao-theme='gold-black'] #content,
html[data-hao-theme='gold-black'] #adm-loading-overlay,
html[data-hao-theme='gold-black'] .bg-gray-100,
html[data-hao-theme='gold-black'] .bg-gray-50 {
  background-color: #fffaf0 !important;
}

html[data-hao-theme='gold-black'] .text-gray-600,
html[data-hao-theme='gold-black'] .text-gray-700,
html[data-hao-theme='gold-black'] .text-gray-800,
html[data-hao-theme='gold-black'] .text-gray-900,
html[data-hao-theme='gold-black'] .dark\:text-gray-200,
html[data-hao-theme='gold-black'] .dark\:text-gray-400 {
  color: var(--hao-black) !important;
}

html[data-hao-theme='gold-black'] .hao-brandmark {
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 8px 20px rgba(17, 17, 17, 0.08));
}

html[data-hao-theme='gold-black'] .done,
html[data-hao-theme='gold-black'] #htc-loading-bar {
  background: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-mega-banner-inner {
  background: #2a2211 !important;
}

html[data-hao-theme='gold-black'] .htc-hotline-item__index {
  background: #ffcb2f !important;
  color: #211600 !important;
}

html[data-hao-theme='gold-black'] .htc-filter-tab {
  background: #fff7de !important;
  color: #6d4a00 !important;
  border-color: #efca5a !important;
}

html[data-hao-theme='gold-black'] .htc-filter-tab:hover,
html[data-hao-theme='gold-black'] .htc-filter-tab.active {
  background: #ffcb2f !important;
  color: #211600 !important;
  border-color: #d79a00 !important;
}

html[data-hao-theme='gold-black'] .htc-filter-view-all,
html[data-hao-theme='gold-black'] .htc-band .htc-filter-view-all {
  background: #fff0b8 !important;
  color: #7a5200 !important;
  border-color: #efca5a !important;
}

html[data-hao-theme='gold-black'] .htc-filter-view-all:hover,
html[data-hao-theme='gold-black'] .htc-band .htc-filter-view-all:hover {
  background: #ffcb2f !important;
  color: #211600 !important;
  border-color: #d79a00 !important;
}

html[data-hao-theme='gold-black'] .htc-deal-viewall {
  background: #fff0b8 !important;
  color: #7a5200 !important;
  border-color: #efca5a !important;
}

html[data-hao-theme='gold-black'] .htc-deal-viewall:hover {
  background: #ffcb2f !important;
  color: #211600 !important;
  border-color: #d79a00 !important;
}

html[data-hao-theme='gold-black'] [mobile],
html[data-hao-theme='gold-black'] #menu-mobile {
  background: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-deal-bar {
  background: #1c1c1c !important;
}

html[data-hao-theme='gold-black'] .htc-section-line,
html[data-hao-theme='gold-black'] .htc-band .htc-section-line,
html[data-hao-theme='gold-black'] .htc-sr-head-line,
html[data-hao-theme='gold-black'] .htc-sr-head-line:last-child {
  background: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-card-overlay,
html[data-hao-theme='gold-black'] .htc-card-overlay-panel {
  background: rgba(17, 17, 17, 0.42) !important;
}

html[data-hao-theme='gold-black'] .htc-newsletter-card {
  background: #ffffff !important;
}

html[data-hao-theme='gold-black'] .hao-brandmark--main {
  width: 176px;
  height: 52px !important;
}

html[data-hao-theme='gold-black'] .hao-brandmark--sticky {
  width: 132px;
  height: 38px !important;
  border-radius: 10px;
}

html[data-hao-theme='gold-black'] .hao-brandmark--mobile {
  width: 52px;
  height: 52px;
  border-radius: 12px;
}

html[data-hao-theme='gold-black'] .hao-brandmark--admin {
  max-width: 150px !important;
  height: 36px !important;
}

html[data-hao-theme='gold-black'] .hao-brandmark--buildpc {
  width: 138px;
  height: auto;
}

html[data-hao-theme='gold-black'] #notfound .notfound .notfound-404 h1 {
  background: none !important;
  color: #f2b544 !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

html[data-hao-theme='gold-black'] .notfound-social > a:hover {
  color: var(--hao-black) !important;
  background: var(--hao-gold) !important;
  border-color: var(--hao-gold) !important;
}

html[data-hao-theme='gold-black'] body {
  background: #fffbf5 !important;
}

html[data-hao-theme='gold-black'] .htc-topbar {
  background: #17130b !important;
  border-bottom: 1px solid rgba(255, 203, 47, 0.18) !important;
}

html[data-hao-theme='gold-black'] .htc-topbar,
html[data-hao-theme='gold-black'] .htc-topbar a,
html[data-hao-theme='gold-black'] .htc-topbar-badge,
html[data-hao-theme='gold-black'] .htc-topbar-hl,
html[data-hao-theme='gold-black'] .htc-topbar .text-white {
  color: #f7e8b2 !important;
}

html[data-hao-theme='gold-black'] .htc-topbar a:hover {
  color: #fffaf0 !important;
  background: rgba(255, 203, 47, 0.12) !important;
}

html[data-hao-theme='gold-black'] .menu-scroll.htc-scroll-header {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(215, 154, 0, 0.16) !important;
  box-shadow: 0 16px 28px rgba(17, 17, 17, 0.08) !important;
}

html[data-hao-theme='gold-black'] .htc-marquee-bar {
  background: #fff8e4 !important;
  color: #3a2b00 !important;
  border-top: 1px solid #f0db99 !important;
  border-bottom: 1px solid #f0db99 !important;
}

html[data-hao-theme='gold-black'] .htc-marquee-inner span::before {
  color: rgba(140, 98, 0, 0.32) !important;
}

html[data-hao-theme='gold-black'] .htc-header-main {
  border-top: none !important;
  border-bottom: 1px solid rgba(215, 154, 0, 0.18) !important;
  box-shadow: 0 18px 32px rgba(17, 17, 17, 0.08) !important;
}

html[data-hao-theme='gold-black'] .htc-lang-btn {
  background: #fffdf7 !important;
  border: 1px solid #edd895 !important;
  border-radius: 12px !important;
  color: #2d2200 !important;
  box-shadow: 0 8px 18px rgba(17, 17, 17, 0.04) !important;
}

html[data-hao-theme='gold-black'] .htc-lang-btn:hover {
  border-color: #d79a00 !important;
  background: #fff6d1 !important;
}

html[data-hao-theme='gold-black'] .htc-lang-chevron {
  color: #b28400 !important;
}

html[data-hao-theme='gold-black'] .htc-search,
html[data-hao-theme='gold-black'] .search-bar {
  background: #fffefa !important;
  border: 1.5px solid #e9d59a !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 18px rgba(17, 17, 17, 0.04) !important;
}

html[data-hao-theme='gold-black'] .htc-search button {
  border-radius: 12px !important;
  font-weight: 800 !important;
}

html[data-hao-theme='gold-black'] .htc-cat-btn {
  background: #111111 !important;
  color: #ffcb2f !important;
  border-color: #111111 !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 24px rgba(17, 17, 17, 0.12) !important;
}

html[data-hao-theme='gold-black'] .htc-cat-btn:hover {
  background: #211806 !important;
  color: #ffe08a !important;
}

html[data-hao-theme='gold-black'] .htc-hotline-btn {
  background: #fff6d1 !important;
  color: #2c2000 !important;
  border-color: #e7bd41 !important;
  border-radius: 14px !important;
}

html[data-hao-theme='gold-black'] .htc-hotline-btn:hover {
  background: #ffcb2f !important;
  color: #1a1200 !important;
}

html[data-hao-theme='gold-black'] .htc-buildpc-btn {
  background: #ffcb2f !important;
  color: #1a1200 !important;
  border-color: #d79a00 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 24px rgba(215, 154, 0, 0.18) !important;
}

html[data-hao-theme='gold-black'] .htc-buildpc-btn:hover {
  background: #ffd84f !important;
  color: #111111 !important;
}

html[data-hao-theme='gold-black'] .htc-action-btn {
  background: #fffdf7 !important;
  color: #1a1200 !important;
  border: 1px solid #ead59c !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 18px rgba(17, 17, 17, 0.05) !important;
}

html[data-hao-theme='gold-black'] .htc-action-btn:hover {
  background: #fff1bf !important;
  border-color: #d79a00 !important;
  color: #111111 !important;
}

html[data-hao-theme='gold-black'] .htc-mega-banner-inner {
  background: #15120d !important;
  border: 1px solid rgba(255, 203, 47, 0.18) !important;
}

html[data-hao-theme='gold-black'] .htc-mega-group-label {
  color: #9f8743 !important;
}

html[data-hao-theme='gold-black'] .htc-mega-cat {
  background: #fffdf8 !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
}

html[data-hao-theme='gold-black'] .htc-mega-left .htc-mega-cat {
  background-color: #fffdf8 !important;
  background-image: none !important;
}

html[data-hao-theme='gold-black'] .htc-mega-cat:hover,
html[data-hao-theme='gold-black'] .htc-mega-cat.is-active {
  background: #fff1b8 !important;
  border-color: #efca5a !important;
  box-shadow: 0 10px 18px rgba(215, 154, 0, 0.12) !important;
}

html[data-hao-theme='gold-black'] .htc-mega-left .htc-mega-cat:hover,
html[data-hao-theme='gold-black'] .htc-mega-left .htc-mega-cat.is-active {
  background-color: #fff1b8 !important;
  background-image: none !important;
  border-right-color: #efca5a !important;
}

html[data-hao-theme='gold-black'] .htc-mega-cat-icon {
  background: #16120a !important;
  color: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-mega-cat:hover .htc-mega-cat-icon,
html[data-hao-theme='gold-black'] .htc-mega-cat.is-active .htc-mega-cat-icon {
  background: #ffcb2f !important;
  color: #111111 !important;
}

html[data-hao-theme='gold-black'] .htc-mega-cat-name,
html[data-hao-theme='gold-black'] .htc-mega-cat:hover .htc-mega-cat-name,
html[data-hao-theme='gold-black'] .htc-mega-cat.is-active .htc-mega-cat-name,
html[data-hao-theme='gold-black'] .htc-mega-cat-arr,
html[data-hao-theme='gold-black'] .htc-mega-cat:hover .htc-mega-cat-arr,
html[data-hao-theme='gold-black'] .htc-mega-cat.is-active .htc-mega-cat-arr {
  color: #211600 !important;
}

html[data-hao-theme='gold-black'] .border-red-400,
html[data-hao-theme='gold-black'] .border-red-500,
html[data-hao-theme='gold-black'] .border-red-600,
html[data-hao-theme='gold-black'] .border-red-700 {
  border-color: #efca5a !important;
}

html[data-hao-theme='gold-black'] .hover\:border-red-400:hover,
html[data-hao-theme='gold-black'] .hover\:border-red-500:hover,
html[data-hao-theme='gold-black'] .hover\:border-red-600:hover,
html[data-hao-theme='gold-black'] .hover\:border-red-700:hover {
  border-color: #d79a00 !important;
}

html[data-hao-theme='gold-black'] .hover\:text-red-600:hover,
html[data-hao-theme='gold-black'] .hover\:text-red-500:hover,
html[data-hao-theme='gold-black'] .hover\:text-red-700:hover {
  color: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .htc-section-title,
html[data-hao-theme='gold-black'] .htc-cat-grid-title {
  color: #17130b !important;
}

html[data-hao-theme='gold-black'] .htc-section-title::before,
html[data-hao-theme='gold-black'] .htc-cat-grid-title::before {
  background: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-section-link {
  background: #fff7dd !important;
  color: #7a5200 !important;
  border-color: #efca5a !important;
  border-radius: 999px !important;
}

html[data-hao-theme='gold-black'] .htc-section-link:hover {
  background: #ffcb2f !important;
  color: #1a1200 !important;
}

html[data-hao-theme='gold-black'] .htc-section-line,
html[data-hao-theme='gold-black'] .htc-band .htc-section-line,
html[data-hao-theme='gold-black'] .htc-sr-head-line,
html[data-hao-theme='gold-black'] .htc-sr-head-line:last-child {
  background: #ffcb2f !important;
  height: 3px !important;
  border-radius: 999px !important;
}

html[data-hao-theme='gold-black'] .htc-card {
  background: #ffffff !important;
  border: 1px solid #e7d79e !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 24px rgba(17, 17, 17, 0.06) !important;
}

html[data-hao-theme='gold-black'] .grid .htc-card,
html[data-hao-theme='gold-black'] .slick-slide .htc-card,
html[data-hao-theme='gold-black'] .htc-rv-card {
  background: #ffffff !important;
  border-color: #e7d79e !important;
  box-shadow: 0 10px 24px rgba(17, 17, 17, 0.06) !important;
}

html[data-hao-theme='gold-black'] .htc-card:hover {
  border-color: #d79a00 !important;
  box-shadow: 0 18px 36px rgba(17, 17, 17, 0.12) !important;
  transform: translateY(-6px) !important;
}

html[data-hao-theme='gold-black'] .grid .htc-card:hover,
html[data-hao-theme='gold-black'] .slick-slide .htc-card:hover,
html[data-hao-theme='gold-black'] .htc-rv-card:hover {
  border-color: #d79a00 !important;
  box-shadow: 0 18px 36px rgba(17, 17, 17, 0.12) !important;
}

html[data-hao-theme='gold-black'] .htc-card__img-wrap {
  background: #fff9ea !important;
  border-radius: 20px 20px 0 0 !important;
}

html[data-hao-theme='gold-black'] .htc-card__name {
  color: #17130b !important;
}

html[data-hao-theme='gold-black'] .htc-card__name:hover {
  color: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .htc-card__price {
  color: #b27a00 !important;
}

html[data-hao-theme='gold-black'] .htc-badge {
  background: #ffcb2f !important;
  color: #1a1200 !important;
  border: 1px solid #d79a00 !important;
  box-shadow: 0 10px 18px rgba(215, 154, 0, 0.22) !important;
}

html[data-hao-theme='gold-black'] .htc-badge-new {
  background: #17130b !important;
  color: #ffdb78 !important;
}

html[data-hao-theme='gold-black'] .htc-card-overlay {
  background: rgba(17, 17, 17, 0.28) !important;
}

html[data-hao-theme='gold-black'] .htc-card-overlay-panel {
  background: rgba(24, 18, 12, 0.74) !important;
  border: 1px solid rgba(255, 219, 111, 0.22) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.24) !important;
}

html[data-hao-theme='gold-black'] .htc-overlay-btn {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #17130b !important;
  border: 1px solid rgba(239, 202, 90, 0.7) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html[data-hao-theme='gold-black'] .htc-overlay-btn.is-red {
  background: #ffcb2f !important;
  color: #17130b !important;
}

html[data-hao-theme='gold-black'] .htc-overlay-btn:hover {
  background: #fff1b8 !important;
  color: #17130b !important;
}

html[data-hao-theme='gold-black'] .htc-overlay-btn.is-red:hover {
  background: #ffd84f !important;
}

html[data-hao-theme='gold-black'] .htc-overlay-sm {
  background: #ffffff !important;
  color: #17130b !important;
  border: 1px solid #efca5a !important;
}

html[data-hao-theme='gold-black'] .htc-overlay-sm:hover,
html[data-hao-theme='gold-black'] .htc-overlay-sm.is-active {
  background: #ffcb2f !important;
  color: #17130b !important;
  border-color: #d79a00 !important;
}

html[data-hao-theme='gold-black'] .htc-wl-btn {
  background: #fff8e4 !important;
  border: 1px solid #efca5a !important;
  box-shadow: none !important;
}

html[data-hao-theme='gold-black'] .htc-wl-btn:hover {
  background: #ffefba !important;
  transform: scale(1.04) !important;
}

html[data-hao-theme='gold-black'] .htc-wl-btn svg {
  stroke: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .htc-wl-btn.is-active {
  background: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-wl-btn.is-active svg {
  fill: #1a1200 !important;
  stroke: #1a1200 !important;
}

html[data-hao-theme='gold-black'] .htc-btn-add-icon {
  background: #17130b !important;
  border: 1px solid #17130b !important;
  box-shadow: 0 10px 18px rgba(17, 17, 17, 0.16) !important;
}

html[data-hao-theme='gold-black'] .htc-btn-add-icon:hover {
  background: #2b2010 !important;
}

html[data-hao-theme='gold-black'] .htc-btn-add-icon svg {
  stroke: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-btn-contact {
  background: #fff1bf !important;
  color: #5b4000 !important;
  border: 1px solid #efca5a !important;
}

html[data-hao-theme='gold-black'] .htc-btn-contact:hover {
  background: #ffcb2f !important;
  color: #1a1200 !important;
}

html[data-hao-theme='gold-black'] .htc-child-cat-item {
  background: #fffdf8 !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
}

html[data-hao-theme='gold-black'] .htc-child-cat-item:hover {
  background: #fff8e4 !important;
}

html[data-hao-theme='gold-black'] .htc-child-cat-item.is-active {
  background: #fff1bf !important;
  border-color: #efca5a !important;
}

html[data-hao-theme='gold-black'] .htc-child-cat-text,
html[data-hao-theme='gold-black'] .htc-cb-text,
html[data-hao-theme='gold-black'] .htc-inline-group-title {
  color: #312300 !important;
}

html[data-hao-theme='gold-black'] .htc-child-cat-item.is-active .htc-child-cat-text,
html[data-hao-theme='gold-black'] .htc-cb-input:checked ~ .htc-cb-text {
  color: #17130b !important;
}

html[data-hao-theme='gold-black'] .htc-child-cat-link,
html[data-hao-theme='gold-black'] .htc-cat-nav-btn {
  color: #9b7a21 !important;
}

html[data-hao-theme='gold-black'] .htc-child-cat-link:hover,
html[data-hao-theme='gold-black'] .htc-cat-nav-btn:hover {
  color: #17130b !important;
  background: #ffefba !important;
}

html[data-hao-theme='gold-black'] .htc-cat-link.is-active::before {
  background: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-cb-wrap:hover {
  background: #fff8e4 !important;
}

html[data-hao-theme='gold-black'] .htc-cb-box {
  border-color: #d9c98c !important;
}

html[data-hao-theme='gold-black'] .htc-cb-input:checked ~ .htc-cb-box {
  border-color: #d79a00 !important;
  background: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-cat-inline-props {
  border-left-color: #efca5a !important;
}

html[data-hao-theme='gold-black'] .htc-cat-more-btn:hover .htc-more-label {
  color: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .htc-cat-more-btn:hover .htc-more-line {
  background: #efca5a !important;
}

html[data-hao-theme='gold-black'] .pd-gallery-stage {
  background: #fffdfa !important;
  border-color: #e7d79e !important;
  box-shadow: 0 16px 28px rgba(17, 17, 17, 0.05) !important;
}

html[data-hao-theme='gold-black'] .pd-main-img-wrap {
  background: #fff8e8 !important;
  border-color: #efca5a !important;
  box-shadow: 0 18px 30px rgba(17, 17, 17, 0.06) !important;
}

html[data-hao-theme='gold-black'] .pd-main-img-wrap::after {
  background: radial-gradient(circle at var(--zoom-x, 50%) var(--zoom-y, 50%), rgba(255, 203, 47, 0.18), transparent 34%) !important;
}

html[data-hao-theme='gold-black'] .pd-gallery-hint svg,
html[data-hao-theme='gold-black'] .pd-status-summary__warranty svg {
  color: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .pd-gallery-count {
  background: #fff1bf !important;
  color: #6b4a00 !important;
}

html[data-hao-theme='gold-black'] .pd-thumb {
  border-color: #efca5a !important;
  background: #fffdf7 !important;
}

html[data-hao-theme='gold-black'] .pd-thumb:hover,
html[data-hao-theme='gold-black'] .pd-thumb.active {
  border-color: #d79a00 !important;
  background: #fff1bf !important;
  box-shadow: 0 0 0 3px rgba(255, 203, 47, 0.18), 0 14px 24px rgba(17, 17, 17, 0.1) !important;
}

html[data-hao-theme='gold-black'] .pd-thumb-badge {
  background: #17130b !important;
  color: #ffdb78 !important;
  box-shadow: none !important;
}

html[data-hao-theme='gold-black'] .pd-meta-badge.red {
  background: #fff1bf !important;
  color: #6b4a00 !important;
}

html[data-hao-theme='gold-black'] .pd-meta-badge.condition {
  background: #17130b !important;
  color: #ffdb78 !important;
}

html[data-hao-theme='gold-black'] .pd-status-summary {
  background: #fffdfa !important;
  border-color: #e7d79e !important;
  box-shadow: 0 14px 28px rgba(17, 17, 17, 0.05) !important;
}

html[data-hao-theme='gold-black'] .pd-params {
  background: #fffaf0 !important;
  border-color: #efca5a !important;
  box-shadow: 0 18px 30px rgba(17, 17, 17, 0.06) !important;
}

html[data-hao-theme='gold-black'] .pd-params-fade {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fffaf0 85%) !important;
}

html[data-hao-theme='gold-black'] .pd-params-title {
  color: #1a1200 !important;
}

html[data-hao-theme='gold-black'] .pd-params-title::before {
  background: #ffcb2f !important;
  box-shadow: 0 0 0 4px rgba(255, 203, 47, 0.18) !important;
}

html[data-hao-theme='gold-black'] .pd-params li,
html[data-hao-theme='gold-black'] .pd-params p {
  border-bottom-color: #f0e1b2 !important;
  color: #2e2100 !important;
}

html[data-hao-theme='gold-black'] .pd-params li::before,
html[data-hao-theme='gold-black'] .pd-params p::before {
  background: #d79a00 !important;
}

html[data-hao-theme='gold-black'] .pd-quick-specs {
  background: #fffdfa !important;
  border-color: #efca5a !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 22px rgba(17, 17, 17, 0.05) !important;
}

html[data-hao-theme='gold-black'] .pd-qs-header {
  background: #fff7dd !important;
  border-bottom: 1px solid #efca5a !important;
}

html[data-hao-theme='gold-black'] .pd-qs-header svg,
html[data-hao-theme='gold-black'] .pd-qs-more {
  color: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .pd-qs-item {
  border-bottom-color: #f0e1b2 !important;
}

html[data-hao-theme='gold-black'] .pd-qs-item:nth-child(even) {
  background: #fff9ef !important;
}

html[data-hao-theme='gold-black'] .pd-qs-label {
  color: #6b5a31 !important;
}

html[data-hao-theme='gold-black'] .pd-qs-value {
  color: #17130b !important;
}

html[data-hao-theme='gold-black'] .pd-qs-more:hover {
  background: #fff1bf !important;
  color: #1a1200 !important;
}

html[data-hao-theme='gold-black'] .pd-pc-section {
  background: #fffdf7 !important;
  border-top-color: #f0e1b2 !important;
}

html[data-hao-theme='gold-black'] .pd-pc-title,
html[data-hao-theme='gold-black'] .pd-pc-chip-label,
html[data-hao-theme='gold-black'] .pd-pc-popup-link {
  color: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .pd-pc-chip {
  background: #fffdf7 !important;
  border-color: #efca5a !important;
  color: #1a1200 !important;
  box-shadow: 0 8px 18px rgba(17, 17, 17, 0.05) !important;
}

html[data-hao-theme='gold-black'] .pd-pc-chip:hover,
html[data-hao-theme='gold-black'] .pd-pc-item:focus-within .pd-pc-chip {
  border-color: #d79a00 !important;
  box-shadow: 0 12px 24px rgba(17, 17, 17, 0.08) !important;
}

html[data-hao-theme='gold-black'] .pd-pc-chip-qty,
html[data-hao-theme='gold-black'] .pd-pc-popup-slot,
html[data-hao-theme='gold-black'] .pd-pc-popup-price {
  background: #fff1bf !important;
  color: #6b4a00 !important;
}

html[data-hao-theme='gold-black'] .pd-pc-popup {
  border-color: #efca5a !important;
}

html[data-hao-theme='gold-black'] .pd-pc-popup::before {
  border-top-color: #efca5a !important;
  border-left-color: #efca5a !important;
}

html[data-hao-theme='gold-black'] .pd-price-block {
  background: #fffdfa !important;
  border: 1px solid #efca5a !important;
  box-shadow: 0 18px 30px rgba(17, 17, 17, 0.06) !important;
}

html[data-hao-theme='gold-black'] .pd-price-main {
  color: #b27a00 !important;
}

html[data-hao-theme='gold-black'] .pd-price-save {
  background: #fff1bf !important;
  color: #6d4a00 !important;
}

html[data-hao-theme='gold-black'] .pd-price-tag {
  background: #fff8e4 !important;
  border-color: #f0d787 !important;
  color: #4d3b14 !important;
}

html[data-hao-theme='gold-black'] .pd-price-tag[style] {
  background: #ffcb2f !important;
  color: #1a1200 !important;
  border-color: #d79a00 !important;
}

html[data-hao-theme='gold-black'] .pd-warehouse-stock-item {
  background: #fff7dd !important;
  border-color: #efca5a !important;
  color: #6b4a00 !important;
}

html[data-hao-theme='gold-black'] .pd-warehouse-stock-item.is-in-stock {
  background: #17130b !important;
  border-color: #17130b !important;
  color: #ffdb78 !important;
  box-shadow: 0 10px 22px rgba(17, 17, 17, 0.16) !important;
}

html[data-hao-theme='gold-black'] .htc-wl-btn-detail,
html[data-hao-theme='gold-black'] .htc-cmp-btn-detail {
  background: #fffdf7 !important;
  border-color: #efca5a !important;
  color: #6b4a00 !important;
}

html[data-hao-theme='gold-black'] .htc-wl-btn-detail:hover,
html[data-hao-theme='gold-black'] .htc-wl-btn-detail.is-active,
html[data-hao-theme='gold-black'] .htc-cmp-btn-detail:hover,
html[data-hao-theme='gold-black'] .htc-cmp-btn-detail.is-active {
  background: #fff1bf !important;
  border-color: #d79a00 !important;
  color: #1a1200 !important;
}

html[data-hao-theme='gold-black'] .pd-btn-buy {
  background: #ffcb2f !important;
  color: #1a1200 !important;
  box-shadow: 0 16px 28px rgba(215, 154, 0, 0.22) !important;
}

html[data-hao-theme='gold-black'] .pd-btn-buy:hover {
  background: #ffd84f !important;
  color: #111111 !important;
  box-shadow: 0 20px 30px rgba(215, 154, 0, 0.26) !important;
}

html[data-hao-theme='gold-black'] .pd-btn-cart {
  background: #fffdf7 !important;
  color: #6d4a00 !important;
  border-color: #efca5a !important;
}

html[data-hao-theme='gold-black'] .pd-btn-cart:hover {
  background: #fff0bf !important;
  color: #1a1200 !important;
}

html[data-hao-theme='gold-black'] .pd-btn-credit {
  background: #17130b !important;
  color: #ffdb78 !important;
  box-shadow: 0 12px 24px rgba(17, 17, 17, 0.15) !important;
}

html[data-hao-theme='gold-black'] .pd-btn-credit:hover {
  background: #241c0e !important;
  color: #ffe08a !important;
}

html[data-hao-theme='gold-black'] .pd-oos {
  background: #fff8e4 !important;
  color: #5b4000 !important;
  border: 1px solid #efca5a !important;
}

html[data-hao-theme='gold-black'] .pd-oos strong {
  color: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .pd-trust-card {
  background: #fffdfa !important;
  border: 1px solid #e7d79e !important;
  box-shadow: 0 16px 28px rgba(17, 17, 17, 0.05) !important;
}

html[data-hao-theme='gold-black'] .pd-trust-header {
  background: #17130b !important;
  color: #ffdb78 !important;
  border-bottom: 1px solid rgba(255, 203, 47, 0.2) !important;
}

html[data-hao-theme='gold-black'] .pd-trust-header svg,
html[data-hao-theme='gold-black'] .pd-header-dot {
  color: #ffcb2f !important;
  background: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .pd-trust-body {
  background: #fffdfa !important;
}

html[data-hao-theme='gold-black'] .pd-trust-body:not(.pd-contact-body) li::before,
html[data-hao-theme='gold-black'] .pd-contact-body li::before,
html[data-hao-theme='gold-black'] .pd-contact-body p::before {
  background: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .pd-contact-body a[href^='tel:'] {
  color: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .cart-page-wrap {
  background: #fff9ef !important;
}

html[data-hao-theme='gold-black'] .cart-card,
html[data-hao-theme='gold-black'] .cart-empty {
  background: #fffdfa !important;
  border: 1px solid #e7d79e !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 28px rgba(17, 17, 17, 0.06) !important;
}

html[data-hao-theme='gold-black'] .cart-list-header,
html[data-hao-theme='gold-black'] .cart-summary-header,
html[data-hao-theme='gold-black'] .cart-voucher {
  border-bottom-color: #f1e1ac !important;
}

html[data-hao-theme='gold-black'] .cart-count-badge {
  background: #17130b !important;
  color: #ffdb78 !important;
}

html[data-hao-theme='gold-black'] .cart-clear-all-btn {
  border-color: #efd89b !important;
  color: #6b5a31 !important;
  border-radius: 999px !important;
}

html[data-hao-theme='gold-black'] .cart-clear-all-btn:hover {
  color: #1a1200 !important;
  border-color: #d79a00 !important;
  background: #fff1bf !important;
}

html[data-hao-theme='gold-black'] .cart-item:hover {
  background: #fff8ec !important;
}

html[data-hao-theme='gold-black'] .cart-item__img-wrap {
  background: #fff7dd !important;
  border-color: #efca5a !important;
  border-radius: 14px !important;
}

html[data-hao-theme='gold-black'] .cart-item__name:hover {
  color: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .cart-qty {
  border-color: #efca5a !important;
  border-radius: 12px !important;
}

html[data-hao-theme='gold-black'] .cart-qty__btn {
  background: #fff7dd !important;
  color: #5b4000 !important;
}

html[data-hao-theme='gold-black'] .cart-qty__btn:hover {
  background: #ffcb2f !important;
  color: #1a1200 !important;
}

html[data-hao-theme='gold-black'] .cart-qty__input {
  background: #fffdf7 !important;
  border-left-color: #f0e1b2 !important;
  border-right-color: #f0e1b2 !important;
}

html[data-hao-theme='gold-black'] .cart-item__subtotal,
html[data-hao-theme='gold-black'] .cart-totals-row.total-row span:last-child,
html[data-hao-theme='gold-black'] .cart-mobile-bar__total span:last-child {
  color: #b27a00 !important;
}

html[data-hao-theme='gold-black'] .cart-item__delete:hover {
  color: #8c6200 !important;
  background: #fff1bf !important;
}

html[data-hao-theme='gold-black'] .cart-summary-header svg {
  color: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .cart-voucher-input {
  background: #fffdf7 !important;
  border-color: #efca5a !important;
}

html[data-hao-theme='gold-black'] .cart-voucher-input:focus {
  border-color: #d79a00 !important;
  box-shadow: 0 0 0 3px rgba(255, 203, 47, 0.15) !important;
}

html[data-hao-theme='gold-black'] .cart-voucher-apply,
html[data-hao-theme='gold-black'] .cart-empty-btn,
html[data-hao-theme='gold-black'] .cart-mobile-btn {
  background: #ffcb2f !important;
  color: #1a1200 !important;
  box-shadow: none !important;
}

html[data-hao-theme='gold-black'] .cart-voucher-apply:hover,
html[data-hao-theme='gold-black'] .cart-empty-btn:hover,
html[data-hao-theme='gold-black'] .cart-mobile-btn:hover {
  background: #ffd84f !important;
  color: #111111 !important;
}

html[data-hao-theme='gold-black'] .cart-checkout-btn {
  background: #17130b !important;
  color: #ffdb78 !important;
  box-shadow: 0 16px 26px rgba(17, 17, 17, 0.16) !important;
}

html[data-hao-theme='gold-black'] .cart-checkout-btn:hover {
  background: #241c0e !important;
  color: #ffe08a !important;
  box-shadow: 0 20px 32px rgba(17, 17, 17, 0.2) !important;
}

html[data-hao-theme='gold-black'] .cart-trust-badge {
  background: #fff8e4 !important;
  border-color: #efca5a !important;
  color: #5b4000 !important;
}

html[data-hao-theme='gold-black'] .cart-mobile-bar {
  background: #fffdf7 !important;
  border-top: 1px solid #efca5a !important;
}

html[data-hao-theme='gold-black'] .cart-voucher-tag {
  background: #fff1bf !important;
  border-color: #efca5a !important;
  color: #6b4a00 !important;
}

html[data-hao-theme='gold-black'] .cart-voucher-tag button:hover {
  color: #1a1200 !important;
}

html[data-hao-theme='gold-black'] .htc-auth-wrap {
  background: #fff9ef !important;
}

html[data-hao-theme='gold-black'] .htc-auth-card {
  background: #fffdfa !important;
  border: 1px solid #e7d79e !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 40px rgba(17, 17, 17, 0.08) !important;
}

html[data-hao-theme='gold-black'] .htc-auth-logo {
  background: #17130b !important;
  box-shadow: 0 14px 24px rgba(17, 17, 17, 0.14) !important;
}

html[data-hao-theme='gold-black'] .htc-auth-logo span {
  color: #ffdb78 !important;
}

html[data-hao-theme='gold-black'] .htc-auth-sub {
  color: #6b5a31 !important;
}

html[data-hao-theme='gold-black'] .htc-auth-alert {
  background: #fff8e4 !important;
  border-color: #efca5a !important;
  color: #6b4a00 !important;
}

html[data-hao-theme='gold-black'] .htc-auth-input {
  background: #fffdf7 !important;
  border-color: #e7d79e !important;
}

html[data-hao-theme='gold-black'] .htc-auth-input:focus {
  border-color: #d79a00 !important;
  box-shadow: 0 0 0 3px rgba(255, 203, 47, 0.15) !important;
}

html[data-hao-theme='gold-black'] .htc-auth-input-icon {
  color: #b28b2f !important;
}

html[data-hao-theme='gold-black'] .htc-auth-check input {
  accent-color: #d79a00 !important;
}

html[data-hao-theme='gold-black'] .htc-auth-forgot,
html[data-hao-theme='gold-black'] .htc-auth-footer a {
  color: #8c6200 !important;
}

html[data-hao-theme='gold-black'] .htc-auth-forgot:hover,
html[data-hao-theme='gold-black'] .htc-auth-footer a:hover {
  color: #5b4000 !important;
}

html[data-hao-theme='gold-black'] .htc-auth-btn {
  background: #ffcb2f !important;
  color: #1a1200 !important;
  box-shadow: 0 16px 28px rgba(215, 154, 0, 0.2) !important;
}

html[data-hao-theme='gold-black'] .htc-auth-btn:hover {
  background: #ffd84f !important;
  color: #111111 !important;
  box-shadow: 0 20px 32px rgba(215, 154, 0, 0.26) !important;
}

html[data-hao-theme='gold-black'] .htc-footer {
  background: #17130b !important;
  color: #c7b47c !important;
}

html[data-hao-theme='gold-black'] .htc-footer a {
  color: #e6d4a0 !important;
}

html[data-hao-theme='gold-black'] .htc-footer a:hover {
  color: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-sr-section {
  background: #1b160d !important;
  border-top: 3px solid #ffcb2f !important;
  border-bottom: 1px solid rgba(255, 203, 47, 0.16) !important;
}

html[data-hao-theme='gold-black'] .htc-sr-head-title,
html[data-hao-theme='gold-black'] .htc-fl-title {
  color: #fff4cf !important;
}

html[data-hao-theme='gold-black'] .htc-sr-head-title svg,
html[data-hao-theme='gold-black'] .htc-sr-type,
html[data-hao-theme='gold-black'] .htc-sr-ico,
html[data-hao-theme='gold-black'] .htc-footer-copy a:hover,
html[data-hao-theme='gold-black'] .htc-footer .menu-footer a:hover::before,
html[data-hao-theme='gold-black'] .htc-fl-links a:hover::before {
  color: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-sr-num,
html[data-hao-theme='gold-black'] .htc-fl-dot {
  background: #ffcb2f !important;
  color: #1a1200 !important;
  box-shadow: 0 12px 24px rgba(215, 154, 0, 0.18) !important;
}

html[data-hao-theme='gold-black'] .htc-sr-name,
html[data-hao-theme='gold-black'] .htc-sr-row strong {
  color: #fff8e1 !important;
}

html[data-hao-theme='gold-black'] .htc-sr-row,
html[data-hao-theme='gold-black'] .htc-footer-copy,
html[data-hao-theme='gold-black'] .htc-footer-copy a {
  color: #b8a77a !important;
}

html[data-hao-theme='gold-black'] .htc-sr-ico {
  background: rgba(255, 203, 47, 0.1) !important;
  border-color: rgba(255, 203, 47, 0.24) !important;
}

html[data-hao-theme='gold-black'] .htc-sr-row a,
html[data-hao-theme='gold-black'] .htc-sr-row a:visited,
html[data-hao-theme='gold-black'] .htc-sr-row a:active,
html[data-hao-theme='gold-black'] .htc-sr-row.htc-sr-hotline a,
html[data-hao-theme='gold-black'] .htc-sr-row.htc-sr-hotline a:visited,
html[data-hao-theme='gold-black'] .htc-sr-row.htc-sr-hotline a:active,
html[data-hao-theme='gold-black'] .htc-footer .menu-footer a,
html[data-hao-theme='gold-black'] .htc-fl-links a {
  color: #e6d4a0 !important;
}

html[data-hao-theme='gold-black'] .htc-sr-row a:hover,
html[data-hao-theme='gold-black'] .htc-sr-row.htc-sr-hotline a:hover,
html[data-hao-theme='gold-black'] .htc-footer .menu-footer a:hover,
html[data-hao-theme='gold-black'] .htc-fl-links a:hover {
  color: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-fl-title {
  border-bottom-color: rgba(255, 203, 47, 0.14) !important;
}

html[data-hao-theme='gold-black'] .htc-footer .menu-footer a::before,
html[data-hao-theme='gold-black'] .htc-fl-links a::before {
  color: rgba(255, 219, 120, 0.42) !important;
}

html[data-hao-theme='gold-black'] .htc-footer .menu-footer a[href*='facebook.com'],
html[data-hao-theme='gold-black'] .htc-footer .menu-footer a[href*='zalo.me'],
html[data-hao-theme='gold-black'] .htc-footer .menu-footer a[href*='youtube.com'],
html[data-hao-theme='gold-black'] .htc-footer .menu-footer a[href*='tiktok.com'] {
  color: #ffe08a !important;
}

html[data-hao-theme='gold-black'] .htc-footer .menu-footer a[href*='facebook.com']:hover,
html[data-hao-theme='gold-black'] .htc-footer .menu-footer a[href*='zalo.me']:hover,
html[data-hao-theme='gold-black'] .htc-footer .menu-footer a[href*='youtube.com']:hover,
html[data-hao-theme='gold-black'] .htc-footer .menu-footer a[href*='tiktok.com']:hover {
  color: #ffcb2f !important;
}

html[data-hao-theme='gold-black'] .htc-float-btn,
html[data-hao-theme='gold-black'] .htc-scroll-top {
  border: 1px solid rgba(191, 134, 0, 0.34) !important;
  box-shadow: 0 12px 26px rgba(17, 17, 17, 0.18) !important;
}

html[data-hao-theme='gold-black'] .htc-float-btn {
  background: #ffcb2f !important;
  color: #17130b !important;
}

html[data-hao-theme='gold-black'] .htc-float-btn:hover {
  background: #17130b !important;
  color: #ffdb78 !important;
  box-shadow: 0 16px 30px rgba(17, 17, 17, 0.24) !important;
}

html[data-hao-theme='gold-black'] .htc-float-btn::after,
html[data-hao-theme='gold-black'] .htc-scroll-top::after {
  background: #17130b !important;
  color: #ffe08a !important;
  border: 1px solid rgba(255, 203, 47, 0.22) !important;
}

html[data-hao-theme='gold-black'] .htc-scroll-top {
  background: #fff8e4 !important;
  color: #17130b !important;
}

html[data-hao-theme='gold-black'] .htc-scroll-top:hover {
  background: #ffcb2f !important;
  color: #17130b !important;
}

html[data-hao-theme='gold-black'] .htc-float-btn svg path,
html[data-hao-theme='gold-black'] .htc-float-btn svg circle,
html[data-hao-theme='gold-black'] .htc-float-btn svg text,
html[data-hao-theme='gold-black'] .htc-scroll-top svg path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-hao-theme='gold-black'] .htc-float-btn:hover svg path,
html[data-hao-theme='gold-black'] .htc-float-btn:hover svg circle,
html[data-hao-theme='gold-black'] .htc-float-btn:hover svg text {
  fill: currentColor !important;
  stroke: currentColor !important;
}

@keyframes haoFloatPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 203, 47, 0.48), 0 12px 26px rgba(17, 17, 17, 0.18);
  }
  65% {
    box-shadow: 0 0 0 14px rgba(255, 203, 47, 0), 0 12px 26px rgba(17, 17, 17, 0.18);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 203, 47, 0), 0 12px 26px rgba(17, 17, 17, 0.18);
  }
}

html[data-hao-theme='gold-black'] .htc-float-btn--tel {
  animation: haoFloatPulse 2.2s ease-in-out infinite !important;
}

html[data-hao-theme='gold-black'] .htc-float-btn--tel:hover {
  animation: none !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-bubble,
html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-start-btn,
html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-send-btn {
  background: #ffcb2f !important;
  color: #17130b !important;
  box-shadow: 0 12px 26px rgba(215, 154, 0, 0.22) !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-bubble:hover,
html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-start-btn:hover,
html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-send-btn:hover {
  background: #ffd84f !important;
  color: #111111 !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-badge {
  background: #17130b !important;
  color: #ffdb78 !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-panel {
  background: #fffdfa !important;
  border: 1px solid #e7d79e !important;
  box-shadow: 0 22px 40px rgba(17, 17, 17, 0.14) !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-header {
  background: #17130b !important;
  color: #ffe08a !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-title,
html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-status,
html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-avatar {
  color: #ffe8a6 !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-avatar {
  background: rgba(255, 203, 47, 0.14) !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-close {
  background: rgba(255, 203, 47, 0.12) !important;
  color: #ffe8a6 !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-close:hover {
  background: rgba(255, 203, 47, 0.22) !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-input-field,
html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-msg-input {
  border-color: #e7d79e !important;
  background: #fffdf7 !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-input-field:focus {
  border-color: #d79a00 !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-msg.customer {
  background: #fff1bf !important;
  color: #5b4000 !important;
}

html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-preview-clear,
html[data-hao-theme='gold-black'] #htc-chat-widget .htc-chat-file-btn:hover {
  color: #d79a00 !important;
}

@media (max-width: 991px) {
  html[data-hao-theme='gold-black'] .hao-brandmark--main {
    width: 154px;
  }
}