:root {
  --neo-commerce-ink:#35383c;
  --neo-commerce-body:#61656b;
  --neo-commerce-primary:#484d53;
  --neo-commerce-primary-hover:#353a40;
  --neo-commerce-accent:#ae8d52;
  --neo-commerce-accent-soft:#bba06e;
  --neo-commerce-accent-text:#8a6c3d;
  --neo-commerce-accent-bg:rgba(185,166,127,.14);
  --neo-commerce-focus:rgba(138,108,61,.3);
  --neo-commerce-page:#f5f6f7;
  --neo-commerce-surface-soft:#f8f9fa;
  --neo-commerce-surface:#fff;
  --neo-commerce-line:#d5d9dd;
  --neo-commerce-line-strong:#c9ced3;
  --color-primary:#484d53!important;
  --gfw-primary:#484d53;
  --gfw-primary-soft:rgba(185,166,127,.14);
  --gfw-ink:#35383c;
  --gfw-muted:#61656b;
  --gfw-line:#d5d9dd;
  --gfw-surface:#fff;
  --gfw-bg:#f5f6f7;
}

body{background:var(--neo-commerce-page)!important;color:var(--neo-commerce-ink)}
.goods .el-main,.template .el-main{min-height:calc(100vh - .6rem);background:var(--neo-commerce-page)}
.main-card,.goods-box,.shopping-car-box,.settlement-box,.config-box,.order-box,.settlement-main,.shopping-box{border-color:var(--neo-commerce-line)!important;box-shadow:0 .05rem .2rem rgba(53,56,60,.04)!important}
.goods .main-title,.shopping-car-title,.settlement-title{color:var(--neo-commerce-ink);font-weight:800}

/* Shared controls: charcoal actions, warm-gold selection and focus. */
.el-button--primary,.el-button--primary:focus{border-color:var(--neo-commerce-primary)!important;background:var(--neo-commerce-primary)!important;color:#fff!important}
.el-button--primary:hover,.el-button--primary:active{border-color:var(--neo-commerce-primary-hover)!important;background:var(--neo-commerce-primary-hover)!important}
.el-link.el-link--primary,.el-link--primary:hover,.bule-text,.qty-tips{color:var(--neo-commerce-accent-text)!important}
.el-input__inner,.el-select .el-input__inner,.el-textarea__inner{border-color:var(--neo-commerce-line-strong);border-radius:.07rem;background:var(--neo-commerce-surface-soft);color:var(--neo-commerce-ink)}
.el-input__inner:focus,.el-textarea__inner:focus,.el-select .el-input.is-focus .el-input__inner,.el-select .el-input__inner:focus{border-color:var(--neo-commerce-accent)!important;box-shadow:0 0 0 3px var(--neo-commerce-focus)!important}
.el-radio__input.is-checked .el-radio__inner,.el-radio-button__orig-radio:checked+.el-radio-button__inner,.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner,.el-switch.is-checked .el-switch__core{border-color:var(--neo-commerce-accent)!important;background:var(--neo-commerce-accent)!important}
.el-radio__input.is-checked+.el-radio__label,.el-checkbox__input.is-checked+.el-checkbox__label,.el-tabs__item.is-active,.el-tabs__item:hover{color:var(--neo-commerce-accent-text)!important}
.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff!important;box-shadow:-1px 0 0 0 var(--neo-commerce-accent)!important}
.el-tabs__active-bar,.el-slider__bar{background:var(--neo-commerce-accent)!important}
.el-slider__button{border-color:var(--neo-commerce-accent)!important;box-shadow:0 2px 6px var(--neo-commerce-focus)!important}
.el-dialog{border-radius:.12rem;overflow:hidden}
.el-dialog__header,.el-dialog__footer{border-color:var(--neo-commerce-line)}
.el-table th.el-table__cell,.goods-table thead{background:var(--neo-commerce-surface-soft)!important;color:var(--neo-commerce-body)!important}
.el-table td.el-table__cell{border-bottom-color:var(--neo-commerce-line)}

/* Product catalogue. */
.gfw-cart-page .category-slider{background:linear-gradient(135deg,#555b61,#2b3035)!important;box-shadow:0 .04rem .12rem rgba(43,48,53,.24),inset 0 1px 1px rgba(255,255,255,.24)!important}
.gfw-cart-page .category-first-item:hover{color:var(--neo-commerce-accent-text)!important;background:var(--neo-commerce-accent-bg)!important}
.gfw-cart-page .category-first-item.is-active{color:#fff!important;background:transparent!important}
.gfw-cart-page .category-search-box .el-input-group__append{border-color:var(--neo-commerce-primary)!important;background:var(--neo-commerce-primary)!important}
.gfw-cart-page .category-second-item:hover{border-color:var(--neo-commerce-line-strong)!important;box-shadow:0 .06rem .2rem rgba(53,56,60,.08)!important}
.gfw-cart-page .category-second-item.is-active{border-color:var(--neo-commerce-accent)!important;background:linear-gradient(180deg,var(--neo-commerce-accent-bg),rgba(185,166,127,.03))!important;box-shadow:0 0 0 .5px var(--neo-commerce-accent),0 .06rem .2rem rgba(138,108,61,.12)!important}
.gfw-cart-page .category-second-item.is-active .category-second-title,.gfw-cart-page .category-second-item.is-active .category-second-sub{color:var(--neo-commerce-accent-text)!important}
.gfw-cart-page .category-second-description,.gfw-cart-page .current-category-card{border-color:rgba(174,141,82,.28)!important;background:linear-gradient(135deg,rgba(185,166,127,.12),rgba(255,255,255,0) 38%),var(--neo-commerce-surface)!important}
.gfw-cart-page .category-second-description::before{background:linear-gradient(180deg,var(--neo-commerce-accent),var(--neo-commerce-accent-soft))!important}
.gfw-cart-page .category-second-description-kicker,.gfw-cart-page .feature-badge{border-color:rgba(174,141,82,.24)!important;background:var(--neo-commerce-accent-bg)!important;color:var(--neo-commerce-accent-text)!important}
.template.gfw-cart-page .shopping-item{border-color:var(--neo-commerce-line)!important;background:var(--neo-commerce-surface)!important;box-shadow:0 .06rem .2rem rgba(53,56,60,.06)!important}
.template.gfw-cart-page .shopping-item:hover{border-color:var(--neo-commerce-line-strong)!important;box-shadow:0 .08rem .24rem rgba(53,56,60,.08)!important}
.template.gfw-cart-page .shopping-item.is-heiguo-configured,.template.gfw-cart-page .shopping-item.is-heiguo-configured:hover{border-color:var(--neo-commerce-accent)!important;background:var(--neo-commerce-accent-bg)!important;box-shadow:0 .08rem .24rem rgba(138,108,61,.12)!important}
.gfw-cart-page .shopping-item.is-active,.gfw-cart-page .shopping-item.active{border-color:var(--neo-commerce-accent)!important;box-shadow:0 0 0 1px var(--neo-commerce-accent)!important}
.gfw-cart-page .feature-icon{color:var(--neo-commerce-accent-text)!important;background:var(--neo-commerce-accent-bg)!important}
.gfw-cart-page .feature-icon img:not(.is-flag-icon){filter:sepia(.35) saturate(.75) hue-rotate(355deg) brightness(.72)!important}
.gfw-cart-page .shopping-item .goods-active .active-name,.gfw-cart-page .shopping-item .goods-tag{background:var(--neo-commerce-accent-bg)!important;color:var(--neo-commerce-accent-text)!important}
.gfw-cart-page .shopping-item .goods-tag .tag-item{color:var(--neo-commerce-accent-text)!important}
.gfw-cart-page .shopping-item .goods-tag .tag-item::after{background:var(--neo-commerce-accent)!important}
.template.gfw-cart-page .shopping-item .buy-btn,.template.gfw-cart-page .price-box .buy-btn{border-color:var(--neo-commerce-primary)!important;background:var(--neo-commerce-primary)!important;color:#fff!important;box-shadow:none!important}
.template.gfw-cart-page .shopping-item .buy-btn:hover,.template.gfw-cart-page .price-box .buy-btn:hover{border-color:var(--neo-commerce-primary-hover)!important;background:var(--neo-commerce-primary-hover)!important}

/* Product configuration, including embedded upstream templates. */
.goods .common-config .common-box .click-select .item:hover,.goods .common-config .common-box .cycle .item:hover,.goods .mf-cloud .el-radio__inner:hover,.goods .mf-dcim .el-radio__inner:hover{border-color:var(--neo-commerce-accent)!important}
.goods .common-config .common-box .click-select .item.com-active,.goods .common-config .common-box .cycle .item.com-active,.goods .common-config .common-box .area .item.com-active,.goods .mf-cloud .cloud-box .cloud-item.active,.goods .mf-cloud .image-item.active,.goods .mf-cloud .image-item .version-select .v-item.active,.goods .mf-dcim .image-item.active,.goods .mf-dcim .image-item .version-select .v-item.active{border-color:var(--neo-commerce-accent)!important;background:var(--neo-commerce-accent-bg)!important;color:var(--neo-commerce-accent-text)!important;box-shadow:0 0 0 1px var(--neo-commerce-accent)!important}
.goods .mf-cloud .el-form .el-radio-button.is-active .el-radio-button__inner,.goods .mf-dcim .el-form .el-radio-button.is-active .el-radio-button__inner{border-color:var(--neo-commerce-accent)!important;background:var(--neo-commerce-accent)!important;color:#fff!important;box-shadow:-1px 0 0 0 var(--neo-commerce-accent)!important}
.goods .common-config .common-box .com-active::after{border-bottom-color:var(--neo-commerce-accent)!important}
.goods .common-config .common-box .com-active>.el-icon-check{color:#fff!important}
.goods .common-config .common-box .el-slider__bar,.goods .mf-cloud .el-slider__bar,.goods .mf-dcim .el-slider__bar,.goods .mf-cloud .el-tabs__active-bar,.goods .mf-dcim .el-tabs__active-bar{background:var(--neo-commerce-accent)!important}
.goods .common-config .common-box .el-slider__button,.goods .mf-cloud .el-slider__button,.goods .mf-dcim .el-slider__button{border-color:var(--neo-commerce-accent)!important}
.goods .f-order .right .buy,.goods .common-config .f-btn .buy-btn,.goods .common-config .f-btn .buy,.goods .order-right .buy-btn,.goods .Heiguo-box .hg-order-template .buy-btn{border-color:var(--neo-commerce-primary)!important;background:var(--neo-commerce-primary)!important;color:#fff!important;box-shadow:none!important}
.goods .f-order .right .buy:hover,.goods .common-config .f-btn .buy-btn:hover,.goods .common-config .f-btn .buy:hover,.goods .order-right .buy-btn:hover,.goods .Heiguo-box .hg-order-template .buy-btn:hover{border-color:var(--neo-commerce-primary-hover)!important;background:var(--neo-commerce-primary-hover)!important}
.goods .f-order .right .add-cart,.goods .common-config .f-btn .cart,.goods .order-right .cart,.goods .hg-order-template .cart{border-color:var(--neo-commerce-primary)!important;background:var(--neo-commerce-surface)!important;color:var(--neo-commerce-primary)!important}
.goods .f-order .right .add-cart:hover,.goods .common-config .f-btn .cart:hover,.goods .order-right .cart:hover,.goods .hg-order-template .cart:hover{border-color:var(--neo-commerce-accent)!important;background:var(--neo-commerce-accent-bg)!important;color:var(--neo-commerce-accent-text)!important}

/* Shopping cart and checkout. */
.template:not(.gfw-cart-page) .buy-btn,.template:not(.gfw-cart-page) .submit-order,.template:not(.gfw-cart-page) .settlement-btn,.template:not(.gfw-cart-page) .pay-btn{border-color:var(--neo-commerce-primary)!important;background:var(--neo-commerce-primary)!important;color:#fff!important}
.template:not(.gfw-cart-page) .buy-btn:hover,.template:not(.gfw-cart-page) .submit-order:hover,.template:not(.gfw-cart-page) .settlement-btn:hover,.template:not(.gfw-cart-page) .pay-btn:hover{border-color:var(--neo-commerce-primary-hover)!important;background:var(--neo-commerce-primary-hover)!important}
.template .buy-again-btn{border:1px solid rgba(174,141,82,.3)!important;background:var(--neo-commerce-accent-bg)!important;color:var(--neo-commerce-accent-text)!important}

/* Keyboard navigation follows the same warm-gold interaction language. */
:is(.goods,.template) a[href]:not(.is-disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
:is(.goods,.template) button:not(:disabled):not(.is-disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
:is(.goods,.template) [role="button"]:not(.is-disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
:is(.goods,.template) [tabindex]:not([tabindex="-1"]):not(.is-disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
:is(.goods,.template) :is(.category-first-item,.category-second-item,.shopping-item,.click-select .item,.cycle .item,.cloud-item,.image-item,.v-item):not(.is-disabled):not(.disabled):not([aria-disabled="true"]):focus-visible{outline-width:2px !important;outline-style:solid !important;outline-color:var(--neo-commerce-accent) !important;outline-offset:3px !important;box-shadow:0 0 0 3px var(--neo-commerce-focus) !important}

/* Loading remains branded; semantic success, warning and error colors stay independent. */
#mainLoading.hg-loading-ready{--hg-loading-primary:var(--neo-commerce-accent)!important;--hg-loading-bg:var(--neo-commerce-surface)}
#mainLoading.hg-loading-bars .ddr,#mainLoading.hg-loading-dots::after,#mainLoading.hg-loading-bar::after{background:var(--neo-commerce-accent)!important}
#mainLoading.hg-loading-ring::after{border-color:rgba(174,141,82,.16)!important;border-top-color:var(--neo-commerce-accent)!important}
#mainLoading.hg-loading-dots::after{box-shadow:-28px 0 0 rgba(174,141,82,.38),28px 0 0 rgba(174,141,82,.38)!important}
#mainLoading.hg-loading-bar::before{background:rgba(174,141,82,.12)!important}

@media(max-width:760px){
  .el-main{padding:14px!important}
  .goods .el-main,.template .el-main{min-height:calc(100vh - 54px)}
  .el-dialog{width:calc(100% - 24px)!important;margin-top:7vh!important}
  .el-message-box{width:calc(100% - 28px)!important}
  .el-button,.el-input__inner,.el-select .el-input__inner{min-height:40px}
  .gfw-cart-page .category-all-trigger,.gfw-cart-page .category-first-item.is-active{background:linear-gradient(135deg,#555b61,#2b3035)!important;color:#fff!important;box-shadow:0 6px 16px rgba(43,48,53,.22)!important}
  .gfw-cart-page .category-panel-item.is-active{border-color:var(--neo-commerce-accent)!important;background:var(--neo-commerce-accent-bg)!important;color:var(--neo-commerce-accent-text)!important;box-shadow:0 6px 16px rgba(138,108,61,.14)!important}
  .gfw-cart-page .category-panel-item .category-panel-image-icon:not(.is-flag-icon):not(.is-region-icon){filter:grayscale(1) brightness(.55)!important}
  .gfw-cart-page .category-panel-item.is-active .category-panel-image-icon:not(.is-flag-icon):not(.is-region-icon){filter:brightness(0) saturate(100%) invert(58%) sepia(26%) saturate(887%) hue-rotate(357deg) brightness(91%) contrast(86%)!important}
}

/* Pointer-following product spotlight. It layers on the card background so the shared card pseudo-elements remain available. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .template.gfw-cart-page .shopping-item[data-neo-spotlight="active"] {
    background:
      radial-gradient(280px circle at var(--neo-spot-x, 50%) var(--neo-spot-y, 42%), rgba(203, 179, 128, .28) 0, rgba(185, 160, 108, .14) 38%, rgba(185, 160, 108, 0) 72%),
      var(--neo-commerce-surface) !important;
  }

  .template.gfw-cart-page .shopping-item.is-heiguo-configured[data-neo-spotlight="active"] {
    background:
      radial-gradient(280px circle at var(--neo-spot-x, 50%) var(--neo-spot-y, 42%), rgba(218, 194, 144, .34) 0, rgba(190, 163, 112, .16) 40%, rgba(190, 163, 112, 0) 72%),
      var(--neo-commerce-accent-bg) !important;
  }
}
