:root{
  --ink:#0D0D0D;
  --orange:#FFC400;
  --soft:#F7F7F7;
}
.editorial-page{
  --ed-ink:#0D0D0D;
  --ed-soft:#F7F7F7;
  --ed-orange:#9B7700;
}
.my-page{--m-ink:#0D0D0D;--m-orange:#FFC400}
.pf-page{--pf-ink:#0D0D0D;--pf-orange:#FFC400}
.preview-note{display:none}
.site-header .nav-wrap{max-width:none;width:calc(100% - 48px)}
.site-header .nav-center{gap:25px}
.site-header .nav-brand{position:absolute;left:max(48px,calc((100% - 1200px)/2));top:50%;transform:translateY(-50%);width:146px;height:60px}
.site-header .nav-brand img.tzhanggui-logo{display:block;width:146px;height:auto;max-height:56px;object-fit:contain}
.site-footer .brand img{width:154px;height:auto;max-height:62px;object-fit:contain}
.site-header .desktop-nav{gap:33px}
.store-heading h2{font-size:28px;line-height:1.4;letter-spacing:-.025em;font-weight:600}
.store-heading h2 span{color:#6e6e73}
.store-catalog .catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 20px;margin-top:12px}
.store-results-heading{min-height:48px}
.store-results-heading>div{min-width:300px}
.store-results-heading .browse-all.is-invisible{visibility:hidden;pointer-events:none}
.store-catalog .catalog-grid .product-card[hidden]{display:none!important}
.store-catalog .catalog-grid .product-image{background:#fff;border-radius:21px}
.store-catalog .catalog-grid .product-commercial{padding:18px 2px 0}
.store-catalog .catalog-grid .product-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.desktop-nav a[aria-current]:after,.category-item.active:after{background:#FFC400}
.category-item:hover .category-label,.category-item.active .category-label{color:#806100}
.choice input:checked+span{color:#6D5800;background:#FFFAE8}
.request-progress .complete>span{border-color:#E9D165;background:#FFFAE8}
.color-choice.is-selected .color-thumb{background:#FFFAE8}
.button.primary,.ed-bottom-inner .button,.assistance-card-link,.my-pill-primary,.cx-intro button{
  background:#FFC400!important;
  color:#0D0D0D!important;
}
.button.primary:hover,.ed-bottom-inner .button:hover,.assistance-card-link:hover,
.my-pill-primary:hover,.cx-intro button:hover{background:#E7B200!important;color:#0D0D0D!important}
.text-link,.ed-card-arrow,.my-underlink:hover,.my-inline-link:hover,.my-text-action:hover{
  color:#705500;
}
.brand-manifesto h2 span,.ed-process-nav a.active,.ed-process-nav a:hover,
.ed-inline-link:hover,.my-view-head .my-kicker,.my-timeline-block .is-current>span,
.my-timeline-block .is-current>b{color:#7A5D00}
.ed-inline-link:hover{border-color:#B58A00}
.ed-process-metrics>div:first-child{background:#FFF6D6}
.ed-process-procon span,.ed-process-prep-grid span{color:#785B00}
.my-status,.my-demo{border-color:#F0E2A3;background:#FFFBEB;color:#725700}
.my-progress .is-current span{color:#0D0D0D}
.my-tab.is-active .my-tab-icon,.my-tab-arrow,.my-orange-dot,.cx-grid-hint span{color:#806100}
.my-orange-dot{background:#FFC400}
.my-metrics button:first-child strong,.my-record-action:hover,.my-form-grid em{color:#806100}
.my-check input,.my-checkout-choice input{accent-color:#FFC400}
.cx-intro button:hover{transform:translateY(-2px)}
@media(max-width:1120px){
  .site-header .nav-brand{left:32px}
  .store-heading h2{font-size:26px}
  .site-header .nav-center{gap:18px}
  .site-header .desktop-nav{gap:23px}
  .site-header .nav-brand{width:128px}
  .site-header .nav-brand img.tzhanggui-logo{width:128px}
}
@media(max-width:1020px){
  .site-header .nav-wrap{display:grid;grid-template-columns:1fr auto;gap:20px}
  .site-header .nav-center{grid-column:1;justify-self:start}
  .site-header .desktop-nav{display:none}
  .site-header .nav-actions{grid-column:2;justify-self:end}
  .site-header .mobile-toggle{display:flex}
}
@media(max-width:820px){.store-catalog .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
  .store-heading h2{font-size:23px;line-height:1.5}
  .site-header .nav-wrap{width:calc(100% - 36px)}
  .site-header .nav-brand{left:20px}
  .site-header .nav-brand{width:108px;height:52px}
  .site-header .nav-brand img.tzhanggui-logo{width:108px}
  .site-footer .brand img{width:142px}
  .store-catalog .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 12px}
}

/* Consultation service on the store, with channels supplied by the brand owner. */
.store-service-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:8px 0 25px;padding:23px 31px 23px 29px;background:#fff;border:1px solid #e7e4d6;border-left:4px solid #FFC400;border-radius:17px}
.store-service-copy{min-width:0}
.store-service-eyebrow{font-size:10px;font-weight:650;letter-spacing:.14em;color:#82702f;margin-bottom:7px}
.store-service-banner h3{font-size:clamp(23px,2.15vw,30px);font-weight:700;letter-spacing:-.045em;line-height:1.28}
.store-service-banner .store-service-copy>p:last-child{font-size:12px;color:#77777d;line-height:1.7;margin-top:7px}
.store-service-action{flex:none;display:inline-flex;align-items:center;gap:20px;min-height:45px;padding:10px 19px;border-radius:50px;background:#FFC400;font-size:13px;font-weight:650;transition:background .2s,transform .2s}
.store-service-action:hover{background:#E7B200;transform:translateY(-1px)}
.store-service-action span{font-size:18px;line-height:1}
/* Compact chat: stays beside the page and only minimizes via its X control. */
.support-panel[hidden],.support-fab[hidden],.support-view[hidden],.support-qr[hidden]{display:none!important}
.support-panel{position:fixed;z-index:51;right:22px;bottom:22px;width:320px;height:476px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;padding:0;background:#fff;border:1px solid #e7e5df;border-radius:17px;box-shadow:0 12px 45px #24201721;text-align:left}
.support-panel-head{display:flex;align-items:center;gap:10px;flex:none;padding:15px 16px 13px}
.support-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#ffc400;font-size:22px;font-weight:800;color:#151515}
.support-heading{flex:1;min-width:0}
.support-panel-head h2{font-size:15px;line-height:1.4;letter-spacing:0;margin:0;font-weight:700}
.support-panel-head p{font-size:10px;line-height:1.5;color:#96938c;margin:2px 0 0;letter-spacing:.02em}
.support-close{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#f5f4f0;color:#77736b;font-size:22px;font-weight:300;line-height:1;transition:background .15s}
.support-close:hover{background:#eae8e1;color:#151515}
.support-view{flex:1;min-height:0}
.support-chat-view{display:flex;flex-direction:column;background:#faf9f6}
.support-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:14px 14px 4px}
.support-chat-date{text-align:center;font-size:10px;line-height:1.6;color:#aaa69d;margin:0 0 14px}
.support-message{display:flex;align-items:flex-start;gap:7px;margin:0 0 14px;font-size:12px;line-height:1.75}
.support-chat-avatar{display:grid;place-items:center;flex:none;width:25px;height:25px;margin-top:1px;background:#ffc400;border-radius:8px;font-size:16px;line-height:1;font-weight:800}
.support-message-advisor>div{min-width:0;max-width:calc(100% - 32px)}
.support-message-bubble{padding:10px 11px;background:#fff;border:1px solid #eeece5;border-radius:0 11px 11px 11px;color:#45423c;overflow-wrap:anywhere;white-space:pre-wrap}
.support-message-meta{display:block;margin:4px 2px 0;color:#a7a297;font-size:9px;line-height:1.4}
.support-message-user{flex-direction:column;align-items:flex-end;gap:0;margin-left:28px}
.support-message-user .support-message-bubble{max-width:100%;border:0;background:#ffedaf;border-radius:11px 0 11px 11px;color:#393123}
.support-message-user .support-message-meta{align-self:flex-end}
.support-chat-prompts{display:flex;flex:none;gap:7px;padding:7px 14px 12px}
.support-chat-prompts button{border:1px solid #e9e4d5;border-radius:7px;padding:5px 9px;background:#fff;color:#82734d;font-size:10px;line-height:1.5}
.support-chat-prompts button:hover{background:#fff6d8;border-color:#e2ce8c}
.support-chat-form{flex:none;padding:11px 13px 10px;background:#fff;border-top:1px solid #efede7}
.support-chat-form textarea{display:block;width:100%;height:45px;min-height:45px;max-height:80px;resize:none;border:0;outline:0;background:#fff;color:#333;font:inherit;font-size:12px;line-height:1.7;padding:0 2px}
.support-chat-form textarea::placeholder{color:#aaa69e}
.support-composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px}
.support-composer-bottom>span{font-size:9px;color:#aaa59b;line-height:1.4}
.support-composer-bottom button{display:flex;align-items:center;gap:7px;flex:none;min-height:29px;padding:5px 12px;background:#ffc400;border-radius:7px;color:#282218;font-size:11px;font-weight:650}
.support-composer-bottom button:disabled{cursor:default;background:#f3f1eb;color:#b6b1a6}
.support-composer-bottom button:not(:disabled):hover{background:#edb700}
#support-chat-status{font-size:10px;line-height:1.5;color:#91836a;margin:5px 0 0}
#support-chat-status:empty{display:none}
.support-entry-content{display:flex;flex-direction:column}
.support-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:0 auto 10px;padding:7px 0;text-align:center}
.support-qr img{display:block;width:152px;height:152px;padding:6px;border-radius:9px;background:#fff;image-rendering:pixelated}
.support-qr figcaption{color:#625e55;font-size:11px;line-height:1.5}
.support-entry-status{margin:0 10px 10px;text-align:center;color:#796f5b;font-size:11px;line-height:1.7}
.support-entry-status:empty{display:none}
.support-entry-actions{display:flex;flex:none;flex-direction:column;align-items:stretch;gap:8px;padding:13px;background:#fff;border-top:1px solid #efede7}
.support-primary-link,.support-alt-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px;border-radius:8px;background:#ffc400;color:#282218;font-size:12px;font-weight:700;text-decoration:none}
.support-primary-link:hover,.support-alt-link:hover{background:#edb700;color:#282218}
#support-entry-retry{align-self:center;padding:6px 12px;border:1px solid #d9d3c2;border-radius:7px;background:#fff;color:#4d4638;font-size:11px}
#support-entry-retry[hidden],.support-primary-link[hidden]{display:none!important}
.support-panel a:focus-visible{outline:2px solid #b58a00;outline-offset:3px}
.support-fab{position:fixed;z-index:40;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;padding:8px 15px 8px 8px;background:#fff;border:1px solid #e7e3d8;border-radius:99px;box-shadow:0 8px 28px #211b111a;font-size:12px;font-weight:650;transition:box-shadow .15s,transform .15s}
.support-fab:hover{transform:translateY(-2px);box-shadow:0 10px 34px #211b1126}
.support-fab-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ffc400}
.support-fab-icon svg{width:18px;height:18px}
.support-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.support-panel button:focus-visible,.support-fab:focus-visible{outline:2px solid #b58a00;outline-offset:3px}
.support-chat-form:focus-within{box-shadow:inset 0 2px 0 #f5d66c}
@media(max-width:700px){
  .store-service-banner{align-items:flex-start;flex-direction:column;gap:15px;padding:21px 21px 20px;margin:14px 0 12px}
  .store-service-banner h3{font-size:24px}
  .store-service-banner .store-service-copy>p:last-child{font-size:11px}
  .store-service-action{min-height:40px;font-size:12px;padding:9px 16px}
  .support-panel{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:308px;height:460px;max-height:calc(100dvh - 24px);border-radius:15px}
  .support-fab{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.support-fab,.support-close,.store-service-action{transition:none}}
.gp-detail-link{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;margin:14px 0 0;border-radius:13px;background:#ffc400;color:#111;text-decoration:none;font-weight:700}.gp-detail-link:hover{background:#f0b900}

/* tzhanggui-exact-logo-20261102 */
.site-header .nav-brand img.tzhanggui-logo {
  display: block;
  width: 146px;
  height: 56px;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: multiply;
}
.site-footer .brand img {
  width: 154px;
  height: 59px;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: multiply;
}
@media (max-width: 1120px) {
  .site-header .nav-brand img.tzhanggui-logo { width: 128px; height: 49px; }
}
@media (max-width: 600px) {
  .site-header .nav-brand img.tzhanggui-logo { width: 108px; height: 42px; }
  .site-footer .brand img { width: 142px; height: 55px; }
}